/**
* Table Of Contents
* # Base
* # Clearing
* # Site
* # Loading
* # Containers
* # Header
* # Typography
* # Helpers
* # Forms
* # Buttons
* # BIT
* # Tables
* # Medias
* # Gallery
* # Fluid Video
* # Video Background
* # Comments
* # WP Default Classes
* # Widgets
* # Navigation
* # Common
* # Top Right
* # Top Right Floating
* # Top Left
* # Top Justify
* # Top Justify Left
* # Centered Logo
* # Top Logo
* # Off-Canvas
* # Overlay
* # Lateral
* # Side panel
* # Mobile
* # Width
* # Search Bar
* # Sticky
* # Desktop
* # Mega Menu
* # Style
* # Hover
* # Labels
* # Breakpoint
* # Hamburger
* # Cart
* # Item Animation
* # Hero
* # Entry
* # Post
* # Page
* # Product
* # Work
* # Gallery
* # Attachment
* # Video
* # Release
* # Event
* # Artist
* # Post Grid System
* # Pagination
* # Footer
* # Dependencies
* # FlexSlider
* # Flickity
* # Fancybox
* # Tooltipsy
* # WooCommerce base
* # Stars
* # Stars
* # Widgets
* # Products Archives
* # Single Product Base
* # Tabs
* # Form
* # Cart
* # Checkout
* # Message
* # Account
* # Plugins
* # Twitter
* # Filters
* # Instagram
* # Music Social Network
* # Portfolio
* # WPBakery Page Builder
* # WPML
* # ContactForm7
* # Skins
* # 404 Page
* # Password Protected page
* # Mobile
* # Media Queries
*/
/**
* @# Base
**/
html {
height: 100%;
max-height: 100%;
font-size: 62.5%;
}
body {
overflow-x: hidden !important;
overflow-y: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
line-height: 1.88;
font-weight: 400;
height: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
:root a {
text-decoration: none;
outline: none;
}
/**
* @# Clearing
**/
/* border box everything */
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*:after, *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* Contain floats */
.clearfix, .searchform, .gallery,
.blocks-gallery-grid, .comment-form-cookies-consent,
.clear {
zoom: 1;
}
.clearfix:before, .searchform:before, .gallery:before,
.blocks-gallery-grid:before, .comment-form-cookies-consent:before, .clearfix:after, .searchform:after, .gallery:after,
.blocks-gallery-grid:after, .comment-form-cookies-consent:after,
.clear:before,
.clear:after {
content: '';
display: table;
}
.clearfix:after, .searchform:after, .gallery:after,
.blocks-gallery-grid:after, .comment-form-cookies-consent:after,
.clear:after {
clear: both;
}
/**
* @# Site
**/
/* Wide layout */
body.site-layout-wide.desktop .site-container,
body.site-layout-wide.desktop .parallax-mirror {
max-width: none !important;
}
/* Boxed layout */
body.site-layout-boxed.desktop .nav-bar {
max-width: 1200px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
body.site-layout-boxed.desktop .content-wrapper {
width: 100%;
}
body.site-layout-boxed.desktop .site-container,
body.site-layout-boxed.desktop .site-footer,
body.site-layout-boxed.desktop .parallax-mirror {
max-width: 1200px;
}
body.site-layout-boxed.desktop .site-footer,
body.site-layout-boxed.desktop .parallax-mirror {
margin: 0 auto;
}
body.site-layout-boxed.desktop .site-container {
margin-left: auto !important;
margin-right: auto !important;
}
body.site-layout-boxed.desktop .parallax-mirror {
left: 50% !important;
-webkit-transform: translateX(-50%) !important;
-ms-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
}
body.site-layout-boxed.desktop.footer-type-uncover .site-footer {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
body.site-layout-boxed.desktop.mega-menu-width-fullwidth
.nav-menu-desktop
li.mega-menu
> .mega-menu-panel, body.site-layout-boxed.desktop.mega-menu-width-fullwidth
.nav-menu-desktop
li.mega-menu
> .mega-menu-tagline {
width: 1200px;
}
body.site-layout-boxed.desktop .wvc-row-bigtext-content {
max-width: 1100px;
}
/* Frame layout */
.frame-border {
background: #fff;
position: fixed;
visibility: hidden;
display: none;
z-index: -200;
}
.frame-border-top {
top: 0;
left: 0;
width: 100%;
height: 15px;
}
.frame-border-bottom {
bottom: 0;
left: 0;
width: 100%;
height: 15px;
}
.frame-border-left {
top: 0;
left: 0;
width: 15px;
height: 100%;
}
.frame-border-right {
top: 0;
right: 0;
width: 15px;
height: 100%;
}
.admin-bar .frame-border-top {
top: 32px;
}
body.site-layout-frame.desktop .site-container {
margin: 15px;
}
body.site-layout-frame.desktop .frame-border {
visibility: visible;
display: block;
z-index: 15;
}
body.site-layout-frame.desktop #back-to-top {
right: 30px;
bottom: 30px;
}
body.site-layout-frame.desktop #wvc-one-page-nav {
right: 34px;
}
body.site-layout-frame.desktop .wvc-arrow-down {
bottom: 30px;
}
/**
* @# Loading
**/
.loading-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: table;
}
.loading-overlay .loader {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
}
.loading-overlay .loading-logo {
margin-top: 2rem;
}
.loading-logo.pulse {
-webkit-animation: logopulse 1.44s infinite;
animation: logopulse 1.44s infinite;
}
.loading-logo.spin {
-webkit-animation: logospin 8s infinite;
animation: logospin 8s infinite;
}
@-webkit-keyframes logopulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
22% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
44% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes logopulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
22% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
44% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
22% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
44% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
22% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
44% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes logospin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes logospin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.spinner {
opacity: 0;
}
.loading-overlay {
z-index: 9999;
opacity: 1;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.loading .loading-overlay {
z-index: 9999;
opacity: 1;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.loaded:not(.loading) .loading-overlay {
opacity: 0;
z-index: -999;
-webkit-transition: opacity 0.3s ease, z-index 0.1s 1s linear;
transition: opacity 0.3s ease, z-index 0.1s 1s linear;
}
body:not(.session-loaded):not(.transitioning) .spinner,
.transitioning .spinner {
-webkit-transition: opacity 0.2s 0.5s ease;
transition: opacity 0.2s 0.5s ease;
opacity: 1;
}
.spinner.out {
-webkit-transition-delay: 0;
transition-delay: 0;
opacity: 0;
}
/*
* Usage:
*
*
*/
.sk-rotating-plane {
width: 40px;
height: 40px;
background-color: #333;
margin: 40px auto;
-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
animation: sk-rotatePlane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotatePlane {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
@keyframes sk-rotatePlane {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
/*
* Usage:
*
*
*/
.sk-double-bounce {
width: 40px;
height: 40px;
position: relative;
margin: 40px auto;
}
.sk-double-bounce .sk-child {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #333;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-doubleBounce 2.0s infinite ease-in-out;
animation: sk-doubleBounce 2.0s infinite ease-in-out;
}
.sk-double-bounce .sk-double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes sk-doubleBounce {
0%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-doubleBounce {
0%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/*
* Usage:
*
*
*/
.sk-wave {
margin: 40px auto;
width: 50px;
height: 40px;
text-align: center;
font-size: 10px;
}
.sk-wave .sk-rect {
background-color: #333;
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}
.sk-wave .sk-rect1 {
-webkit-animation-delay: -1.2s;
animation-delay: -1.2s;
}
.sk-wave .sk-rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.sk-wave .sk-rect3 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.sk-wave .sk-rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.sk-wave .sk-rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes sk-waveStretchDelay {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@keyframes sk-waveStretchDelay {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
/*
* Usage:
*
*
*/
.sk-wandering-cubes {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative;
}
.sk-wandering-cubes .sk-cube {
background-color: #333;
width: 10px;
height: 10px;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;
animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;
}
.sk-wandering-cubes .sk-cube2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
@-webkit-keyframes sk-wanderingCube {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: translateX(30px) rotate(-90deg) scale(0.5);
transform: translateX(30px) rotate(-90deg) scale(0.5);
}
50% {
/* Hack to make FF rotate in the right direction */
-webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
transform: translateX(30px) translateY(30px) rotate(-179deg);
}
50.1% {
-webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
transform: translateX(30px) translateY(30px) rotate(-180deg);
}
75% {
-webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes sk-wanderingCube {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: translateX(30px) rotate(-90deg) scale(0.5);
transform: translateX(30px) rotate(-90deg) scale(0.5);
}
50% {
/* Hack to make FF rotate in the right direction */
-webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
transform: translateX(30px) translateY(30px) rotate(-179deg);
}
50.1% {
-webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
transform: translateX(30px) translateY(30px) rotate(-180deg);
}
75% {
-webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
/*
* Usage:
*
*
*/
.sk-spinner-pulse {
width: 40px;
height: 40px;
margin: 40px auto;
background-color: #333;
border-radius: 100%;
-webkit-animation: sk-pulseScaleOut 1.0s infinite ease-in-out;
animation: sk-pulseScaleOut 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-pulseScaleOut {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes sk-pulseScaleOut {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
/*
* Usage:
*
*
*/
.sk-chasing-dots {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative;
text-align: center;
-webkit-animation: sk-chasingDotsRotate 2s infinite linear;
animation: sk-chasingDotsRotate 2s infinite linear;
}
.sk-chasing-dots .sk-child {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #333;
border-radius: 100%;
-webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
animation: sk-chasingDotsBounce 2s infinite ease-in-out;
}
.sk-chasing-dots .sk-dot2 {
top: auto;
bottom: 0;
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
@-webkit-keyframes sk-chasingDotsRotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes sk-chasingDotsRotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes sk-chasingDotsBounce {
0%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-chasingDotsBounce {
0%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/*
* Usage:
*
*
*/
.sk-three-bounce {
margin: 40px auto;
width: 80px;
text-align: center;
}
.sk-three-bounce .sk-child {
width: 20px;
height: 20px;
background-color: #333;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}
.sk-three-bounce .sk-bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.sk-three-bounce .sk-bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-three-bounce {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-three-bounce {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/*
* Usage:
*
*
*/
.sk-circle {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative;
}
.sk-circle .sk-child {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-circle .sk-child:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
.sk-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.sk-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.sk-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
.sk-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg);
}
.sk-circle .sk-circle7 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.sk-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg);
}
.sk-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg);
}
.sk-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.sk-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg);
}
.sk-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg);
}
.sk-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.sk-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.sk-circle .sk-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.sk-circle .sk-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.sk-circle .sk-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.sk-circle .sk-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.sk-circle .sk-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.sk-circle .sk-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.sk-circle .sk-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.sk-circle .sk-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.sk-circle .sk-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleBounceDelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-circleBounceDelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/*
* Usage:
*
*
*/
.sk-cube-grid {
width: 40px;
height: 40px;
margin: 40px auto;
/*
* Spinner positions
* 1 2 3
* 4 5 6
* 7 8 9
*/
}
.sk-cube-grid .sk-cube {
width: 33.33%;
height: 33.33%;
background-color: #333;
float: left;
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.sk-cube-grid .sk-cube8 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
/*
* Usage:
*
*
*/
.sk-fading-circle {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative;
}
.sk-fading-circle .sk-circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: -40px;
}
.sk-fading-circle .sk-circle:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
@keyframes sk-circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
/*
* Usage:
*
*
*/
.sk-folding-cube {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.sk-folding-cube .sk-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #333;
-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
animation: sk-foldCubeAngle 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
@keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
/**
* Copyright (c) 2016 Connor Atherton
*
* All animations must live in their own file
* in the animations directory and be included
* here.
*
*/
/**
* Styles shared by multiple animations
*/
/**
* Dots
*/
@-webkit-keyframes scale {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
45% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0.7;
}
80% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes scale {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
45% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0.7;
}
80% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.ball-pulse > div:nth-child(1) {
-webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div:nth-child(2) {
-webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div:nth-child(3) {
-webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div {
background-color: #444;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
}
@-webkit-keyframes ball-pulse-sync {
33% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
66% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes ball-pulse-sync {
33% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
66% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.ball-pulse-sync > div:nth-child(1) {
-webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
}
.ball-pulse-sync > div:nth-child(2) {
-webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
}
.ball-pulse-sync > div:nth-child(3) {
-webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
}
.ball-pulse-sync > div {
background-color: #444;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
}
@-webkit-keyframes ball-scale {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes ball-scale {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
.ball-scale > div {
background-color: #444;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
height: 60px;
width: 60px;
-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
animation: ball-scale 1s 0s ease-in-out infinite;
}
@keyframes ball-scale {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
.ball-scale > div {
background-color: #444;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
height: 60px;
width: 60px;
-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
animation: ball-scale 1s 0s ease-in-out infinite;
}
.ball-scale-random {
width: 37px;
height: 40px;
}
.ball-scale-random > div {
background-color: #444;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
display: inline-block;
height: 30px;
width: 30px;
-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
animation: ball-scale 1s 0s ease-in-out infinite;
}
.ball-scale-random > div:nth-child(1) {
margin-left: -7px;
-webkit-animation: ball-scale 1s 0.2s ease-in-out infinite;
animation: ball-scale 1s 0.2s ease-in-out infinite;
}
.ball-scale-random > div:nth-child(3) {
margin-left: -2px;
margin-top: 9px;
-webkit-animation: ball-scale 1s 0.5s ease-in-out infinite;
animation: ball-scale 1s 0.5s ease-in-out infinite;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.ball-rotate {
position: relative;
}
.ball-rotate > div {
background-color: #444;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: relative;
}
.ball-rotate > div:first-child {
-webkit-animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
}
.ball-rotate > div:before, .ball-rotate > div:after {
background-color: #444;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
content: "";
position: absolute;
opacity: 0.8;
}
.ball-rotate > div:before {
top: 0px;
left: -28px;
}
.ball-rotate > div:after {
top: 0px;
left: 25px;
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.ball-clip-rotate > div {
background-color: #444;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
border: 2px solid #444;
border-bottom-color: transparent;
height: 26px;
width: 26px;
background: transparent !important;
display: inline-block;
-webkit-animation: rotate 0.75s 0s linear infinite;
animation: rotate 0.75s 0s linear infinite;
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
}
50% {
-webkit-transform: rotate(180deg) scale(0.6);
transform: rotate(180deg) scale(0.6);
}
100% {
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1);
}
}
@keyframes scale {
30% {
-webkit-transform: scale(0.3);
transform: scale(0.3);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.ball-clip-rotate-pulse {
position: relative;
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
.ball-clip-rotate-pulse > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
top: 0px;
left: 0px;
border-radius: 100%;
}
.ball-clip-rotate-pulse > div:first-child {
background: #444;
height: 16px;
width: 16px;
top: 7px;
left: -7px;
-webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}
.ball-clip-rotate-pulse > div:last-child {
position: absolute;
border: 2px solid #444;
width: 30px;
height: 30px;
left: -16px;
top: -2px;
background: transparent;
border: 2px solid;
border-color: #444 transparent #444 transparent;
-webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
}
50% {
-webkit-transform: rotate(180deg) scale(0.6);
transform: rotate(180deg) scale(0.6);
}
100% {
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1);
}
}
.ball-clip-rotate-multiple {
position: relative;
}
.ball-clip-rotate-multiple > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
left: -20px;
top: -20px;
border: 2px solid #444;
border-bottom-color: transparent;
border-top-color: transparent;
border-radius: 100%;
height: 35px;
width: 35px;
-webkit-animation: rotate 1s 0s ease-in-out infinite;
animation: rotate 1s 0s ease-in-out infinite;
}
.ball-clip-rotate-multiple > div:last-child {
display: inline-block;
top: -10px;
left: -10px;
width: 15px;
height: 15px;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
border-color: #444 transparent #444 transparent;
-webkit-animation-direction: reverse;
animation-direction: reverse;
}
@-webkit-keyframes ball-scale-ripple {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1;
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.7;
}
100% {
opacity: 0.0;
}
}
@keyframes ball-scale-ripple {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1;
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.7;
}
100% {
opacity: 0.0;
}
}
.ball-scale-ripple > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
height: 50px;
width: 50px;
border-radius: 100%;
border: 2px solid #444;
-webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
@-webkit-keyframes ball-scale-ripple-multiple {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1;
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.7;
}
100% {
opacity: 0.0;
}
}
@keyframes ball-scale-ripple-multiple {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1;
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.7;
}
100% {
opacity: 0.0;
}
}
.ball-scale-ripple-multiple {
position: relative;
-webkit-transform: translateY(-25px);
-ms-transform: translateY(-25px);
transform: translateY(-25px);
}
.ball-scale-ripple-multiple > div:nth-child(0) {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.ball-scale-ripple-multiple > div:nth-child(1) {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.ball-scale-ripple-multiple > div:nth-child(2) {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.ball-scale-ripple-multiple > div:nth-child(3) {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.ball-scale-ripple-multiple > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
top: -2px;
left: -26px;
width: 50px;
height: 50px;
border-radius: 100%;
border: 2px solid #444;
-webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
@-webkit-keyframes ball-beat {
50% {
opacity: 0.2;
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes ball-beat {
50% {
opacity: 0.2;
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.ball-beat > div {
background-color: #444;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
-webkit-animation: ball-beat 0.7s 0s infinite linear;
animation: ball-beat 0.7s 0s infinite linear;
}
.ball-beat > div:nth-child(2n-1) {
-webkit-animation-delay: -0.35s !important;
animation-delay: -0.35s !important;
}
@-webkit-keyframes ball-scale-multiple {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
5% {
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes ball-scale-multiple {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
5% {
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
.ball-scale-multiple {
position: relative;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
.ball-scale-multiple > div:nth-child(2) {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.ball-scale-multiple > div:nth-child(3) {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.ball-scale-multiple > div {
background-color: #444;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
left: -30px;
top: 0px;
opacity: 0;
margin: 0;
width: 60px;
height: 60px;
-webkit-animation: ball-scale-multiple 1s 0s linear infinite;
animation: ball-scale-multiple 1s 0s linear infinite;
}
@-webkit-keyframes ball-triangle-path-1 {
33% {
-webkit-transform: translate(25px, -50px);
transform: translate(25px, -50px);
}
66% {
-webkit-transform: translate(50px, 0px);
transform: translate(50px, 0px);
}
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
}
@keyframes ball-triangle-path-1 {
33% {
-webkit-transform: translate(25px, -50px);
transform: translate(25px, -50px);
}
66% {
-webkit-transform: translate(50px, 0px);
transform: translate(50px, 0px);
}
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
}
@-webkit-keyframes ball-triangle-path-2 {
33% {
-webkit-transform: translate(25px, 50px);
transform: translate(25px, 50px);
}
66% {
-webkit-transform: translate(-25px, 50px);
transform: translate(-25px, 50px);
}
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
}
@keyframes ball-triangle-path-2 {
33% {
-webkit-transform: translate(25px, 50px);
transform: translate(25px, 50px);
}
66% {
-webkit-transform: translate(-25px, 50px);
transform: translate(-25px, 50px);
}
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
}
@-webkit-keyframes ball-triangle-path-3 {
33% {
-webkit-transform: translate(-50px, 0px);
transform: translate(-50px, 0px);
}
66% {
-webkit-transform: translate(-25px, -50px);
transform: translate(-25px, -50px);
}
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
}
@keyframes ball-triangle-path-3 {
33% {
-webkit-transform: translate(-50px, 0px);
transform: translate(-50px, 0px);
}
66% {
-webkit-transform: translate(-25px, -50px);
transform: translate(-25px, -50px);
}
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
}
.ball-triangle-path {
position: relative;
-webkit-transform: translate(-29.994px, -37.50938px);
-ms-transform: translate(-29.994px, -37.50938px);
transform: translate(-29.994px, -37.50938px);
}
.ball-triangle-path > div:nth-child(1) {
-webkit-animation-name: ball-triangle-path-1;
animation-name: ball-triangle-path-1;
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.ball-triangle-path > div:nth-child(2) {
-webkit-animation-name: ball-triangle-path-2;
animation-name: ball-triangle-path-2;
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.ball-triangle-path > div:nth-child(3) {
-webkit-animation-name: ball-triangle-path-3;
animation-name: ball-triangle-path-3;
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.ball-triangle-path > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
width: 10px;
height: 10px;
border-radius: 100%;
border: 1px solid #444;
}
.ball-triangle-path > div:nth-of-type(1) {
top: 50px;
}
.ball-triangle-path > div:nth-of-type(2) {
left: 25px;
}
.ball-triangle-path > div:nth-of-type(3) {
top: 50px;
left: 50px;
}
@-webkit-keyframes ball-pulse-rise-even {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
25% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
75% {
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes ball-pulse-rise-even {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
25% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
75% {
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes ball-pulse-rise-odd {
0% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
25% {
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
}
@keyframes ball-pulse-rise-odd {
0% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
25% {
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
}
.ball-pulse-rise > div {
background-color: #444;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 0;
animation-delay: 0;
}
.ball-pulse-rise > div:nth-child(2n) {
-webkit-animation-name: ball-pulse-rise-even;
animation-name: ball-pulse-rise-even;
}
.ball-pulse-rise > div:nth-child(2n-1) {
-webkit-animation-name: ball-pulse-rise-odd;
animation-name: ball-pulse-rise-odd;
}
@-webkit-keyframes ball-grid-beat {
50% {
opacity: 0.7;
}
100% {
opacity: 1;
}
}
@keyframes ball-grid-beat {
50% {
opacity: 0.7;
}
100% {
opacity: 1;
}
}
.ball-grid-beat {
width: 57px;
}
.ball-grid-beat > div:nth-child(1) {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
-webkit-animation-duration: 0.68s;
animation-duration: 0.68s;
}
.ball-grid-beat > div:nth-child(2) {
-webkit-animation-delay: -0.11s;
animation-delay: -0.11s;
-webkit-animation-duration: 0.67s;
animation-duration: 0.67s;
}
.ball-grid-beat > div:nth-child(3) {
-webkit-animation-delay: 0.13s;
animation-delay: 0.13s;
-webkit-animation-duration: 1.34s;
animation-duration: 1.34s;
}
.ball-grid-beat > div:nth-child(4) {
-webkit-animation-delay: 0.23s;
animation-delay: 0.23s;
-webkit-animation-duration: 1.18s;
animation-duration: 1.18s;
}
.ball-grid-beat > div:nth-child(5) {
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s;
-webkit-animation-duration: 1.12s;
animation-duration: 1.12s;
}
.ball-grid-beat > div:nth-child(6) {
-webkit-animation-delay: -0.01s;
animation-delay: -0.01s;
-webkit-animation-duration: 1.27s;
animation-duration: 1.27s;
}
.ball-grid-beat > div:nth-child(7) {
-webkit-animation-delay: 0.06s;
animation-delay: 0.06s;
-webkit-animation-duration: 0.76s;
animation-duration: 0.76s;
}
.ball-grid-beat > div:nth-child(8) {
-webkit-animation-delay: 0.44s;
animation-delay: 0.44s;
-webkit-animation-duration: 0.92s;
animation-duration: 0.92s;
}
.ball-grid-beat > div:nth-child(9) {
-webkit-animation-delay: 0.01s;
animation-delay: 0.01s;
-webkit-animation-duration: 1.35s;
animation-duration: 1.35s;
}
.ball-grid-beat > div {
background-color: #444;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
float: left;
-webkit-animation-name: ball-grid-beat;
animation-name: ball-grid-beat;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 0;
animation-delay: 0;
}
@-webkit-keyframes ball-grid-pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes ball-grid-pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.ball-grid-pulse {
width: 57px;
}
.ball-grid-pulse > div:nth-child(1) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
}
.ball-grid-pulse > div:nth-child(2) {
-webkit-animation-delay: 0.26s;
animation-delay: 0.26s;
-webkit-animation-duration: 1.44s;
animation-duration: 1.44s;
}
.ball-grid-pulse > div:nth-child(3) {
-webkit-animation-delay: 0.41s;
animation-delay: 0.41s;
-webkit-animation-duration: 1.33s;
animation-duration: 1.33s;
}
.ball-grid-pulse > div:nth-child(4) {
-webkit-animation-delay: -0.02s;
animation-delay: -0.02s;
-webkit-animation-duration: 1.12s;
animation-duration: 1.12s;
}
.ball-grid-pulse > div:nth-child(5) {
-webkit-animation-delay: 0.33s;
animation-delay: 0.33s;
-webkit-animation-duration: 1.33s;
animation-duration: 1.33s;
}
.ball-grid-pulse > div:nth-child(6) {
-webkit-animation-delay: 0.03s;
animation-delay: 0.03s;
-webkit-animation-duration: 1.13s;
animation-duration: 1.13s;
}
.ball-grid-pulse > div:nth-child(7) {
-webkit-animation-delay: 0.45s;
animation-delay: 0.45s;
-webkit-animation-duration: 0.67s;
animation-duration: 0.67s;
}
.ball-grid-pulse > div:nth-child(8) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
-webkit-animation-duration: 0.98s;
animation-duration: 0.98s;
}
.ball-grid-pulse > div:nth-child(9) {
-webkit-animation-delay: -0.12s;
animation-delay: -0.12s;
-webkit-animation-duration: 1.21s;
animation-duration: 1.21s;
}
.ball-grid-pulse > div {
background-color: #444;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
float: left;
-webkit-animation-name: ball-grid-pulse;
animation-name: ball-grid-pulse;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 0;
animation-delay: 0;
}
@-webkit-keyframes ball-spin-fade-loader {
50% {
opacity: 0.3;
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes ball-spin-fade-loader {
50% {
opacity: 0.3;
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.ball-spin-fade-loader {
position: relative;
top: -10px;
left: -10px;
}
.ball-spin-fade-loader > div:nth-child(1) {
top: 25px;
left: 0;
-webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;
animation: ball-spin-fade-loader 1s -0.96s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(2) {
top: 17.04545px;
left: 17.04545px;
-webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;
animation: ball-spin-fade-loader 1s -0.84s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(3) {
top: 0;
left: 25px;
-webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;
animation: ball-spin-fade-loader 1s -0.72s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(4) {
top: -17.04545px;
left: 17.04545px;
-webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;
animation: ball-spin-fade-loader 1s -0.6s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(5) {
top: -25px;
left: 0;
-webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;
animation: ball-spin-fade-loader 1s -0.48s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(6) {
top: -17.04545px;
left: -17.04545px;
-webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;
animation: ball-spin-fade-loader 1s -0.36s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(7) {
top: 0;
left: -25px;
-webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;
animation: ball-spin-fade-loader 1s -0.24s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(8) {
top: 17.04545px;
left: -17.04545px;
-webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;
animation: ball-spin-fade-loader 1s -0.12s infinite linear;
}
.ball-spin-fade-loader > div {
background-color: #444;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
}
@-webkit-keyframes ball-spin-loader {
75% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
@keyframes ball-spin-loader {
75% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
.ball-spin-loader {
position: relative;
}
.ball-spin-loader > span:nth-child(1) {
top: 45px;
left: 0;
-webkit-animation: ball-spin-loader 2s 0.9s infinite linear;
animation: ball-spin-loader 2s 0.9s infinite linear;
}
.ball-spin-loader > span:nth-child(2) {
top: 30.68182px;
left: 30.68182px;
-webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
animation: ball-spin-loader 2s 1.8s infinite linear;
}
.ball-spin-loader > span:nth-child(3) {
top: 0;
left: 45px;
-webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
animation: ball-spin-loader 2s 2.7s infinite linear;
}
.ball-spin-loader > span:nth-child(4) {
top: -30.68182px;
left: 30.68182px;
-webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
animation: ball-spin-loader 2s 3.6s infinite linear;
}
.ball-spin-loader > span:nth-child(5) {
top: -45px;
left: 0;
-webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
animation: ball-spin-loader 2s 4.5s infinite linear;
}
.ball-spin-loader > span:nth-child(6) {
top: -30.68182px;
left: -30.68182px;
-webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
animation: ball-spin-loader 2s 5.4s infinite linear;
}
.ball-spin-loader > span:nth-child(7) {
top: 0;
left: -45px;
-webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
animation: ball-spin-loader 2s 6.3s infinite linear;
}
.ball-spin-loader > span:nth-child(8) {
top: 30.68182px;
left: -30.68182px;
-webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
animation: ball-spin-loader 2s 7.2s infinite linear;
}
.ball-spin-loader > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
width: 15px;
height: 15px;
border-radius: 100%;
background: green;
}
@-webkit-keyframes ball-zig {
33% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px);
}
66% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes ball-zig {
33% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px);
}
66% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes ball-zag {
33% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px);
}
66% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes ball-zag {
33% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px);
}
66% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.ball-zig-zag {
position: relative;
-webkit-transform: translate(-15px, -15px);
-ms-transform: translate(-15px, -15px);
transform: translate(-15px, -15px);
}
.ball-zig-zag > div {
background-color: #444;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
margin-left: 15px;
top: 4px;
left: -7px;
}
.ball-zig-zag > div:first-child {
-webkit-animation: ball-zig 0.7s 0s infinite linear;
animation: ball-zig 0.7s 0s infinite linear;
}
.ball-zig-zag > div:last-child {
-webkit-animation: ball-zag 0.7s 0s infinite linear;
animation: ball-zag 0.7s 0s infinite linear;
}
@-webkit-keyframes ball-zig-deflect {
17% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px);
}
34% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px);
}
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
67% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px);
}
84% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes ball-zig-deflect {
17% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px);
}
34% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px);
}
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
67% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px);
}
84% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes ball-zag-deflect {
17% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px);
}
34% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px);
}
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
67% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px);
}
84% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes ball-zag-deflect {
17% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px);
}
34% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px);
}
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
67% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px);
}
84% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.ball-zig-zag-deflect {
position: relative;
left: 50%;
-webkit-transform: translate(-15px, -15px);
-ms-transform: translate(-15px, -15px);
transform: translate(-15px, -15px);
}
.ball-zig-zag-deflect > div {
background-color: #444;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
margin-left: 15px;
top: 4px;
left: -7px;
}
.ball-zig-zag-deflect > div:first-child {
-webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
animation: ball-zig-deflect 1.5s 0s infinite linear;
}
.ball-zig-zag-deflect > div:last-child {
-webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
animation: ball-zag-deflect 1.5s 0s infinite linear;
}
/**
* Lines
*/
@-webkit-keyframes line-scale {
0% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4);
}
100% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
}
@keyframes line-scale {
0% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4);
}
100% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
}
.line-scale > div:nth-child(1) {
-webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(2) {
-webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(3) {
-webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(4) {
-webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(5) {
-webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div {
background-color: #444;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
}
@-webkit-keyframes line-scale-party {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes line-scale-party {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.line-scale-party > div:nth-child(1) {
-webkit-animation-delay: 0.24s;
animation-delay: 0.24s;
-webkit-animation-duration: 0.83s;
animation-duration: 0.83s;
}
.line-scale-party > div:nth-child(2) {
-webkit-animation-delay: -0.09s;
animation-delay: -0.09s;
-webkit-animation-duration: 0.34s;
animation-duration: 0.34s;
}
.line-scale-party > div:nth-child(3) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
-webkit-animation-duration: 0.58s;
animation-duration: 0.58s;
}
.line-scale-party > div:nth-child(4) {
-webkit-animation-delay: 0.47s;
animation-delay: 0.47s;
-webkit-animation-duration: 1.07s;
animation-duration: 1.07s;
}
.line-scale-party > div {
background-color: #444;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
-webkit-animation-name: line-scale-party;
animation-name: line-scale-party;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 0;
animation-delay: 0;
}
@-webkit-keyframes line-scale-pulse-out {
0% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4);
}
100% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
}
@keyframes line-scale-pulse-out {
0% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4);
}
100% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
}
.line-scale-pulse-out > div {
background-color: #444;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
-webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
}
.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
-webkit-animation-delay: -0.4s !important;
animation-delay: -0.4s !important;
}
.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
-webkit-animation-delay: -0.2s !important;
animation-delay: -0.2s !important;
}
@-webkit-keyframes line-scale-pulse-out-rapid {
0% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
80% {
-webkit-transform: scaley(0.3);
transform: scaley(0.3);
}
90% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
}
@keyframes line-scale-pulse-out-rapid {
0% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
80% {
-webkit-transform: scaley(0.3);
transform: scaley(0.3);
}
90% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
}
.line-scale-pulse-out-rapid > div {
background-color: #444;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
vertical-align: middle;
-webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
}
.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
-webkit-animation-delay: -0.25s !important;
animation-delay: -0.25s !important;
}
.line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
-webkit-animation-delay: 0s !important;
animation-delay: 0s !important;
}
@-webkit-keyframes line-spin-fade-loader {
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
@keyframes line-spin-fade-loader {
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
.line-spin-fade-loader {
position: relative;
top: -10px;
left: -4px;
}
.line-spin-fade-loader > div:nth-child(1) {
top: 20px;
left: 0;
-webkit-animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(2) {
top: 13.63636px;
left: 13.63636px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(3) {
top: 0;
left: 20px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(4) {
top: -13.63636px;
left: 13.63636px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(5) {
top: -20px;
left: 0;
-webkit-animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(6) {
top: -13.63636px;
left: -13.63636px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(7) {
top: 0;
left: -20px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(8) {
top: 13.63636px;
left: -13.63636px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
}
.line-spin-fade-loader > div {
background-color: #444;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
width: 5px;
height: 15px;
}
/**
* Misc
*/
@-webkit-keyframes triangle-skew-spin {
25% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
transform: perspective(100px) rotateX(180deg) rotateY(0);
}
50% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
transform: perspective(100px) rotateX(180deg) rotateY(180deg);
}
75% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
transform: perspective(100px) rotateX(0) rotateY(180deg);
}
100% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
transform: perspective(100px) rotateX(0) rotateY(0);
}
}
@keyframes triangle-skew-spin {
25% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
transform: perspective(100px) rotateX(180deg) rotateY(0);
}
50% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
transform: perspective(100px) rotateX(180deg) rotateY(180deg);
}
75% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
transform: perspective(100px) rotateX(0) rotateY(180deg);
}
100% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
transform: perspective(100px) rotateX(0) rotateY(0);
}
}
.triangle-skew-spin > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #444;
-webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}
@-webkit-keyframes square-spin {
25% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
transform: perspective(100px) rotateX(180deg) rotateY(0);
}
50% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
transform: perspective(100px) rotateX(180deg) rotateY(180deg);
}
75% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
transform: perspective(100px) rotateX(0) rotateY(180deg);
}
100% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
transform: perspective(100px) rotateX(0) rotateY(0);
}
}
@keyframes square-spin {
25% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
transform: perspective(100px) rotateX(180deg) rotateY(0);
}
50% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
transform: perspective(100px) rotateX(180deg) rotateY(180deg);
}
75% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
transform: perspective(100px) rotateX(0) rotateY(180deg);
}
100% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
transform: perspective(100px) rotateX(0) rotateY(0);
}
}
.square-spin > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
width: 50px;
height: 50px;
background: #444;
-webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}
@-webkit-keyframes rotate_pacman_half_up {
0% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
50% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
}
@keyframes rotate_pacman_half_up {
0% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
50% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
}
@-webkit-keyframes rotate_pacman_half_down {
0% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@keyframes rotate_pacman_half_down {
0% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@-webkit-keyframes pacman-balls {
75% {
opacity: 0.7;
}
100% {
-webkit-transform: translate(-100px, -6.25px);
transform: translate(-100px, -6.25px);
}
}
@keyframes pacman-balls {
75% {
opacity: 0.7;
}
100% {
-webkit-transform: translate(-100px, -6.25px);
transform: translate(-100px, -6.25px);
}
}
.pacman {
position: relative;
}
.pacman > div:nth-child(2) {
-webkit-animation: pacman-balls 1s -0.99s infinite linear;
animation: pacman-balls 1s -0.99s infinite linear;
}
.pacman > div:nth-child(3) {
-webkit-animation: pacman-balls 1s -0.66s infinite linear;
animation: pacman-balls 1s -0.66s infinite linear;
}
.pacman > div:nth-child(4) {
-webkit-animation: pacman-balls 1s -0.33s infinite linear;
animation: pacman-balls 1s -0.33s infinite linear;
}
.pacman > div:nth-child(5) {
-webkit-animation: pacman-balls 1s 0s infinite linear;
animation: pacman-balls 1s 0s infinite linear;
}
.pacman > div:first-of-type {
width: 0px;
height: 0px;
border-right: 25px solid transparent;
border-top: 25px solid #444;
border-left: 25px solid #444;
border-bottom: 25px solid #444;
border-radius: 25px;
-webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
animation: rotate_pacman_half_up 0.5s 0s infinite;
position: relative;
left: -30px;
}
.pacman > div:nth-child(2) {
width: 0px;
height: 0px;
border-right: 25px solid transparent;
border-top: 25px solid #444;
border-left: 25px solid #444;
border-bottom: 25px solid #444;
border-radius: 25px;
-webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
animation: rotate_pacman_half_down 0.5s 0s infinite;
margin-top: -50px;
position: relative;
left: -30px;
}
.pacman > div:nth-child(3),
.pacman > div:nth-child(4),
.pacman > div:nth-child(5),
.pacman > div:nth-child(6) {
background-color: #444;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
width: 10px;
height: 10px;
position: absolute;
-webkit-transform: translate(0, -6.25px);
-ms-transform: translate(0, -6.25px);
transform: translate(0, -6.25px);
top: 25px;
left: 70px;
}
@-webkit-keyframes cube-transition {
25% {
-webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
transform: translateX(50px) scale(0.5) rotate(-90deg);
}
50% {
-webkit-transform: translate(50px, 50px) rotate(-180deg);
transform: translate(50px, 50px) rotate(-180deg);
}
75% {
-webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
transform: translateY(50px) scale(0.5) rotate(-270deg);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes cube-transition {
25% {
-webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
transform: translateX(50px) scale(0.5) rotate(-90deg);
}
50% {
-webkit-transform: translate(50px, 50px) rotate(-180deg);
transform: translate(50px, 50px) rotate(-180deg);
}
75% {
-webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
transform: translateY(50px) scale(0.5) rotate(-270deg);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
.cube-transition {
position: relative;
-webkit-transform: translate(-25px, -25px);
-ms-transform: translate(-25px, -25px);
transform: translate(-25px, -25px);
}
.cube-transition > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
width: 10px;
height: 10px;
position: absolute;
top: -5px;
left: -5px;
background-color: #444;
-webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
animation: cube-transition 1.6s 0s infinite ease-in-out;
}
.cube-transition > div:last-child {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes spin-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.semi-circle-spin {
position: relative;
width: 35px;
height: 35px;
overflow: hidden;
}
.semi-circle-spin > div {
position: absolute;
border-width: 0px;
border-radius: 100%;
-webkit-animation: spin-rotate 0.6s 0s infinite linear;
animation: spin-rotate 0.6s 0s infinite linear;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0)), color-stop(30%, #444444), to(#444444));
background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, #444444 30%, #444444 100%);
width: 100%;
height: 100%;
}
.ball-grid-pulse,
.ball-clip-rotate-pulse,
.ball-clip-rotate-multiple,
.ball-zip-zag,
.ball-zip-zag-deflect,
.ball-triangle-path,
.ball-scale-multiple,
.ball-scale-ripple-multiple,
.ball-spin-fade-loader,
.line-spin-fade-loader,
.pacman,
.ball-grid-beat,
.semi-circle-spin,
.ball-rotate {
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
}
.ball-zig-zag,
.ball-zip-zag-deflect {
-webkit-transform: translate3d(50%, -15px, 0);
transform: translate3d(50%, -15px, 0);
}
.ball-spin-fade-loader,
.line-spin-fade-loader {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.spinner-default,
.spinner-default:before,
.spinner-default:after {
border-radius: 50%;
}
.spinner-default {
color: tomato;
font-size: 5px;
text-indent: -99999em;
margin: 55px auto;
position: relative;
width: 10em;
height: 10em;
-webkit-box-shadow: inset 0 0 0 1em;
box-shadow: inset 0 0 0 1em;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.spinner-default:before, .spinner-default:after {
position: absolute;
content: '';
}
.spinner-default:before {
width: 5.2em;
height: 10.2em;
background: #fff;
border-radius: 10.2em 0 0 10.2em;
top: -0.1em;
left: -0.1em;
-webkit-transform-origin: 5.1em 5.1em;
-ms-transform-origin: 5.1em 5.1em;
transform-origin: 5.1em 5.1em;
-webkit-animation: load2 2s infinite ease 1.5s;
animation: load2 2s infinite ease 1.5s;
}
.spinner-default:after {
width: 5.2em;
height: 10.2em;
background: #fff;
border-radius: 0 10.2em 10.2em 0;
top: -0.1em;
left: 4.9em;
-webkit-transform-origin: 0.1em 5.1em;
-ms-transform-origin: 0.1em 5.1em;
transform-origin: 0.1em 5.1em;
-webkit-animation: load2 2s infinite ease;
animation: load2 2s infinite ease;
}
@-webkit-keyframes load2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.spinner-audio-wave {
position: absolute;
top: 50%;
left: 50%;
margin-left: -25px;
}
.spinner-audio-wave span {
display: block;
bottom: 0px;
width: 9px;
height: 5px;
background: #91ff6a;
position: absolute;
-webkit-animation: audio-wave 1.5s infinite ease-in-out;
animation: audio-wave 1.5s infinite ease-in-out;
}
.spinner-audio-wave span:nth-child(2) {
left: 11px;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.spinner-audio-wave span:nth-child(3) {
left: 22px;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.spinner-audio-wave span:nth-child(4) {
left: 33px;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.spinner-audio-wave span:nth-child(5) {
left: 44px;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
@-webkit-keyframes audio-wave {
/*effect is to animate the height of each span from 5px to 30px*/
/*translateY makes Y axis move down to give the effect that it is growing from the center*/
/*0% {height:5px;transform:translateY(0px);background:#9b59b6;}
25% {height:40px;transform:translateY(20px);background:#3498db;}
50% {height:5px;transform:translateY(0px);background:#9b59b6;}
100% {height:5px;transform:translateY(0px);background:#9b59b6;}*/
0% {
height: 5px;
-webkit-transform: translateY(0px);
transform: translateY(0px);
background: #91ff6a;
}
25% {
height: 40px;
-webkit-transform: translateY(20px);
transform: translateY(20px);
background: #91ff6a;
}
50% {
height: 5px;
-webkit-transform: translateY(0px);
transform: translateY(0px);
background: #91ff6a;
}
100% {
height: 5px;
-webkit-transform: translateY(0px);
transform: translateY(0px);
background: #91ff6a;
}
}
@keyframes audio-wave {
/*effect is to animate the height of each span from 5px to 30px*/
/*translateY makes Y axis move down to give the effect that it is growing from the center*/
/*0% {height:5px;transform:translateY(0px);background:#9b59b6;}
25% {height:40px;transform:translateY(20px);background:#3498db;}
50% {height:5px;transform:translateY(0px);background:#9b59b6;}
100% {height:5px;transform:translateY(0px);background:#9b59b6;}*/
0% {
height: 5px;
-webkit-transform: translateY(0px);
transform: translateY(0px);
background: #91ff6a;
}
25% {
height: 40px;
-webkit-transform: translateY(20px);
transform: translateY(20px);
background: #91ff6a;
}
50% {
height: 5px;
-webkit-transform: translateY(0px);
transform: translateY(0px);
background: #91ff6a;
}
100% {
height: 5px;
-webkit-transform: translateY(0px);
transform: translateY(0px);
background: #91ff6a;
}
}
.post-title-container {
overflow: hidden;
}
.post-title,
.post-meta-container,
#hero-scroll-down-arrow {
-webkit-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
opacity: 0;
}
.post-title,
#hero-scroll-down-arrow {
-webkit-transform: translatey(100px);
-ms-transform: translatey(100px);
transform: translatey(100px);
}
.post-meta-container {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
#hero-scroll-down-arrow {
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s;
}
.loaded .post-meta-container,
.loaded .post-title,
.loaded #hero-scroll-down-arrow {
opacity: 0.95;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.loaded #hero-scroll-down-arrow {
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.is-ajax-nav .wolf-jplayer-loader-overlay {
display: none;
}
#ajax-progress-bar {
position: fixed;
top: 0;
left: 0;
background: #91ff6a;
width: 0%;
height: 3px;
-webkit-transition: width 1s ease;
transition: width 1s ease;
z-index: 99999;
}
.admin-bar #ajax-progress-bar {
top: 32px;
}
body.hide-ajax-progress-bar #ajax-progress-bar {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
#ajax-content {
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
#ajax-loading-overlay {
opacity: 0;
visibility: hidden;
display: table !important;
}
html.ajax-loading #ajax-loading-overlay {
opacity: 1;
visibility: visible;
}
html.ajax-loading .mega-menu-tagline,
html.ajax-loading .sub-menu {
opacity: 0 !important;
visibility: hidden !important;
}
/**
* @# Containers
**/
.site-container {
position: relative;
overflow: hidden;
z-index: 0;
margin: 0 auto;
}
.site-content {
position: relative;
}
#page {
position: relative;
z-index: 0;
}
#page-content {
position: relative;
z-index: 1;
}
.wrap {
zoom: 1;
width: 92%;
margin: 0 auto;
max-width: 1400px;
}
.wrap:before, .wrap:after {
content: "";
display: table;
}
.wrap:after {
clear: both;
}
.content-inner {
position: relative;
z-index: 1;
min-height: 70vh;
padding: 0;
display: block;
}
.wvc-fullpage .content-inner {
min-height: 100vh;
}
.single-wvc_content_block .content-inner {
min-height: 0;
}
.content-wrapper {
padding-top: 50px;
padding-bottom: 50px;
position: relative;
z-index: 10;
}
.content-area {
position: relative;
}
.content-wrapper,
.small-width {
zoom: 1;
width: 92%;
margin: 0 auto;
max-width: 1400px;
max-width: 750px;
}
.content-wrapper:before, .content-wrapper:after,
.small-width:before,
.small-width:after {
content: "";
display: table;
}
.content-wrapper:after,
.small-width:after {
clear: both;
}
.small-width {
max-width: 750px;
}
.wolf-plugins .content-wrapper,
.single-plugin .content-wrapper,
.wolf-wishlist-page .content-wrapper,
.page-full-width .content-wrapper,
.page-sidebar-right .content-wrapper,
.page-sidebar-left .content-wrapper,
.page-post-archives .content-wrapper,
.layout-standard .content-wrapper,
.layout-fullwidth .content-wrapper,
.layout-sidebar .content-wrapper,
.layout-sidebar-left .content-wrapper,
.layout-sidebar-right .content-wrapper,
.single-post-layout-sidebar .content-wrapper,
.single-post-layout-fullwidth .content-wrapper,
.single-post-layout-sidebar-left .content-wrapper,
.single-post-layout-sidebar-right .content-wrapper,
.single-release .content-wrapper,
.wolf-albums .content-wrapper,
.wolf-videos .content-wrapper,
.wolf-portfolio .content-wrapper,
.single-artist .content-wrapper,
.single-video .content-wrapper,
.single-work .content-wrapper,
.single-show .content-wrapper,
.single-event .content-wrapper,
.single-ticket .content-wrapper,
.single-attachment .content-wrapper,
.single-proof_gallery .content-wrapper {
max-width: 1400px;
}
.single-post-layout-standard .content-wrapper,
.single-post-layout-no-sidebar .content-wrapper,
.is-blog.layout-standard.display-standard .content-wrapper {
max-width: 750px;
}
.layout-standard #secondary,
.layout-fullwidth #secondary,
.single-release #secondary {
display: none !important;
}
/* Post type page full width */
.single-product .content-wrapper,
.single-attachment .content-wrapper,
.single-wvc_content_block .content-wrapper,
.layout-fullwidth .content-wrapper {
max-width: none;
width: 100%;
padding: 0;
}
.is-shop.layout-fullwidth.archive .content-wrapper {
max-width: none;
width: 92%;
}
body.wolf-visual-composer:not(.wvc-single-post-sidebar) footer.page-entry-meta,
.single-wvc_content_block footer.page-entry-meta {
display: none;
}
body.wolf-visual-composer:not(.wvc-single-post-sidebar) .content-wrapper,
body.wolf-visual-composer:not(.wvc-single-post-sidebar) .single-post-content-container,
.single-wvc_content_block .content-wrapper,
.single-wvc_content_block .single-post-content-container {
background: none;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
margin: 0;
max-width: none;
}
body.wolf-core-layout:not(.single-post-layout-sidebar):not(.single-post-layout-sidebar-left):not(.single-post-layout-sidebar-right) footer.page-entry-meta,
.single-wolf_content_block footer.page-entry-meta,
.is-gutenberg-page.page footer.page-entry-meta {
display: none;
}
body.wolf-core-layout:not(.single-post-layout-sidebar):not(.single-post-layout-sidebar-left):not(.single-post-layout-sidebar-right) .content-wrapper,
body.wolf-core-layout:not(.single-post-layout-sidebar):not(.single-post-layout-sidebar-left):not(.single-post-layout-sidebar-right) .single-post-content-container,
.single-wolf_content_block .content-wrapper,
.single-wolf_content_block .single-post-content-container,
.is-gutenberg-page.page .content-wrapper,
.is-gutenberg-page.page .single-post-content-container {
background: none;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
margin: 0;
max-width: none;
}
#secondary {
margin-top: 35px;
}
#top-bar-block {
position: absolute;
height: auto;
top: 0;
width: 100%;
left: 0;
z-index: 99;
}
#top-bar-close {
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: currentColor;
}
.border-rounded {
border-radius: 4px;
}
body.button-style-round .testimonial-inner,
body.button-style-round .testimonial-avatar img,
body.button-style-standard .testimonial-inner,
body.button-style-standard .testimonial-avatar img {
border-radius: 4px;
}
body.button-style-round input[type='text'],
body.button-style-round input[type='search'],
body.button-style-round input[type='tel'],
body.button-style-round input[type='time'],
body.button-style-round input[type='url'],
body.button-style-round input[type='week'],
body.button-style-round input[type='password'],
body.button-style-round input[type='checkbox'],
body.button-style-round input[type='color'],
body.button-style-round input[type='date'],
body.button-style-round input[type='datetime'],
body.button-style-round input[type='datetime-local'],
body.button-style-round input[type='email'],
body.button-style-round input[type='month'],
body.button-style-round input[type='number'],
body.button-style-round select,
body.button-style-round textarea,
body.button-style-standard input[type='text'],
body.button-style-standard input[type='search'],
body.button-style-standard input[type='tel'],
body.button-style-standard input[type='time'],
body.button-style-standard input[type='url'],
body.button-style-standard input[type='week'],
body.button-style-standard input[type='password'],
body.button-style-standard input[type='checkbox'],
body.button-style-standard input[type='color'],
body.button-style-standard input[type='date'],
body.button-style-standard input[type='datetime'],
body.button-style-standard input[type='datetime-local'],
body.button-style-standard input[type='email'],
body.button-style-standard input[type='month'],
body.button-style-standard input[type='number'],
body.button-style-standard select,
body.button-style-standard textarea {
border-radius: 4px;
}
body.button-style-round .release-thumbnail img,
body.button-style-round .entry-gallery img,
body.button-style-round .post-thumbnail img,
body.button-style-round .author-box,
body.button-style-round .avatar,
body.button-style-round .wvc-mailchimp-form-container,
body.button-style-round .wvc-banner,
body.button-style-standard .release-thumbnail img,
body.button-style-standard .entry-gallery img,
body.button-style-standard .post-thumbnail img,
body.button-style-standard .author-box,
body.button-style-standard .avatar,
body.button-style-standard .wvc-mailchimp-form-container,
body.button-style-standard .wvc-banner {
border-radius: 4px;
}
body.button-style-round .wvc-mailchimp-form-container,
body.button-style-standard .wvc-mailchimp-form-container {
overflow: hidden;
}
body.button-style-round .wvc-team-member-container .bg-overlay,
body.button-style-round .wvc-team-member-container img,
body.button-style-round .wvc-team-member-container .wvc-team-member-caption-container,
body.button-style-standard .wvc-team-member-container .bg-overlay,
body.button-style-standard .wvc-team-member-container img,
body.button-style-standard .wvc-team-member-container .wvc-team-member-caption-container {
border-radius: 4px;
}
body.button-style-round .wp-audio-shortcode,
body.button-style-standard .wp-audio-shortcode {
border-radius: 4px;
overflow: hidden;
}
body.button-style-round .wvc-audio-shortcode-container-has-image img,
body.button-style-round .wpm-playlist .mejs-container,
body.button-style-standard .wvc-audio-shortcode-container-has-image img,
body.button-style-standard .wpm-playlist .mejs-container {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
body.button-style-round .wvc-audio-shortcode-container-has-image .wp-audio-shortcode,
body.button-style-standard .wvc-audio-shortcode-container-has-image .wp-audio-shortcode {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
body.button-style-round .trigger,
body.button-style-round .button,
body.button-style-round .button-download,
body.button-style-round .button-secondary,
body.button-style-round .wvc-embed-video-play-button,
body.button-style-round .wolf-button,
body.button-style-round .wolf-more-dates,
body.button-style-round .wolf-gram-follow-button,
body.button-style-round .nav-menu li.menu-button-primary > a:first-child > .menu-item-inner,
body.button-style-round .nav-menu li.menu-button-secondary > a:first-child > .menu-item-inner,
body.button-style-round .nav-menu li.nav-button > a:first-child > .menu-item-inner,
body.button-style-round .more-link,
body.button-style-round #back-to-top,
body.button-style-round .tooltipsy,
body.button-style-round .category-label,
body.button-style-round span.onsale,
body.button-style-round .wvc-last-post-big-slide-button,
body.button-style-round .button,
body.button-style-round input[type='submit'],
body.button-style-round .wvc-mailchimp-submit,
body.button-style-round .more-link,
body.button-style-round .added_to_cart,
body.button-style-round .button-download,
body.button-style-standard .trigger,
body.button-style-standard .button,
body.button-style-standard .button-download,
body.button-style-standard .button-secondary,
body.button-style-standard .wvc-embed-video-play-button,
body.button-style-standard .wolf-button,
body.button-style-standard .wolf-more-dates,
body.button-style-standard .wolf-gram-follow-button,
body.button-style-standard .nav-menu li.menu-button-primary > a:first-child > .menu-item-inner,
body.button-style-standard .nav-menu li.menu-button-secondary > a:first-child > .menu-item-inner,
body.button-style-standard .nav-menu li.nav-button > a:first-child > .menu-item-inner,
body.button-style-standard .more-link,
body.button-style-standard #back-to-top,
body.button-style-standard .tooltipsy,
body.button-style-standard .category-label,
body.button-style-standard span.onsale,
body.button-style-standard .wvc-last-post-big-slide-button,
body.button-style-standard .button,
body.button-style-standard input[type='submit'],
body.button-style-standard .wvc-mailchimp-submit,
body.button-style-standard .more-link,
body.button-style-standard .added_to_cart,
body.button-style-standard .button-download {
border-radius: 3px;
}
body.button-style-round .bit-button,
body.button-style-standard .bit-button {
border-radius: 3px !important;
}
body.button-style-round .entry-masonry_modern .slideshow-background,
body.button-style-round .entry-masonry_modern .entry-container,
body.button-style-standard .entry-masonry_modern .slideshow-background,
body.button-style-standard .entry-masonry_modern .entry-container {
border-radius: 4px;
}
body.button-style-round .entry-post-standard_modern .entry-slider,
body.button-style-round .entry-post-standard_modern .entry-media,
body.button-style-round .entry-post-standard_modern .entry-thumbnail,
body.button-style-round .entry-post-standard .entry-slider,
body.button-style-round .entry-post-standard .entry-media,
body.button-style-round .entry-post-standard .entry-thumbnail,
body.button-style-standard .entry-post-standard_modern .entry-slider,
body.button-style-standard .entry-post-standard_modern .entry-media,
body.button-style-standard .entry-post-standard_modern .entry-thumbnail,
body.button-style-standard .entry-post-standard .entry-slider,
body.button-style-standard .entry-post-standard .entry-media,
body.button-style-standard .entry-post-standard .entry-thumbnail {
border-radius: 4px;
overflow: hidden;
}
body.button-style-round .entry-post-standard_modern.is-short-post-format,
body.button-style-round .entry-post-standard.is-short-post-format,
body.button-style-standard .entry-post-standard_modern.is-short-post-format,
body.button-style-standard .entry-post-standard.is-short-post-format {
border-radius: 4px;
}
body.button-style-round .related-posts .entry-link,
body.button-style-standard .related-posts .entry-link {
border-radius: 4px;
overflow: hidden;
}
body.button-style-round .woocommerce-single-product-images-slider .flex-prev,
body.button-style-round .woocommerce-single-product-images-slider .flex-next,
body.button-style-standard .woocommerce-single-product-images-slider .flex-prev,
body.button-style-standard .woocommerce-single-product-images-slider .flex-next {
border-radius: 3px;
}
body.button-style-round .easyzoom-flyout,
body.button-style-round .attachment-shop_single,
body.button-style-standard .easyzoom-flyout,
body.button-style-standard .attachment-shop_single {
border-radius: 4px;
}
body.button-style-round ul.wolf-instagram-list li img,
body.button-style-standard ul.wolf-instagram-list li img {
border-radius: 2px;
}
body.button-style-round .grid-padding-yes.page-display-grid img,
body.button-style-standard .grid-padding-yes.page-display-grid img {
border-radius: 4px;
}
body.button-style-round .grid-padding-yes .entry-video-grid_modern .entry-container,
body.button-style-round .grid-padding-yes .entry-video-grid_modern .entry-box,
body.button-style-round .grid-padding-yes .entry-video-grid_classic .entry-container,
body.button-style-round .grid-padding-yes .entry-video-grid_classic .entry-box,
body.button-style-round .grid-padding-yes .entry-post-grid .entry-container,
body.button-style-round .grid-padding-yes .entry-post-grid .entry-box,
body.button-style-round .grid-padding-yes .entry-post-grid_classic .entry-container,
body.button-style-round .grid-padding-yes .entry-post-grid_classic .entry-box,
body.button-style-round .grid-padding-yes .entry-release-grid .entry-container,
body.button-style-round .grid-padding-yes .entry-release-grid .entry-box,
body.button-style-round .grid-padding-yes .entry-release-masonry .entry-container,
body.button-style-round .grid-padding-yes .entry-release-masonry .entry-box,
body.button-style-round .grid-padding-yes .entry-work-grid .entry-container,
body.button-style-round .grid-padding-yes .entry-work-grid .entry-box,
body.button-style-round .grid-padding-yes .entry-work-masonry .entry-container,
body.button-style-round .grid-padding-yes .entry-work-masonry .entry-box,
body.button-style-round .grid-padding-yes .entry-post-mosaic .entry-container,
body.button-style-round .grid-padding-yes .entry-post-mosaic .entry-box,
body.button-style-round .grid-padding-yes .entry-video-mosaic .entry-container,
body.button-style-round .grid-padding-yes .entry-video-mosaic .entry-box,
body.button-style-round .grid-padding-yes .entry-event-grid .entry-container,
body.button-style-round .grid-padding-yes .entry-event-grid .entry-box,
body.button-style-standard .grid-padding-yes .entry-video-grid_modern .entry-container,
body.button-style-standard .grid-padding-yes .entry-video-grid_modern .entry-box,
body.button-style-standard .grid-padding-yes .entry-video-grid_classic .entry-container,
body.button-style-standard .grid-padding-yes .entry-video-grid_classic .entry-box,
body.button-style-standard .grid-padding-yes .entry-post-grid .entry-container,
body.button-style-standard .grid-padding-yes .entry-post-grid .entry-box,
body.button-style-standard .grid-padding-yes .entry-post-grid_classic .entry-container,
body.button-style-standard .grid-padding-yes .entry-post-grid_classic .entry-box,
body.button-style-standard .grid-padding-yes .entry-release-grid .entry-container,
body.button-style-standard .grid-padding-yes .entry-release-grid .entry-box,
body.button-style-standard .grid-padding-yes .entry-release-masonry .entry-container,
body.button-style-standard .grid-padding-yes .entry-release-masonry .entry-box,
body.button-style-standard .grid-padding-yes .entry-work-grid .entry-container,
body.button-style-standard .grid-padding-yes .entry-work-grid .entry-box,
body.button-style-standard .grid-padding-yes .entry-work-masonry .entry-container,
body.button-style-standard .grid-padding-yes .entry-work-masonry .entry-box,
body.button-style-standard .grid-padding-yes .entry-post-mosaic .entry-container,
body.button-style-standard .grid-padding-yes .entry-post-mosaic .entry-box,
body.button-style-standard .grid-padding-yes .entry-video-mosaic .entry-container,
body.button-style-standard .grid-padding-yes .entry-video-mosaic .entry-box,
body.button-style-standard .grid-padding-yes .entry-event-grid .entry-container,
body.button-style-standard .grid-padding-yes .entry-event-grid .entry-box {
border-radius: 4px;
}
body.button-style-round .grid-padding-yes .entry-video-grid_modern .entry-box,
body.button-style-round .grid-padding-yes .entry-video-grid_classic .entry-box,
body.button-style-standard .grid-padding-yes .entry-video-grid_modern .entry-box,
body.button-style-standard .grid-padding-yes .entry-video-grid_classic .entry-box {
border-radius: 4px;
}
body.button-style-round .grid-padding-yes .entry-post-grid_modern .entry-container,
body.button-style-round .grid-padding-yes .entry-post-grid_modern .img-bg,
body.button-style-standard .grid-padding-yes .entry-post-grid_modern .entry-container,
body.button-style-standard .grid-padding-yes .entry-post-grid_modern .img-bg {
border-radius: 4px;
}
body.button-style-round .grid-padding-yes .entry-post-grid .entry-container,
body.button-style-round .grid-padding-yes .entry-post-grid .entry-image,
body.button-style-round .grid-padding-yes .entry-post-grid_classic .entry-container,
body.button-style-round .grid-padding-yes .entry-post-grid_classic .entry-image,
body.button-style-round .grid-padding-yes .entry-post-masonry .entry-container,
body.button-style-round .grid-padding-yes .entry-post-masonry .entry-image,
body.button-style-standard .grid-padding-yes .entry-post-grid .entry-container,
body.button-style-standard .grid-padding-yes .entry-post-grid .entry-image,
body.button-style-standard .grid-padding-yes .entry-post-grid_classic .entry-container,
body.button-style-standard .grid-padding-yes .entry-post-grid_classic .entry-image,
body.button-style-standard .grid-padding-yes .entry-post-masonry .entry-container,
body.button-style-standard .grid-padding-yes .entry-post-masonry .entry-image {
border-radius: 4px;
}
body.button-style-round .grid-padding-yes .entry-post-grid .entry-image,
body.button-style-round .grid-padding-yes .entry-post-grid_classic .entry-image,
body.button-style-round .grid-padding-yes .entry-post-masonry .entry-image,
body.button-style-standard .grid-padding-yes .entry-post-grid .entry-image,
body.button-style-standard .grid-padding-yes .entry-post-grid_classic .entry-image,
body.button-style-standard .grid-padding-yes .entry-post-masonry .entry-image {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
body.button-style-round .grid-padding-yes .entry-product-grid .product-thumbnail-container,
body.button-style-round .grid-padding-yes .entry-product-metro .product-thumbnail-container,
body.button-style-round .grid-padding-yes .entry-product-grid_classic .product-thumbnail-container,
body.button-style-round .grid-padding-yes .entry-product-grid_modern_alt .product-thumbnail-container,
body.button-style-standard .grid-padding-yes .entry-product-grid .product-thumbnail-container,
body.button-style-standard .grid-padding-yes .entry-product-metro .product-thumbnail-container,
body.button-style-standard .grid-padding-yes .entry-product-grid_classic .product-thumbnail-container,
body.button-style-standard .grid-padding-yes .entry-product-grid_modern_alt .product-thumbnail-container {
border-radius: 4px;
}
body.button-style-round .grid-padding-yes .entry-product-grid .product-thumbnail-inner,
body.button-style-round .grid-padding-yes .entry-product-metro .product-thumbnail-inner,
body.button-style-standard .grid-padding-yes .entry-product-grid .product-thumbnail-inner,
body.button-style-standard .grid-padding-yes .entry-product-metro .product-thumbnail-inner {
border-radius: 4px;
}
body.button-style-round .grid-padding-yes .entry-product-metro .product-thumbnail-container,
body.button-style-standard .grid-padding-yes .entry-product-metro .product-thumbnail-container {
overflow: hidden;
}
body.button-style-round .grid-padding-yes .entry-product-grid_overlay .product-actions,
body.button-style-standard .grid-padding-yes .entry-product-grid_overlay .product-actions {
border-radius: 3px;
}
body.button-style-round .grid-padding-yes .entry-product-grid_modern .product-thumbnail-container,
body.button-style-round .grid-padding-yes .entry-product-grid_modern .product-thumbnail-inner,
body.button-style-round .grid-padding-yes .entry-product-grid_modern .product-summary-container,
body.button-style-standard .grid-padding-yes .entry-product-grid_modern .product-thumbnail-container,
body.button-style-standard .grid-padding-yes .entry-product-grid_modern .product-thumbnail-inner,
body.button-style-standard .grid-padding-yes .entry-product-grid_modern .product-summary-container {
border-radius: 4px;
overflow: hidden !important;
}
body.button-style-round .grid-padding-yes .entry-metro .entry-container,
body.button-style-round .grid-padding-yes .entry-metro_modern .entry-container,
body.button-style-standard .grid-padding-yes .entry-metro .entry-container,
body.button-style-standard .grid-padding-yes .entry-metro_modern .entry-container {
border-radius: 4px;
}
body.button-style-round .grid-padding-yes.release-layout-standard .entry-release-masonry .entry-image,
body.button-style-round .grid-padding-yes.release-layout-standard .entry-work-masonry .entry-image,
body.button-style-round .grid-padding-yes.release-layout-standard .entry-metro .entry-image,
body.button-style-round .grid-padding-yes.release-layout-standard .entry-metro_modern .entry-image, body.button-style-round .grid-padding-yes.work-layout-standard .entry-release-masonry .entry-image,
body.button-style-round .grid-padding-yes.work-layout-standard .entry-work-masonry .entry-image,
body.button-style-round .grid-padding-yes.work-layout-standard .entry-metro .entry-image,
body.button-style-round .grid-padding-yes.work-layout-standard .entry-metro_modern .entry-image,
body.button-style-standard .grid-padding-yes.release-layout-standard .entry-release-masonry .entry-image,
body.button-style-standard .grid-padding-yes.release-layout-standard .entry-work-masonry .entry-image,
body.button-style-standard .grid-padding-yes.release-layout-standard .entry-metro .entry-image,
body.button-style-standard .grid-padding-yes.release-layout-standard .entry-metro_modern .entry-image,
body.button-style-standard .grid-padding-yes.work-layout-standard .entry-release-masonry .entry-image,
body.button-style-standard .grid-padding-yes.work-layout-standard .entry-work-masonry .entry-image,
body.button-style-standard .grid-padding-yes.work-layout-standard .entry-metro .entry-image,
body.button-style-standard .grid-padding-yes.work-layout-standard .entry-metro_modern .entry-image {
border-radius: 4px;
}
body.button-style-round .trigger,
body.button-style-round .button,
body.button-style-round .button-secondary,
body.button-style-round .wolf-button,
body.button-style-round .wolf-more-dates,
body.button-style-round .wolf-gram-follow-button,
body.button-style-round .nav-menu li.menu-button-primary > a:first-child > .menu-item-inner,
body.button-style-round .nav-menu li.menu-button-secondary > a:first-child > .menu-item-inner,
body.button-style-round .nav-menu li.nav-button > a:first-child > .menu-item-inner,
body.button-style-round .more-link,
body.button-style-round #back-to-top,
body.button-style-round .tooltipsy,
body.button-style-round .category-label,
body.button-style-round span.onsale,
body.button-style-round .wvc-last-post-big-slide-button,
body.button-style-round .button,
body.button-style-round input[type='submit'],
body.button-style-round .wvc-mailchimp-submit,
body.button-style-round .more-link,
body.button-style-round .added_to_cart,
body.button-style-round .button-download {
border-radius: 99em;
}
body.button-style-round textarea {
border-radius: 20px;
}
body.button-style-round .bit-widget .bit-event .bit-offers {
border-radius: 99em;
}
body.button-style-round input[type='text'],
body.button-style-round input[type='search'],
body.button-style-round input[type='tel'],
body.button-style-round input[type='time'],
body.button-style-round input[type='url'],
body.button-style-round input[type='week'],
body.button-style-round input[type='password'],
body.button-style-round input[type='checkbox'],
body.button-style-round input[type='color'],
body.button-style-round input[type='date'],
body.button-style-round input[type='datetime'],
body.button-style-round input[type='datetime-local'],
body.button-style-round input[type='email'],
body.button-style-round input[type='month'],
body.button-style-round input[type='number'] {
border-radius: 99em;
}
body.button-style-round .avatar,
body.button-style-round .testimonial-avatar img {
border-radius: 99em;
}
body.button-style-round input.wvc-mailchimp-email {
border-radius: 99em;
}
body.button-style-round .single-product-quickview .quantity, body.button-style-round.single-product .quantity {
margin-right: 0 !important;
}
body.button-style-round .single-product-quickview .quantity .qty, body.button-style-round.single-product .quantity .qty {
margin-right: 0 !important;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
body.button-style-round .single-product-quickview .quantity + .single_add_to_cart_button, body.button-style-round.single-product .quantity + .single_add_to_cart_button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding-left: 30px;
}
@media screen and (min-width: 800px) {
body.button-style-round .wvc-mailchimp-size-large input.wvc-mailchimp-email {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
body.button-style-round .wvc-mailchimp-size-large .wvc-mailchimp-email-container {
margin-right: 0;
padding-right: 0;
}
body.button-style-round .wvc-mailchimp-size-large button.wvc-mailchimp-submit {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
/**
* @# Header
**/
/* Logo */
.logo-container {
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.logo {
padding: 0 14px;
position: relative;
max-width: 180px;
height: 100%;
}
.logo .logo-img:first-child {
position: relative;
}
.logo .logo-img:last-child:not(.logo-svg) {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.desktop.menu-layout-top-right .logo, .desktop.menu-layout-overlay .logo, .desktop.menu-layout-top-justify .logo, .desktop.menu-layout-top-justify-left .logo {
padding-left: 0;
}
.desktop.menu-layout-top-left .logo {
padding-right: 0;
}
.logo-img {
max-width: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
img.logo-img {
vertical-align: top;
}
.logo-svg {
opacity: 0;
width: 100%;
}
.logo-svg.replaced-svg {
opacity: 1;
}
a.logo-link {
padding: 0 !important;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: auto;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.logo-visibility-sticky_menu:not(.sticking) #desktop-navigation .logo {
display: none;
}
.logo-visibility-sticky_menu:not(.sticking) #site-navigation-primary-desktop {
left: 0 !important;
}
.logo-visibility-sticky_menu:not(.sticking) .logo-menu-item {
width: 0;
}
.logo-text {
font-size: 36px;
position: relative;
display: inline-block;
overflow: hidden;
white-space: nowrap;
}
.logo-visibility-hidden .logo {
display: none !important;
}
.logo-visibility-sticky_menu:not(.sticking).menu-layout-centered-logo.menu-width-wide .logo,
.logo-visibility-hidden.menu-layout-centered-logo.menu-width-wide .logo {
display: block !important;
}
.logo-visibility-sticky_menu:not(.sticking).menu-layout-centered-logo.menu-width-wide .logo-link,
.logo-visibility-hidden.menu-layout-centered-logo.menu-width-wide .logo-link {
opacity: 0 !important;
}
#top {
top: 0;
height: 0;
width: 0;
}
.site-name,
.site-description {
display: block;
height: 0;
margin-top: 0;
margin-bottom: 0;
text-indent: -9999px;
}
.hero-layout-fullheight #hero {
height: 100vh;
}
.hero-layout-fullheight.admin-bar #hero {
height: calc(100vh - 32px);
}
/* Scroll down arrow */
a.scroll-down {
position: absolute;
bottom: 10px;
left: 50%;
margin-left: -6px;
z-index: 5;
-webkit-transition: all .2s;
transition: all .2s;
}
a.scroll-down .fa:before {
font-size: 24px;
}
a.scroll-down:hover {
bottom: 5px;
}
.scroll-down-icon:before {
font-family: Linearicons-Free;
content: "\e878";
}
/**
* @# Typography
**/
body {
font-size: 16px;
}
/* Link */
.link,
p:not(.attachment)
> a:not(.no-link-style):not(.button):not(.button-download):not(.added_to_cart):not(.button-secondary):not(.menu-link):not(.filter-link):not(.entry-link):not(.more-link):not(.wvc-image-inner):not(.wolf-core-image-inner):not(.wvc-button):not(.wolf-core-button):not(.wvc-bigtext-link):not(.wvc-fittext-link):not(.wolf-core-bigtext-link):not(.wolf-core-fittext-link):not(.ui-tabs-anchor):not(.wvc-icon-title-link):not(.wvc-icon-link):not(.wolf-core-social-icon-link):not(.wolf-core-icon-title-link):not(.wolf-core-icon-link):not(.wolf-core-social-icon-link):not(.wvc-team-member-social):not(.wolf-core-team-member-social):not(.wolf-tweet-link):not(.author-link) {
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
font-weight: 700;
border-bottom: 1px solid #333;
}
.link:hover,
p:not(.attachment)
> a:not(.no-link-style):not(.button):not(.button-download):not(.added_to_cart):not(.button-secondary):not(.menu-link):not(.filter-link):not(.entry-link):not(.more-link):not(.wvc-image-inner):not(.wolf-core-image-inner):not(.wvc-button):not(.wolf-core-button):not(.wvc-bigtext-link):not(.wvc-fittext-link):not(.wolf-core-bigtext-link):not(.wolf-core-fittext-link):not(.ui-tabs-anchor):not(.wvc-icon-title-link):not(.wvc-icon-link):not(.wolf-core-social-icon-link):not(.wolf-core-icon-title-link):not(.wolf-core-icon-link):not(.wolf-core-social-icon-link):not(.wvc-team-member-social):not(.wolf-core-team-member-social):not(.wolf-tweet-link):not(.author-link):hover {
color: #91ff6a;
}
/* Fixed duplicated border */
abbr[title] {
text-decoration: none;
}
/* Paragraph and lists */
ul li {
list-style-type: disc;
}
ul,
ol,
dl {
margin: 1.6em 0;
}
p {
margin-top: 0;
margin-bottom: 1.88em;
}
p:empty {
margin: 0 !important;
}
ul,
ol {
padding-left: 33px;
}
ul ul,
ul ol,
ol ul,
ol ol {
padding-left: 30px;
margin-top: 5px;
margin-bottom: 5px;
padding-top: 0;
padding-bottom: 0;
}
ul ul ul,
ul ul ol,
ul ol ul,
ul ol ol,
ol ul ul,
ol ul ol,
ol ol ul,
ol ol ol {
margin-top: 5px;
margin-bottom: 5px;
padding-top: 0;
padding-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 20px;
line-height: 1.44;
}
hr {
border: none;
margin: 50px auto;
height: 1px;
}
h1 {
font-size: 2.25em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.375em;
}
h4 {
font-size: 1.25em;
}
h5 {
font-size: 1.125em;
}
h6 {
font-size: 1em;
}
/* Blockquote */
blockquote {
font-size: 1.44em;
font-weight: 700;
margin-bottom: 1.88em;
}
blockquote p {
margin: 0.8em 0;
}
blockquote p a {
border: none !important;
}
/* Cite */
cite {
margin-top: 8px;
font-size: 0.8em;
font-weight: 400;
display: inline-block;
width: 100%;
font-style: normal;
}
cite:before {
content: '\2014 \00A0';
}
/* Pre, code */
code,
pre {
font-family: monospace;
line-height: 1.618;
color: #0d0d0d;
}
code {
margin: 0 0.5em;
padding: 0 5px;
background: #fff;
line-height: 1em;
display: inline-block;
}
pre {
display: block;
-ms-word-wrap: normal;
word-wrap: normal;
background: #fff;
padding: 0.5em 1em;
overflow-x: auto;
overflow-y: hidden;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-all;
margin: 1.618em 0 3em;
border: 1px solid rgba(0, 0, 0, 0.1);
max-height: none !important;
min-width: 350px;
}
pre span {
color: green;
}
/* Others */
address {
margin-bottom: 1.618rem;
}
address p {
margin-bottom: 0;
}
abbr[title],
acronym[title] {
border-bottom: 1px dotted;
cursor: help;
}
dt {
font-weight: bold;
text-decoration: underline;
}
dd {
margin: 0;
padding: 0 0 0.5rem 0;
}
.caption {
opacity: 0.66;
}
.accent-color-dark ::selection {
color: #fff;
}
.accent-color-light ::selection {
color: #333;
}
.wvc-dropcap {
line-height: 1.2;
}
mark {
color: #fff;
padding: 1px 4px;
}
/**
* @# Helpers
**/
.text-center {
text-align: center;
}
.disabled {
pointer-events: none !important;
}
.hidden {
display: none;
visibility: hidden;
height: 0;
}
.img-bg {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
z-index: 0;
}
/* Overlay */
.bg-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.img-cover {
object-fit: cover;
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
font-family: 'object-fit: cover;';
}
.no-margin {
margin: 0;
}
.no-margin-p p {
margin: 0;
}
.parallax {
background-size: cover;
background-position: center center;
background-attachment: fixed;
}
.cover {
object-fit: cover;
position: absolute;
display: block;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
z-index: 0;
font-family: 'object-fit: cover;';
}
.compat-cover {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.compat-cover .cover {
opacity: 0;
}
.contain {
object-fit: contain;
position: absolute;
display: block;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
z-index: 0;
font-family: 'object-fit: contain;';
}
.compat-contain {
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.compat-contain .contain {
opacity: 0;
}
/* Cover sizes */
.cover-standard, .entry-cover,
.cover-landscape,
.items-thumbnail-size-landscape .entry-grid .entry-cover,
.items-thumbnail-size-landscape .entry-artist-offgrid .entry-cover,
.cover-square,
.items-thumbnail-size-square .entry-grid .entry-cover,
.items-thumbnail-size-square .entry-artist-offgrid .entry-cover,
.cover-portrait,
.items-thumbnail-size-portrait .entry-grid .entry-cover,
.items-thumbnail-size-portrait .entry-artist-offgrid .entry-cover {
position: relative;
display: block;
width: 100%;
}
.cover-standard:before, .entry-cover:before,
.cover-landscape:before,
.items-thumbnail-size-landscape .entry-grid .entry-cover:before,
.items-thumbnail-size-landscape .entry-artist-offgrid .entry-cover:before,
.cover-square:before,
.items-thumbnail-size-square .entry-grid .entry-cover:before,
.items-thumbnail-size-square .entry-artist-offgrid .entry-cover:before,
.cover-portrait:before,
.items-thumbnail-size-portrait .entry-grid .entry-cover:before,
.items-thumbnail-size-portrait .entry-artist-offgrid .entry-cover:before {
content: ' ';
position: absolute;
height: 100%;
width: 100%;
pointer-events: none;
}
.cover-standard, .entry-cover {
padding-bottom: 60%;
}
.cover-landscape, .items-thumbnail-size-landscape .entry-grid .entry-cover,
.items-thumbnail-size-landscape .entry-artist-offgrid .entry-cover {
padding-bottom: 50%;
}
.cover-square, .items-thumbnail-size-square .entry-grid .entry-cover,
.items-thumbnail-size-square .entry-artist-offgrid .entry-cover {
padding-bottom: 100%;
}
.cover-portrait, .items-thumbnail-size-portrait .entry-grid .entry-cover,
.items-thumbnail-size-portrait .entry-artist-offgrid .entry-cover {
padding-bottom: 150%;
}
.text-transform-uppercase {
text-transform: uppercase;
}
.text-transform-uppercase span,
.text-transform-uppercase a {
text-transform: uppercase;
}
.text-transform-none {
text-transform: none;
}
.text-transform-none span,
.text-transform-none a {
text-transform: none;
}
.fixed {
position: fixed;
}
.table {
display: table;
width: 100%;
}
.table-cell {
display: table-cell;
}
.app-button {
margin: 10px;
}
.notebook-screen .post-grid-flex,
.desktop-screen .post-grid-flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
/* Backgorund/Overlay */
.background-color-white {
background-color: white;
}
.background-color-black {
background-color: black;
}
.background-color-light-grey {
background-color: #f7f7f7;
}
.background-color-dark-grey {
background-color: #444444;
}
.mobile-show {
display: none;
}
.zoom-bg {
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
.zoomin {
-webkit-animation: zoomin 120s infinite linear 1s;
animation: zoomin 120s infinite linear 1s;
}
@-webkit-keyframes zoomin {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes zoomin {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
.lightbox {
outline: none !important;
outline: 0 !important;
}
/**
* @# Forms
**/
form ::-webkit-input-placeholder {
line-height: inherit;
}
form :-moz-placeholder {
line-height: inherit;
}
form :-ms-input-placeholder {
line-height: inherit;
}
/* Basic input styles */
input[type='text'],
input[type='search'],
input[type='tel'],
input[type='time'],
input[type='url'],
input[type='week'],
input[type='password'],
input[type='checkbox'],
input[type='color'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='email'],
input[type='month'],
input[type='number'],
select,
textarea {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 100% !important;
font-family: inherit;
font-size: inherit;
line-height: inherit;
border: none;
line-height: inherit;
padding: 12px;
text-shadow: none;
color: #333;
border: 1px solid #fff;
-webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.025);
box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.025);
}
input[type='text']:after, input[type='text']:before,
input[type='search']:after,
input[type='search']:before,
input[type='tel']:after,
input[type='tel']:before,
input[type='time']:after,
input[type='time']:before,
input[type='url']:after,
input[type='url']:before,
input[type='week']:after,
input[type='week']:before,
input[type='password']:after,
input[type='password']:before,
input[type='checkbox']:after,
input[type='checkbox']:before,
input[type='color']:after,
input[type='color']:before,
input[type='date']:after,
input[type='date']:before,
input[type='datetime']:after,
input[type='datetime']:before,
input[type='datetime-local']:after,
input[type='datetime-local']:before,
input[type='email']:after,
input[type='email']:before,
input[type='month']:after,
input[type='month']:before,
input[type='number']:after,
input[type='number']:before,
select:after,
select:before,
textarea:after,
textarea:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input[type='text']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='time']:focus,
input[type='url']:focus,
input[type='week']:focus,
input[type='password']:focus,
input[type='checkbox']:focus,
input[type='color']:focus,
input[type='date']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='email']:focus,
input[type='month']:focus,
input[type='number']:focus,
select:focus,
textarea:focus {
outline: none;
}
input[type='text'],
input[type='search'],
input[type='tel'],
input[type='time'],
input[type='url'],
input[type='week'],
input[type='password'],
input[type='color'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='email'],
input[type='month'],
input[type='number'],
textarea {
background: #fff;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
select,
option {
min-width: 200px;
padding-top: 13px;
padding-bottom: 13px;
}
select {
background: #fff;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
background-position: 100% center;
background-repeat: no-repeat;
cursor: pointer;
}
option {
background: #fff;
color: #333;
}
textarea {
width: 100%;
height: 250px;
}
input[type='submit'] {
border: none;
width: 100%;
margin-left: 0 !important;
position: relative;
display: block;
}
input[type='text'],
input[type='date'],
input[type='email'],
input[type='search'],
input[type='password'],
input[type='tel'],
input[type='url'],
input[name='post_password'],
select,
textarea {
width: 100%;
}
input[type='text'],
input[type='email'],
input[type='tel'],
input[type='search'],
textarea,
select {
color: #000;
}
input[type='checkbox'],
input[type='radio'] {
margin-left: 0.1rem;
margin-right: 5px;
}
form p label {
display: block;
margin-bottom: 0.5rem;
width: 100%;
}
/* Search form */
.searchform label,
.searchform input[type='submit'] {
display: none;
}
/* Post password form */
.post-password-form {
padding: 35px;
width: -webkit-fit-content;
width: fit-content;
max-width: 800px;
margin: 0 auto;
}
.post-password-form .password-submit {
margin-top: 8px;
}
/* Comment Form */
#commentform {
padding-top: 1em;
}
#commentform p {
margin-bottom: 1em;
}
#commentform textarea {
margin-top: 1em;
}
#commentform label {
display: block;
width: 100%;
}
/* No result form */
.nothing-found .searchform input {
margin-bottom: 1em;
width: 640px;
max-width: 95%;
}
/*wpcf7*/
.wpcf7-checkbox input {
height: auto !important;
}
.wpcf7-list-item {
margin-left: 0 !important;
}
/**
* @# Buttons
**/
.button,
.button-download,
.added_to_cart,
input[type="submit"],
.wvc-mailchimp-submit,
.added_to_cart,
.more-link,
.button-download {
font-size: 13px;
cursor: pointer;
outline: none;
position: relative;
text-align: center;
font-style: normal;
text-decoration: none !important;
outline: none;
vertical-align: middle;
width: 100%;
display: block;
text-transform: uppercase;
font-size: 12px;
padding: 1px 44px;
line-height: 25px;
letter-spacing: 0.1em;
border-width: 1px;
-webkit-transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
font-weight: 700;
height: 50px;
background-color: #91ff6a;
border-color: #91ff6a;
}
.button:hover,
.button-download:hover,
.added_to_cart:hover,
input[type="submit"]:hover,
.wvc-mailchimp-submit:hover,
.added_to_cart:hover,
.more-link:hover,
.button-download:hover {
color: #fff !important;
border-color: #212121;
background: #212121 !important;
}
.button:not(:hover),
.button-download:not(:hover),
.added_to_cart:not(:hover),
input[type="submit"]:not(:hover),
.wvc-mailchimp-submit:not(:hover),
.added_to_cart:not(:hover),
.more-link:not(:hover),
.button-download:not(:hover) {
color: #fff;
}
.button-secondary {
font-size: 13px;
cursor: pointer;
outline: none;
position: relative;
text-align: center;
font-style: normal;
text-decoration: none !important;
outline: none;
vertical-align: middle;
width: 100%;
display: block;
text-transform: uppercase;
font-size: 12px;
padding: 1px 44px;
line-height: 25px;
letter-spacing: 0.1em;
border-width: 1px;
-webkit-transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
font-weight: 700;
height: 50px;
background-color: #91ff6a;
border-color: #91ff6a;
}
.button-secondary:hover {
color: #fff !important;
border-color: #212121;
background: #212121 !important;
}
.button-fullwidth {
display: block !important;
width: 100% !important;
}
.menu-button-primary a,
.menu-button-secondary a,
.nav-button a {
opacity: 1 !important;
}
.nav-menu li ul li.menu-button-primary > a:first-child > .menu-item-inner,
.nav-menu li ul li.menu-button-secondary > a:first-child > .menu-item-inner,
.nav-menu li ul li.nav-button > a:first-child > .menu-item-inner {
margin-bottom: 8px;
}
.nav-menu li ul li.menu-button-primary:last-child > a:first-child > .menu-item-inner,
.nav-menu li ul li.menu-button-secondary:last-child > a:first-child > .menu-item-inner,
.nav-menu li ul li.nav-button:last-child > a:first-child > .menu-item-inner {
margin-bottom: 0;
}
.nav-menu:not(.nav-menu-vertical) li.menu-button-primary.menu-item-has-children > a:first-child > .menu-item-inner,
.nav-menu:not(.nav-menu-vertical) li.menu-button-secondary.menu-item-has-children > a:first-child > .menu-item-inner,
.nav-menu:not(.nav-menu-vertical) li.nav-button.menu-item-has-children > a:first-child > .menu-item-inner {
padding-right: 27px;
}
.nav-menu:not(.nav-menu-vertical) li.menu-button-primary.menu-item-has-children > a:first-child > .menu-item-inner:after,
.nav-menu:not(.nav-menu-vertical) li.menu-button-secondary.menu-item-has-children > a:first-child > .menu-item-inner:after,
.nav-menu:not(.nav-menu-vertical) li.nav-button.menu-item-has-children > a:first-child > .menu-item-inner:after {
right: 8px;
}
.nav-menu li.menu-button-primary > a:first-child > .menu-item-inner {
cursor: pointer;
outline: none;
position: relative;
text-align: center;
font-style: normal;
text-decoration: none !important;
outline: none;
vertical-align: middle;
width: 100%;
display: block;
font-size: 12px;
text-transform: uppercase;
line-height: 1;
font-size: 12px;
padding: 1px 44px;
line-height: 25px;
letter-spacing: 0.1em;
border-width: 1px;
margin: 0 10px;
margin-bottom: 0;
-webkit-transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
border-color: #91ff6a;
background-color: #91ff6a;
}
.nav-menu li.menu-button-primary > a:first-child > .menu-item-inner:not(:hover) {
color: #fff;
}
.nav-menu li.menu-button-primary > a:first-child > .menu-item-inner:hover {
background-color: transparent;
-webkit-box-shadow: 0 0 0 0;
box-shadow: 0 0 0 0;
}
.nav-menu li.menu-button-secondary > a:first-child > .menu-item-inner {
cursor: pointer;
outline: none;
position: relative;
text-align: center;
font-style: normal;
text-decoration: none !important;
outline: none;
vertical-align: middle;
width: 100%;
display: block;
font-size: 12px;
text-transform: uppercase;
line-height: 1;
font-size: 12px;
padding: 1px 44px;
line-height: 25px;
letter-spacing: 0.1em;
border-width: 1px;
margin: 0 10px;
margin-bottom: 0;
-webkit-transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
border-color: #91ff6a;
background-color: transparent;
}
.nav-menu li.menu-button-secondary > a:first-child > .menu-item-inner:hover {
background-color: #91ff6a;
color: #fff;
-webkit-box-shadow: 0 0 0 0;
box-shadow: 0 0 0 0;
}
.nav-menu li.nav-button > a:first-child > .menu-item-inner {
cursor: pointer;
outline: none;
position: relative;
text-align: center;
font-style: normal;
text-decoration: none !important;
outline: none;
vertical-align: middle;
width: 100%;
display: block;
margin: 0 10px;
}
.accent-color-light .button:not(:hover),
.accent-color-light .button-download:not(:hover),
.accent-color-light .added_to_cart:not(:hover),
.accent-color-light input[type="submit"]:not(:hover),
.accent-color-light .wvc-mailchimp-submit:not(:hover),
.accent-color-light .added_to_cart:not(:hover),
.accent-color-light .more-link:not(:hover),
.accent-color-light .button-download:not(:hover) {
color: #333;
}
.accent-color-light .nav-menu li.menu-button-primary > a:first-child > .menu-item-inner:not(:hover) {
color: #333 !important;
}
.accent-color-light .nav-menu
li.menu-button-secondary
> a:first-child
> .menu-item-inner:hover {
color: #333 !important;
}
.more-link,
input[type='submit'],
.wvc-mailchimp-submit {
padding-top: 13px;
padding-bottom: 13px;
}
.button,
.button-download,
.added_to_cart,
.more-link,
input[type='submit'],
.wvc-mailchimp-submit {
-webkit-transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
}
.button:hover,
.button-download:hover,
.added_to_cart:hover,
.more-link:hover,
input[type='submit']:hover,
.wvc-mailchimp-submit:hover {
background-color: transparent;
}
.button-secondary {
-webkit-transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
}
.button-secondary:hover {
color: #fff;
}
.button-secondary:not(:hover) {
background-color: transparent;
}
/**
* @# BIT
**/
.wvc-font-dark .bit-widget.bit-layout-desktop .bit-event:hover,
.wolf-core-font-dark .bit-widget.bit-layout-desktop .bit-event:hover {
padding: 10px 6px;
background-color: rgba(81, 81, 81, 0.02);
}
.bit-button:not(.bit-rsvp),
.bit-play-my-city-button {
color: white !important;
}
.accent-color-light .bit-button:not(.bit-rsvp),
.accent-color-light .bit-play-my-city-button {
color: #333 !important;
}
.wvc-font-light .bit-widget,
.wolf-core-font-light .bit-widget {
color: white;
}
/**
* @# Tables
**/
table {
border-collapse: collapse;
border-spacing: 0;
font-size: 1.618rem;
line-height: 2;
margin: 0 0 1.5em;
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
caption {
font-size: 1em;
margin: 0.5em 0;
}
td, th {
padding: 20px 5px;
}
th {
font-weight: bold;
text-transform: uppercase;
}
th {
border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}
td {
border-bottom: 2px solid rgba(0, 0, 0, 0.05);
padding: 15px 5px;
}
.gist table {
margin-bottom: 0;
}
.gist table td {
border-bottom: none;
}
/**
* @# Medias
**/
/* Responsive images */
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
audio,
video,
canvas {
border: none !important;
max-width: 100%;
}
iframe > html {
height: auto;
}
iframe > body {
height: auto;
}
/* WordPress mejs player */
.mejs-container {
outline: none;
width: 100% !important;
}
.mejs-container .mejs-controls .mejs-button button:focus {
outline: none;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
outline: 0;
}
/* oEmbed */
.oembed-container iframe {
width: 100%;
}
/**
* @# Gallery
**/
/* to prevent flickering for lazyload */
.lazyload-bg {
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
}
.lazy-img {
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
}
.lazy-hidden {
opacity: 0;
}
.lazy-loaded {
opacity: 1 !important;
}
/* Fix for Safari issue not removing lazy-hidden class */
.is-apple .lazy-hidden {
opacity: 1 !important;
}
/* Gallery slideshow background */
.slideshow-background {
background: #333 !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-bottom: 0 !important;
}
.slideshow-background .flex-viewport {
height: 100%;
}
.slideshow-background ul.slides {
width: 100%;
height: 100%;
}
.slideshow-background .slide {
width: 100%;
height: 100%;
}
.wp-block-gallery {
margin: 0;
padding: 0;
}
/* Default gallery */
.gallery,
.blocks-gallery-grid {
margin-bottom: 30px;
padding: 0;
}
.blocks-gallery-item figure {
padding: 0;
margin: 0;
}
.gallery-item,
.blocks-gallery-item {
margin: 0;
margin-bottom: 20px;
text-align: center;
list-style-type: none;
}
.gallery-columns-1 .gallery-item:not(.proof-photo),
.wp-block-gallery.columns-1 .blocks-gallery-item {
float: left;
width: 100%;
}
.gallery-columns-2 .gallery-item:not(.proof-photo),
.wp-block-gallery.columns-2 .blocks-gallery-item {
float: left;
width: 50%;
}
.gallery-columns-3 .gallery-item:not(.proof-photo),
.wp-block-gallery.columns-3 .blocks-gallery-item {
float: left;
width: 33.33333%;
}
.gallery-columns-4 .gallery-item:not(.proof-photo),
.wp-block-gallery.columns-4 .blocks-gallery-item {
float: left;
width: 25%;
}
.gallery-columns-5 .gallery-item:not(.proof-photo),
.wp-block-gallery.columns-5 .blocks-gallery-item {
float: left;
width: 20%;
}
.gallery-columns-6 .gallery-item:not(.proof-photo),
.wp-block-gallery.columns-6 .blocks-gallery-item {
float: left;
width: 16.66667%;
}
.gallery-columns-7 .gallery-item:not(.proof-photo),
.wp-block-gallery.columns-7 .blocks-gallery-item {
float: left;
width: 14.28571%;
}
.gallery-columns-8 .gallery-item:not(.proof-photo),
.wp-block-gallery.columns-8 .blocks-gallery-item {
float: left;
width: 12.5%;
}
.gallery-columns-9 .gallery-item:not(.proof-photo),
.wp-block-gallery.columns-9 .blocks-gallery-item {
float: left;
width: 11.11111%;
}
.gallery-columns-1 .gallery-item:not(.proof-photo),
.wp-block-gallery.columns-1 .blocks-gallery-item {
float: none;
margin-bottom: 10px;
}
.gallery-columns-2 .gallery-item:not(.proof-photo):nth-child(2n+1),
.wp-block-gallery.columns-2 .blocks-gallery-item:nth-child(2n+1) {
clear: both;
}
.gallery-columns-3 .gallery-item:not(.proof-photo):nth-child(3n+1),
.wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(3n+1) {
clear: both;
}
.gallery-columns-4 .gallery-item:not(.proof-photo):nth-child(4n+1),
.wp-block-gallery.columns-4 .blocks-gallery-item:nth-child(4n+1) {
clear: both;
}
.gallery-columns-5 .gallery-item:not(.proof-photo):nth-child(5n+1),
.wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(5n+1) {
clear: both;
}
.gallery-columns-6 .gallery-item:not(.proof-photo):nth-child(6n+1),
.wp-block-gallery.columns-6 .blocks-gallery-item:nth-child(6n+1) {
clear: both;
}
/**
* @# Fluid Video
**/
/* Fluid video */
.fluid-video {
display: block;
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.fluid-video iframe,
.fluid-video embed,
.fluid-video object,
.fluid-video video {
width: 100% !important;
height: 100% !important;
position: absolute !important;
top: 0;
left: 0;
}
/* Make video shortcode responsive without JS */
.video-shortcode-container .wp-video,
.video-shortcode-container video.wp-video-shortcode,
.video-shortcode-container .mejs-container,
.video-shortcode-container .mejs-poster,
.video-shortcode-container .mejs-overlay.load {
width: 100% !important;
}
.video-shortcode-container .mejs-poster {
height: 100% !important;
}
.video-shortcode-container video.wp-video-shortcode,
.video-shortcode-container .mejs-layer {
height: auto;
}
.video-shortcode-container .mejs-container {
height: auto !important;
padding-top: 56.25%;
}
.video-shortcode-container .wp-video, .video-shortcode-container video.wp-video-shortcode {
max-width: 100% !important;
}
.video-shortcode-container video.wp-video-shortcode {
position: relative;
}
.video-shortcode-container .mejs-mediaelement {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.video-shortcode-container .mejs-overlay-play {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto !important;
height: auto !important;
}
.video-shortcode-container .mejs-overlay-loading {
display: none;
}
/**
* @# Video Background
**/
.iframe-bg-container,
.video-bg-container {
display: block;
z-index: 0;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
}
.iframe-bg-container embed,
.iframe-bg-container iframe,
.iframe-bg-container object,
.iframe-bg-container video,
.video-bg-container embed,
.video-bg-container iframe,
.video-bg-container object,
.video-bg-container video {
max-width: none;
}
.youtube-bg,
.video-bg,
.vimeo-bg {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.video-bg-overlay {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-parallax {
display: block;
z-index: 0;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
}
.video-parallax .img-cover {
z-index: -101;
}
.parallax {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.video-bg-fallback {
z-index: 0;
}
.video-bg-container {
background: #0d0d0d;
}
/* Video background control */
.youtube-player {
opacity: 0;
-webkit-transition: opacity ease 2s;
transition: opacity ease 2s;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.youtube-player.youtube-player-is-loaded {
opacity: 1;
}
/**
* @# Comments
**/
.commentlist li {
list-style-type: none !important;
}
.comment,
.pingback {
margin-top: 35px;
}
.comments-title {
font-size: 18px;
padding-top: 1em;
}
.comment-meta .fn,
.comment-meta .fn a {
font-weight: 700;
}
.comment-content {
position: relative;
padding-top: 36px;
}
.comment-content figure.gravatar {
margin: 0;
margin-bottom: 14px;
padding: 0;
}
.comment-content figure.gravatar img.avatar {
max-width: 72px;
min-height: 72px;
}
.comment-reply-link {
margin-top: 18px;
display: block;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
}
.comment-meta p {
margin: 9px 0px 0px 0px;
}
.comment-author {
font-weight: 700;
font-size: 18px;
}
.comment-reply-title,
#cancel-comment-reply-link {
display: inline;
font-size: 18px;
}
#cancel-comment-reply-link {
float: right;
}
.comment-respond {
padding-top: 30px;
}
.comment-content .comment-meta-item,
.comment-content .comment-reply-link span {
font-size: 13px;
}
#comments .comments-list .comment-content,
#respond .comments-list .comment-content {
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgba(0, 0, 0, 0.05);
}
#comments .comment-list .comments-list:first-child,
#respond .comment-list .comments-list:first-child {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgba(0, 0, 0, 0.05);
padding-bottom: 36px;
}
#comments .comments-list .comment-content,
#respond .comments-list .comment-content {
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgba(0, 0, 0, 0.05);
}
section.comments-list > .comment.depth-1:first-child {
margin-top: 0;
}
/* Child comment */
section.child-comments.comments-list {
padding-left: 18px;
}
.no-comments {
margin: 1.88em 0;
}
.trackback .comment-meta.post-meta,
.pingback .comment-meta.post-meta {
margin-left: 0;
}
.comment-form-cookies-consent #wp-comment-cookies-consent {
float: left;
position: relative;
margin-right: 10px;
top: -6px;
}
.comment-form-cookies-consent:before {
clear: both;
}
/**
* @# WP Default Classes
**/
/* Text meant only for screen readers */
.says,
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
/* many screen reader and browser combinations announce broken words as they would appear visually */
word-wrap: normal !important;
}
.wp-caption {
margin: 0;
margin-bottom: 2em;
padding: 0;
max-width: 100%;
}
.blocks-gallery-caption {
margin-bottom: 2em;
}
/* Images alignment */
.alignleft a,
.alignright a,
.aligncenter a,
.alignnone a {
border-bottom: none !important;
}
.alignleft,
.wp-caption.alignleft {
float: left;
}
.alignright,
.wp-caption.alignright,
.wp-block-cover.alignright {
float: right;
}
.alignleft,
.wp-caption.alignleft,
.wp-block-cover.alignleft,
.wp-block-button.alignleft {
margin: 0.5em 1.4em 2em 0;
}
.alignright,
.wp-caption.alignright,
.wp-block-button.alignright {
margin: 0.5em 0 2em 1.4em;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.aligncenter {
margin: 0 auto 2em;
}
/* Image Caption */
.wp-caption .wp-caption-text,
.entry-caption {
font-size: 0.9em;
font-style: italic;
font-weight: 400;
text-align: center;
max-width: 100%;
}
.wp-caption .wp-caption-text {
margin-top: 10px;
}
dd.wp-caption-text.gallery-caption {
display: none;
}
.widget_calendar td#prev {
text-align: left;
}
.widget_calendar td#next {
text-align: right;
}
.wp-calendar-nav-prev {
text-align: left;
}
.wp-calendar-nav-prev a {
text-decoration: none;
}
.wp-calendar-nav-next {
text-align: right;
}
.wp-calendar-nav-next a {
text-decoration: none;
}
.wp-calendar-nav {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
/* Smileys */
img.wp-smiley,
.rsswidget img {
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Screen reader */
.screen-reader-text {
clip: rect(1px 1px 1px 1px);
}
.bypostauthor {
font-style: inherit;
}
.wp-block-cover,
.wp-block-button {
margin: 3rem 0;
}
.wp-block-cover.alignfull {
margin: 0;
}
.wp-block-cover > p.wp-block-cover-text {
color: white !important;
}
.wp-block-cover > p.wp-block-cover-text a,
.wp-block-cover > p.wp-block-cover-text strong {
color: white !important;
}
.wp-block-cover > p.wp-block-cover-text a:after {
border-color: white !important;
}
.wp-block-quote.is-style-large:before {
display: none;
}
.is-style-squared .wp-block-button__link {
border-radius: 0 !important;
}
.alignfull {
width: 100%;
}
.alignwide {
zoom: 1;
width: 92%;
margin: 0 auto;
max-width: 1400px;
width: 100%;
max-width: 1400px;
}
.alignwide:before, .alignwide:after {
content: "";
display: table;
}
.alignwide:after {
clear: both;
}
.is-gutenberg-page.page .page-entry-content > *:not(.alignfull):not(.wp-block-themepunch-revslider) {
zoom: 1;
width: 92%;
margin: 0 auto;
max-width: 1400px;
max-width: 1400px;
}
.is-gutenberg-page.page .page-entry-content > *:not(.alignfull):not(.wp-block-themepunch-revslider):before, .is-gutenberg-page.page .page-entry-content > *:not(.alignfull):not(.wp-block-themepunch-revslider):after {
content: "";
display: table;
}
.is-gutenberg-page.page .page-entry-content > *:not(.alignfull):not(.wp-block-themepunch-revslider):after {
clear: both;
}
.is-gutenberg-page.page .page-entry-content > *:not(.alignfull):not(.alignwide) {
max-width: 1400px;
}
.wp-block-cover {
padding: 60px 0;
}
.wp-block-cover.alignwide {
width: 92%;
}
.wp-block-cover__inner-container {
zoom: 1;
width: 92%;
margin: 0 auto;
max-width: 1400px;
width: 92% !important;
}
.wp-block-cover__inner-container:before, .wp-block-cover__inner-container:after {
content: "";
display: table;
}
.wp-block-cover__inner-container:after {
clear: both;
}
.wp-block-latest-posts,
.wp-block-categories-list {
margin: 0;
}
.wp-block-latest-posts li,
.wp-block-categories-list li {
list-style-type: none;
padding: 10px;
}
@media screen and (min-width: 1000px) {
.wp-block-cover {
padding: 80px 0;
}
}
@media screen and (min-width: 1400px) {
.wp-block-cover {
padding: 110px 0;
}
}
.wp-block-cover:not(.is-light) .wp-block-image figcaption {
color: whitesmoke;
}
@media (min-width: 782px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
margin-left: var(--wp--style--block-gap, 3em);
}
}
.customize-partial-edit-shortcut-logo_svg {
left: 15px;
}
[class^="customize-partial-edit-shortcut-nav_menu_instance"],
[class*=" customize-partial-edit-shortcut-nav_menu_instance"] {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
height: 0 !important;
}
/**
* @# Widgets
**/
.widget-title,
.widgettitle {
border: none;
}
.widget-area .wolf-jplayer-playlist {
margin-bottom: 0;
}
.widget-title,
.widgettitle {
position: relative;
margin-top: 0;
word-break: break-word;
margin: 0px 0px 20px 0px;
}
.widget {
font-size: 14px;
margin-bottom: 50px;
}
.widget a {
font-weight: 400 !important;
font-weight: 500 !important;
}
.widget a img {
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.widget a:hover img {
opacity: 0.66;
}
.widget:first-child {
margin-left: 0;
}
.widget:last-child {
margin-right: 0;
}
.widget ul,
.widget ol {
list-style: none;
padding-left: 0;
}
.widget ul li,
.widget ol li {
list-style-type: none;
line-height: 2.4;
padding-left: 0;
}
.widget input[type='submit'],
.widget input[type='text'],
.widget input[type='email'],
.widget input[type='search'],
.widget input[type='password'],
.widget input[name='post_password'] {
width: 100% !important;
}
.widget p {
margin-top: 0;
margin-bottom: 1em;
}
.search-form label,
.search-form .search-submit {
display: none;
}
.categories:before {
content: '–' !important;
display: inline-block !important;
position: relative;
top: 1px;
font-size: 16px;
font-weight: 700;
margin-right: 5px;
}
.tagcloud:before {
content: '#' !important;
display: inline-block !important;
position: relative;
top: 1px;
font-size: 16px;
font-weight: 700;
margin-right: 5px;
}
.tagcloud a,
.categories a {
font-size: 12px !important;
display: inline-block;
padding: 0 5px 1px;
margin-right: 5px;
border: none !important;
-webkit-transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
/* Search */
.widget_search form {
margin-top: 0;
}
/*Widget list */
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_product_categories ul,
.widget_nav_menu ul {
padding-left: 0;
}
.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_product_categories ul li,
.widget_nav_menu ul li {
list-style-type: none;
margin-left: 0;
}
.widget_archive ul li a:before,
.widget_categories ul li a:before,
.widget_meta ul li a:before,
.widget_product_categories ul li a:before,
.widget_nav_menu ul li a:before {
font-size: 11px;
font-family: linea-arrows-10;
content: '\e04b';
margin-right: 8px;
position: relative;
top: 1px;
}
.widget_pages ul.children {
margin-left: 15px !important;
}
.widget_nav_menu ul.sub-menu {
margin-left: 15px !important;
}
.widget .calendar_wrap,
.wp-block-calendar,
.wp-block-search {
margin-bottom: 44px;
}
.widget_categories form {
margin-bottom: 44px;
}
.wp-block-categories-dropdown,
.wp-block-archives-dropdown {
margin-bottom: 40px;
}
.wp-block-latest-posts__post-date, .wp-block-latest-posts__post-author {
color: #b1b1b1;
}
/* Last posts */
.widget_recent_entries ul li {
margin-bottom: 15px;
line-height: 1.5;
}
.widget_recent_entries ul li a {
font-size: 15px;
}
.widget_recent_entries .post-date {
display: block;
font-size: 12px;
}
.wolf_widget_recent_posts .widget-entry-title {
font-size: 15px;
}
/* RSS widget */
.widget_rss .widget-title .rsswidget img,
.widget_rss .widgettitle .rsswidget img {
position: relative;
top: -6px;
}
.widget_rss ul li {
margin-bottom: 15px;
}
.widget_rss .rsswidget {
font-weight: 700;
}
/* Last photos */
.widget_last_photos a,
.last-photos-thumbnails {
display: inline-block;
padding: 2px 2px;
width: 33%;
margin-bottom: -5px;
}
.widget_last_photos a img,
.last-photos-thumbnails img {
display: block;
vertical-align: bottom;
width: 100%;
height: auto;
}
/* Footer widgets */
.sidebar-footer .widget ul,
.sidebar-footer .widget ol {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.sidebar-footer .widget ul li,
.sidebar-footer .widget ol li {
list-style-type: none;
}
.sidebar-footer .widget ul li a:hover,
.sidebar-footer .widget ol li a:hover {
opacity: 0.88;
}
.sidebar-footer .widget ul li a:before,
.sidebar-footer .widget ol li a:before {
display: none;
}
/**
* @# Navigation
**/
/**
* @# Common
**/
.wishlist-item-icon,
.cart-item-icon,
.search-item-icon,
.account-item-icon,
.nav-player-container {
display: inline-block;
width: 44px;
position: relative;
z-index: 10;
cursor: pointer;
text-align: center;
}
.nav-play-icon:before {
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\f04b';
}
.nav-player-playing .nav-play-icon:before {
content: '\f04c';
}
.cta-container .wvc-socials-container,
.cta-container .wolf-core-socials-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
}
.cta-container .wvc-icon-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 14px;
}
.cta-container .wvc-icon-container .wvc-icon {
width: 14px;
}
.cta-container .wvc-icon-container .wvc-icon:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.cta-container .wolf-core-icon-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 14px;
}
.cta-container .wolf-core-icon-container .wolf-core-icon {
width: 14px;
}
.cta-container .wolf-core-icon-container .wolf-core-icon:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.logo-bar {
position: absolute;
z-index: 14;
}
.nav-bar {
z-index: 99997;
height: auto;
top: 0;
left: 0;
width: 100%;
}
.site-layout-frame.desktop #nav-bar,
.site-layout-frame.desktop .nav-search-form {
top: 15px;
left: 15px;
width: calc(100% - 30px);
}
.site-layout-frame.desktop .lateral-menu-panel-inner {
padding-left: 45px;
}
.site-layout-frame.desktop.admin-bar #nav-bar,
.site-layout-frame.desktop.admin-bar .nav-search-form {
top: 47px;
}
.admin-bar.side-panel-toggle .nav-bar,
.admin-bar .nav-search-form {
top: 32px;
}
.admin-bar.site-layout-frame.desktop.sticking .nav-bar,
.admin-bar.site-layout-frame.desktop .nav-search-form {
top: 47px;
}
.menu-items-visibility-hidden #site-navigation-primary-desktop {
display: none;
visibility: hidden;
}
.menu-layout-standard #hero-inner {
padding-top: 160px;
}
.menu-layout-standard .logo-bar,
.menu-layout-standard #nav-bar {
height: 98px;
line-height: 98px;
}
.menu-layout-standard .logo-bar *,
.menu-layout-standard #nav-bar * {
max-height: 98px;
}
.menu-layout-standard .logo-bar .logo,
.menu-layout-standard #nav-bar .logo {
height: 98px;
}
.menu-layout-standard .logo-bar {
width: 100%;
}
.menu-layout-standard .logo-bar .flex-wrap,
.menu-layout-standard .nav-bar .flex-wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.menu-layout-standard .nav-bar {
top: 80px;
}
.menu-layout-standard .menu-container {
margin-right: auto;
}
.menu-layout-standard .cta-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.menu-layout-standard .nav-bar .logo {
width: 0;
-webkit-transition: width 0 ease;
transition: width 0 ease;
-webkit-transition-delay: 0;
transition-delay: 0;
}
.menu-layout-standard .nav-bar .logo a {
margin-right: 30px;
}
.menu-layout-standard .menu-social {
font-size: 18px;
}
.menu-layout-standard #site-navigation-primary-desktop {
margin-left: -15px;
}
/**
* @# Top Right
**/
.menu-layout-top-right #nav-bar {
height: 98px;
line-height: 98px;
}
.menu-layout-top-right #nav-bar * {
max-height: 98px;
}
.menu-layout-top-right #nav-bar .logo,
.menu-layout-top-right #nav-bar .hamburger-container {
height: 98px;
}
.menu-layout-top-right #nav-bar .flex-wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.menu-layout-top-right .cta-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.menu-layout-top-right .menu-container {
margin-left: auto;
}
/**
* @# Top Right Floating
**/
.menu-layout-top-right-floating .mega-menu-tagline,
.menu-layout-top-right-floating .mega-menu-panel {
width: 100% !important;
max-width: 1400px;
}
.menu-layout-top-right-floating #nav-bar {
height: 98px;
line-height: 98px;
-webkit-transition: margin 0.5s cubic-bezier(0.13, 1.07, 0.64, 0.97), background 0.3s, top 0.3s, opacity 0.2s;
transition: margin 0.5s cubic-bezier(0.13, 1.07, 0.64, 0.97), background 0.3s, top 0.3s, opacity 0.2s;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.menu-layout-top-right-floating #nav-bar * {
max-height: 98px;
}
.menu-layout-top-right-floating #nav-bar .logo,
.menu-layout-top-right-floating #nav-bar .hamburger-container {
height: 98px;
}
.menu-layout-top-right-floating #nav-bar .flex-wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100% !important;
padding: 0 14px;
}
.menu-layout-top-right-floating .cta-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.menu-layout-top-right-floating .menu-container {
margin-left: auto;
}
.menu-layout-top-right-floating.desktop #hero {
padding-top: 40px;
}
.menu-layout-top-right-floating:not(.sticking) #nav-bar,
.menu-layout-top-right-floating:not(.sticking) .nav-search-form {
top: 40px;
max-width: 1400px;
}
.menu-layout-top-right-floating:not(.sticking) .nav-search-form-container {
width: 100% !important;
}
.menu-layout-top-right-floating:not(.sticking).admin-bar #nav-bar {
top: 72px;
}
.menu-layout-top-right-floating:not(.sticking).admin-bar .nav-search-form {
top: 72px;
}
/**
* @# Top Left
**/
.menu-layout-top-left #nav-bar {
height: 98px;
line-height: 98px;
}
.menu-layout-top-left #nav-bar * {
max-height: 98px;
}
.menu-layout-top-left #nav-bar .logo,
.menu-layout-top-left #nav-bar .hamburger-container {
height: 98px;
}
.menu-layout-top-left #nav-bar .flex-wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.menu-layout-top-left .cta-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.menu-layout-top-left .menu-container {
margin-right: auto;
}
.menu-layout-top-left .cart-panel {
left: 0;
right: auto;
}
.menu-layout-top-center #hero-inner {
padding-top: 160px;
}
.menu-layout-top-center .logo-bar {
width: 100%;
}
.menu-layout-top-center #nav-bar,
.menu-layout-top-center .logo-bar {
height: 98px;
line-height: 98px;
}
.menu-layout-top-center #nav-bar *,
.menu-layout-top-center .logo-bar * {
max-height: 98px;
}
.menu-layout-top-center #nav-bar .flex-wrap,
.menu-layout-top-center .logo-bar .flex-wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.menu-layout-top-center #nav-bar .logo,
.menu-layout-top-center .logo-bar .logo {
margin: 0 auto;
}
.menu-layout-top-center #nav-bar {
top: 98px;
}
.menu-layout-top-center #nav-bar .logo,
.menu-layout-top-center #nav-bar .hamburger-container {
height: 98px;
}
.menu-layout-top-center .cta-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.menu-layout-top-center .logo-container,
.menu-layout-top-center .nav-menu-desktop {
width: auto;
text-align: center;
}
/**
* @# Top Justify
**/
.menu-layout-top-justify #nav-bar,
.menu-layout-grid #nav-bar {
height: 98px;
line-height: 98px;
}
.menu-layout-top-justify #nav-bar *,
.menu-layout-grid #nav-bar * {
max-height: 98px;
}
.menu-layout-top-justify #nav-bar .logo,
.menu-layout-top-justify #nav-bar .hamburger-container,
.menu-layout-grid #nav-bar .logo,
.menu-layout-grid #nav-bar .hamburger-container {
height: 98px;
}
.menu-layout-top-justify #nav-bar .flex-wrap,
.menu-layout-grid #nav-bar .flex-wrap {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.menu-layout-top-justify .cta-container,
.menu-layout-grid .cta-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.menu-layout-top-justify .menu-container,
.menu-layout-grid .menu-container {
width: 100%;
}
.menu-layout-top-justify .nav-menu-desktop,
.menu-layout-grid .nav-menu-desktop {
text-align: center;
}
/**
* @# Top Justify Left
**/
.menu-layout-top-justify-left #nav-bar {
height: 98px;
line-height: 98px;
}
.menu-layout-top-justify-left #nav-bar * {
max-height: 98px;
}
.menu-layout-top-justify-left #nav-bar .logo,
.menu-layout-top-justify-left #nav-bar .hamburger-container {
height: 98px;
}
.menu-layout-top-justify-left #nav-bar .flex-wrap {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.menu-layout-top-justify-left .cta-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.menu-layout-top-justify-left .menu-container {
width: 100%;
}
.menu-layout-top-justify-left .menu-container #site-navigation-primary-desktop {
text-align: left;
}
.menu-layout-top-justify-left .nav-menu-desktop {
text-align: center;
}
/**
* @# Centered Logo
**/
.menu-layout-centered-logo #nav-bar {
height: 98px;
line-height: 98px;
}
.menu-layout-centered-logo #nav-bar * {
max-height: 98px;
}
.menu-layout-centered-logo #nav-bar .logo,
.menu-layout-centered-logo #nav-bar .hamburger-container {
height: 98px;
}
.menu-layout-centered-logo #nav-bar .flex-wrap {
width: 98%;
margin: 0 auto;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.menu-layout-centered-logo .menu-container {
width: 100%;
}
.menu-layout-centered-logo .nav-menu-desktop {
position: relative;
text-align: center;
}
.menu-layout-centered-logo .cta-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
/**
* @# Top Logo
**/
.menu-layout-top-logo #nav-bar {
height: 196px;
line-height: 98px;
}
.menu-layout-top-logo #nav-bar * {
max-height: 98px;
}
.menu-layout-top-logo #nav-bar .logo-wrap {
height: 98px;
}
.menu-layout-top-logo #nav-bar .logo-wrap .logo {
margin: 0 auto;
}
.menu-layout-top-logo #nav-bar .logo,
.menu-layout-top-logo #nav-bar .hamburger-container {
height: 98px;
}
.menu-layout-top-logo #nav-bar .flex-wrap {
width: 98%;
margin: 0 auto;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.menu-layout-top-logo .menu-container {
width: 100%;
}
.menu-layout-top-logo .nav-menu-desktop {
position: relative;
text-align: center;
}
.menu-layout-top-logo .cta-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.menu-layout-top-logo:not(.sticking) #nav-bar .flex-wrap .logo {
visibility: hidden;
width: 0;
}
/**
* @# Off-Canvas
**/
.menu-layout-offcanvas #nav-bar {
height: 98px;
line-height: 98px;
}
.menu-layout-offcanvas #nav-bar * {
max-height: 98px;
}
.menu-layout-offcanvas #nav-bar .logo {
height: 98px;
}
.menu-layout-offcanvas #nav-bar .flex-wrap {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.menu-layout-offcanvas #nav-bar .hamburger-container {
width: 63px;
height: 98px;
}
.menu-layout-offcanvas .cta-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: auto;
}
.menu-layout-offcanvas .menu-container {
width: 100%;
}
.menu-layout-offcanvas .nav-menu-desktop {
text-align: center;
}
.offcanvas-menu-toggle #wvc-one-page-nav {
z-index: -100;
}
.offcanvas-menu-panel-inner {
padding-left: 40px;
-webkit-box-shadow: inset 5px 0 44px -2px rgba(0, 0, 0, 0.8);
box-shadow: inset 5px 0 44px -2px rgba(0, 0, 0, 0.8);
}
/**
* @# Overlay
**/
.menu-layout-overlay #nav-bar {
height: 98px;
line-height: 98px;
}
.menu-layout-overlay #nav-bar * {
max-height: 98px;
}
.menu-layout-overlay #nav-bar .logo {
height: 98px;
}
.menu-layout-overlay #nav-bar .flex-wrap {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.menu-layout-overlay #nav-bar .hamburger-container {
width: 60px;
height: 98px;
}
.menu-layout-overlay .cta-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: auto;
}
.menu-layout-overlay .menu-container {
width: 100%;
}
.menu-layout-overlay .nav-menu-desktop,
.menu-layout-overlay .nav-menu-vertical {
text-align: center;
}
.overlay-menu-panel {
position: fixed !important;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3000;
background: rgba(0, 0, 0, 0.99);
overflow-y: auto;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
}
.overlay-menu-panel::-webkit-scrollbar {
display: none;
width: 0 !important;
}
.overlay-menu-table {
display: table;
height: 100%;
width: 100%;
}
.overlay-menu-panel-inner {
display: table-cell;
vertical-align: middle;
height: 100%;
width: 100%;
text-align: center;
padding: 120px 80px;
}
.overlay-menu-panel-inner #site-navigation-primary-vertical li a,
.overlay-menu-panel-inner #site-navigation-vertical-vertical li a {
-webkit-transition: opacity 1s 1s cubic-bezier(0.39, 0.28, 0.31, 1.27), -webkit-transform 1s 1s linear;
transition: opacity 1s 1s cubic-bezier(0.39, 0.28, 0.31, 1.27), transform 1s 1s linear;
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
opacity: 0;
}
.overlay-menu-panel-inner > div {
max-width: 800px;
margin: 0 auto;
}
.overlay-menu-panel-inner > div .sub-menu {
padding-left: 0;
padding-right: 0;
}
.overlay-menu-panel-inner > div .menu-item {
text-align: center;
font-size: 18px;
}
.overlay-menu-panel-inner > div .menu-link {
padding-left: 0 !important;
padding-right: 0 !important;
}
.overlay-menu-panel-inner > div .social-menu-item {
display: none !important;
}
.overlay-menu-panel-inner > div .menu-item:before {
display: none;
}
.overlay-menu-panel-inner .nav-menu li.menu-button-primary > a:first-child > .menu-item-inner,
.overlay-menu-panel-inner .nav-menu li.menu-button-secondary > a:first-child > .menu-item-inner,
.overlay-menu-panel-inner .nav-menu li.nav-button > a:first-child > .menu-item-inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
.overlay-menu-panel-inner .cta-container {
margin-top: 30px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
color: #fff;
}
.overlay-menu-panel-inner .cta-container a {
color: #fff;
}
.overlay-menu-panel-inner .cta-container .cart-panel {
display: none !important;
}
.overlay-menu-panel {
-webkit-transition: all .2s linear;
transition: all .2s linear;
visibility: hidden;
opacity: 0;
}
.overlay-menu-toggle #wvc-one-page-nav {
z-index: -100;
}
.overlay-menu-toggle .overlay-menu-panel {
-webkit-transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
visibility: visible;
opacity: 1;
}
.overlay-menu-toggle .overlay-menu-panel-inner #site-navigation-primary-vertical li a,
.overlay-menu-toggle .overlay-menu-panel-inner #site-navigation-vertical-vertical li a {
-webkit-transition: 0.5s cubic-bezier(0.39, 0.28, 0.31, 1.27);
transition: 0.5s cubic-bezier(0.39, 0.28, 0.31, 1.27);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.overlay-menu-toggle .nav-bar {
border: none !important;
-webkit-box-shadow: 0 0 0 0;
box-shadow: 0 0 0 0;
background: none !important;
background-color: transparent !important;
opacity: 1 !important;
}
.overlay-menu-toggle .nav-bar a,
.overlay-menu-toggle .nav-bar strong,
.overlay-menu-toggle .nav-bar span {
color: #fff !important;
}
.overlay-menu-toggle .nav-bar .logo-svg * {
fill: #fff !important;
}
.overlay-menu-toggle .nav-bar .logo-dark {
opacity: 0 !important;
}
.overlay-menu-toggle .nav-bar .logo-light {
opacity: 1 !important;
}
.overlay-menu-toggle .nav-bar .hamburger-icon .line {
background-color: #fff;
}
.overlay-menu-has-bg .overlay-menu-panel {
background-color: #000;
background-position: center center !important;
background-size: cover !important;
}
.overlay-menu-has-bg .overlay-menu-panel-inner {
background: rgba(0, 0, 0, 0.66);
}
/**
* @# Lateral
**/
.menu-layout-lateral.desktop .site-header {
width: 300px;
position: fixed;
left: 0;
right: 0;
height: 100%;
overflow: visible !important;
z-index: 5;
}
.menu-layout-lateral.desktop .site-content,
.menu-layout-lateral.desktop .site-footer,
.menu-layout-lateral.desktop .site-infos,
.menu-layout-lateral.desktop #top-bar-block {
margin-left: 300px;
}
.menu-layout-lateral.desktop #hero-inner {
padding-top: 0;
}
.menu-layout-lateral.desktop .lateral-menu-panel {
width: 300px !important;
}
.menu-layout-lateral.desktop .lateral-menu-panel .logo-container {
max-height: 80px;
margin-bottom: 35px;
}
.menu-layout-lateral.desktop .lateral-menu-panel .logo-container * {
max-height: 80px;
}
.menu-layout-lateral.desktop .lateral-menu-panel .logo-container .logo {
padding-left: 0;
}
.menu-layout-lateral.desktop .lateral-menu-panel .logo-container .logo {
height: auto;
}
.menu-layout-lateral.desktop .lateral-menu-panel .logo-container a.logo-link {
top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.menu-layout-lateral.desktop .lateral-menu-panel .logo-svg * {
fill: #fff !important;
}
.menu-layout-lateral.desktop .lateral-menu-panel .logo-dark {
opacity: 0 !important;
}
.menu-layout-lateral.desktop .lateral-menu-panel .logo-light {
opacity: 1 !important;
}
.menu-layout-lateral.desktop .lateral-menu-panel .wvc-social-icon {
margin-right: 10px;
}
.menu-layout-lateral.desktop .lateral-menu-panel .wvc-social-icon:last-child {
margin-right: 0;
}
.lateral-menu-has-bg .lateral-menu-panel {
background-color: #000;
background-position: center center !important;
background-size: cover !important;
}
.lateral-menu-has-bg .lateral-menu-panel-inner {
background: rgba(0, 0, 0, 0.66);
}
/**
* @# Side panel
**/
.side-panel-has-bg .side-panel {
background-color: #000;
background-position: center center !important;
background-size: cover !important;
}
.side-panel-has-bg .side-panel-inner {
background: rgba(0, 0, 0, 0.66);
}
.panel-closer-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #000;
z-index: 999;
opacity: 0.44;
-webkit-transition: opacity 0.5s cubic-bezier(0.13, 1.07, 0.64, 0.97) 0.3s;
transition: opacity 0.5s cubic-bezier(0.13, 1.07, 0.64, 0.97) 0.3s;
opacity: 0;
visibility: hidden;
}
.wvc-fullpage .panel-closer-overlay {
position: fixed;
}
.offcanvas-menu-toggle #panel-closer-overlay,
.side-panel-toggle #panel-closer-overlay,
.lateral-menu-toggle #panel-closer-overlay {
opacity: 0.44;
visibility: visible;
}
.offcanvas-menu-toggle .hamburger-container,
.side-panel-toggle .hamburger-container,
.lateral-menu-toggle .hamburger-container {
z-index: 9999;
}
.offcanvas-menu-panel,
.lateral-menu-panel,
.side-panel {
background: #0d0d0d;
color: #f1f1f1;
width: 500px;
position: fixed;
top: 0;
height: auto;
height: 100%;
z-index: 999;
}
.offcanvas-menu-panel-inner,
.lateral-menu-panel-inner,
.side-panel-inner {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 44px;
color: #fff;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
}
.offcanvas-menu-panel-inner::-webkit-scrollbar,
.lateral-menu-panel-inner::-webkit-scrollbar,
.side-panel-inner::-webkit-scrollbar {
display: none;
width: 0 !important;
}
.offcanvas-menu-panel-inner a,
.offcanvas-menu-panel-inner strong,
.offcanvas-menu-panel-inner h1,
.offcanvas-menu-panel-inner h2,
.offcanvas-menu-panel-inner h3,
.offcanvas-menu-panel-inner h4,
.offcanvas-menu-panel-inner h5,
.offcanvas-menu-panel-inner h6,
.offcanvas-menu-panel-inner b,
.lateral-menu-panel-inner a,
.lateral-menu-panel-inner strong,
.lateral-menu-panel-inner h1,
.lateral-menu-panel-inner h2,
.lateral-menu-panel-inner h3,
.lateral-menu-panel-inner h4,
.lateral-menu-panel-inner h5,
.lateral-menu-panel-inner h6,
.lateral-menu-panel-inner b,
.side-panel-inner a,
.side-panel-inner strong,
.side-panel-inner h1,
.side-panel-inner h2,
.side-panel-inner h3,
.side-panel-inner h4,
.side-panel-inner h5,
.side-panel-inner h6,
.side-panel-inner b {
color: #fff !important;
}
.offcanvas-menu-panel-inner .tagcloud a,
.lateral-menu-panel-inner .tagcloud a,
.side-panel-inner .tagcloud a {
border-color: rgba(255, 255, 255, 0.44) !important;
}
.admin-bar .lateral-menu-panel,
.admin-bar .offcanvas-menu-panel,
.admin-bar .side-panel {
padding-top: 32px;
}
.menu-layout-offcanvas .offcanvas-menu-panel,
.menu-layout-offcanvas .side-panel,
.side-panel-position-right .offcanvas-menu-panel,
.side-panel-position-right .side-panel {
-webkit-transition: right 0.5s cubic-bezier(0.13, 1.07, 0.64, 0.97);
transition: right 0.5s cubic-bezier(0.13, 1.07, 0.64, 0.97);
right: -500px;
}
.menu-layout-offcanvas.offcanvas-menu-toggle .offcanvas-menu-panel,
.menu-layout-offcanvas.offcanvas-menu-toggle .side-panel, .menu-layout-offcanvas.side-panel-toggle .offcanvas-menu-panel,
.menu-layout-offcanvas.side-panel-toggle .side-panel,
.side-panel-position-right.offcanvas-menu-toggle .offcanvas-menu-panel,
.side-panel-position-right.offcanvas-menu-toggle .side-panel,
.side-panel-position-right.side-panel-toggle .offcanvas-menu-panel,
.side-panel-position-right.side-panel-toggle .side-panel {
right: 0;
}
.menu-layout-offcanvas.offcanvas-menu-toggle
div[id^='jarallax-container-']
> div
.menu-layout-offcanvas.offcanvas-menu-toggle
div[id^='jarallax-container-']
> iframe,
.menu-layout-offcanvas.side-panel-toggle div[id^='jarallax-container-'] > div,
.menu-layout-offcanvas.side-panel-toggle
div[id^='jarallax-container-']
> iframe,
.side-panel-position-right.offcanvas-menu-toggle
div[id^='jarallax-container-']
> div,
.side-panel-position-right.offcanvas-menu-toggle
div[id^='jarallax-container-']
> iframe,
.side-panel-position-right.side-panel-toggle
div[id^='jarallax-container-']
> div,
.side-panel-position-right.side-panel-toggle
div[id^='jarallax-container-']
> iframe {
margin-left: 0 !important;
}
.side-panel-position-left .side-panel {
-webkit-transition: left 0.5s cubic-bezier(0.13, 1.07, 0.64, 0.97);
transition: left 0.5s cubic-bezier(0.13, 1.07, 0.64, 0.97);
left: -500px;
}
.side-panel-position-left.side-panel-toggle .side-panel {
left: 0;
}
/**
* @# Mobile
**/
.nav-menu-vertical,
.nav-menu-mobile {
font-size: 15px;
padding: 0;
margin: 0;
margin-bottom: 0;
-ms-word-wrap: normal;
word-wrap: normal;
text-align: left;
}
.nav-menu-vertical li,
.nav-menu-mobile li {
display: block;
list-style-type: none !important;
line-height: 2.66;
margin: 0;
}
.nav-menu-vertical li.social-menu-item,
.nav-menu-mobile li.social-menu-item {
display: inline-block !important;
padding-right: 14px;
}
.nav-menu-vertical li a,
.nav-menu-mobile li a {
-webkit-box-shadow: none !important;
box-shadow: none !important;
display: block;
width: 100%;
color: #fff !important;
text-decoration: none;
position: relative;
}
.nav-menu-vertical li a:hover, .nav-menu-vertical li a.active,
.nav-menu-mobile li a:hover,
.nav-menu-mobile li a.active {
opacity: 0.8;
}
.nav-menu-vertical li.menu-button-primary > a:first-child > .menu-item-inner, .nav-menu-vertical li.menu-button-secondary > a:first-child > .menu-item-inner,
.nav-menu-mobile li.menu-button-primary > a:first-child > .menu-item-inner,
.nav-menu-mobile li.menu-button-secondary > a:first-child > .menu-item-inner {
font-size: 13px;
cursor: pointer;
outline: none;
position: relative;
text-align: center;
font-style: normal;
text-decoration: none !important;
outline: none;
vertical-align: middle;
width: 100%;
display: block;
text-transform: uppercase;
font-size: 12px;
padding: 1px 44px;
line-height: 25px;
letter-spacing: 0.1em;
border-width: 1px;
-webkit-transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
font-weight: 700;
height: 50px;
padding: 8px 12px;
margin-left: 0;
margin-top: 8px;
margin-bottom: 8px;
display: inline-block;
width: auto;
}
.nav-menu-vertical li.menu-button-primary > a:first-child > .menu-item-inner:hover, .nav-menu-vertical li.menu-button-secondary > a:first-child > .menu-item-inner:hover,
.nav-menu-mobile li.menu-button-primary > a:first-child > .menu-item-inner:hover,
.nav-menu-mobile li.menu-button-secondary > a:first-child > .menu-item-inner:hover {
color: #fff !important;
border-color: #212121;
background: #212121 !important;
}
.nav-menu-vertical li.nav-button > a:first-child > .menu-item-inner,
.nav-menu-mobile li.nav-button > a:first-child > .menu-item-inner {
margin-left: 0;
margin-top: 10px;
margin-bottom: 10px;
}
.nav-menu-vertical li ul,
.nav-menu-mobile li ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 15px;
}
.nav-menu-vertical li ul.sub-menu,
.nav-menu-vertical li ul.children,
.nav-menu-mobile li ul.sub-menu,
.nav-menu-mobile li ul.children {
display: none;
}
.nav-menu-vertical li.menu-item-has-children, .nav-menu-vertical li.page_item_has_children, .nav-menu-vertical li.active,
.nav-menu-mobile li.menu-item-has-children,
.nav-menu-mobile li.page_item_has_children,
.nav-menu-mobile li.active {
position: relative;
padding-bottom: 0;
}
.nav-menu-vertical li.menu-item-has-children:before, .nav-menu-vertical li.page_item_has_children:before, .nav-menu-vertical li.active:before,
.nav-menu-mobile li.menu-item-has-children:before,
.nav-menu-mobile li.page_item_has_children:before,
.nav-menu-mobile li.active:before {
color: #fff;
font-family: linea-arrows-10;
content: "\e019";
position: absolute;
right: 4px;
top: 0;
}
.nav-menu-vertical li.menu-item-has-children a:first-child, .nav-menu-vertical li.page_item_has_children a:first-child, .nav-menu-vertical li.active a:first-child,
.nav-menu-mobile li.menu-item-has-children a:first-child,
.nav-menu-mobile li.page_item_has_children a:first-child,
.nav-menu-mobile li.active a:first-child {
padding-right: 45px;
}
#mobile-bar {
height: 63px;
line-height: 63px;
}
#mobile-bar * {
max-height: 63px;
}
#mobile-bar .logo {
height: 63px;
}
#mobile-bar .flex-mobile-wrap {
width: 92%;
margin: 0 auto;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
#mobile-bar .hamburger-container {
width: 63px;
height: 63px;
}
.cart-item-mobile {
color: #fff;
position: relative;
}
.cart-item-mobile:before {
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: 'm';
font-family: linea-ecommerce-10 !important;
position: relative;
top: 1px;
margin-right: 5px;
}
.cart-item-mobile .cart-icon-product-count {
text-align: center;
display: inline-block;
width: 16px;
height: 16px;
font-size: 10px;
position: absolute;
line-height: 16px;
border-radius: 9999em;
margin-top: 4px;
right: -17px;
}
.cart-label-mobile {
position: relative;
}
#mobile-menu-panel {
background: #0d0d0d;
color: #f1f1f1;
width: 500px;
position: fixed;
top: 0;
height: auto;
height: 100%;
z-index: 999;
}
#mobile-menu-panel-inner {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 35px;
padding-top: 75px;
color: #fff;
}
#mobile-menu-panel-inner a,
#mobile-menu-panel-inner strong,
#mobile-menu-panel-inner h1,
#mobile-menu-panel-inner h2,
#mobile-menu-panel-inner h3,
#mobile-menu-panel-inner h4,
#mobile-menu-panel-inner h5,
#mobile-menu-panel-inner h6,
#mobile-menu-panel-inner b {
color: #fff;
}
#mobile-menu-panel-inner .tagcloud a {
border-color: rgba(255, 255, 255, 0.44) !important;
}
#mobile-menu-panel {
-webkit-transition: right 0.5s cubic-bezier(0.13, 1.07, 0.64, 0.97);
transition: right 0.5s cubic-bezier(0.13, 1.07, 0.64, 0.97);
right: -500px;
}
.mobile-menu-toggle #mobile-menu-panel {
right: 0;
}
.mobile-menu-toggle #panel-closer-overlay {
display: none !important;
}
.mobile-menu-toggle #mobile-panel-closer-overlay {
opacity: 0.44;
visibility: visible;
}
.mobile-menu-toggle .hamburger-container {
z-index: 9999;
}
@media screen and (max-width: 600px) {
#mobile-menu-panel {
width: 300px;
}
#mobile-bar {
-webkit-transition: all 0.5s cubic-bezier(0.13, 1.07, 0.64, 0.97);
transition: all 0.5s cubic-bezier(0.13, 1.07, 0.64, 0.97);
}
}
.admin-bar #mobile-menu-panel {
top: 32px;
}
/**
* @# Width
**/
/* Boxed menu width */
.menu-width-boxed.menu-layout-standard .logo-bar .flex-wrap,
.menu-width-boxed.menu-layout-standard #nav-bar .flex-wrap {
width: 92%;
max-width: 1400px;
margin: 0 auto;
}
.menu-width-boxed.menu-layout-standard .nav-search-form-container {
width: 92%;
max-width: 1400px;
margin: 0 auto;
}
.menu-width-boxed.menu-layout-offcanvas #nav-bar .flex-wrap, .menu-width-boxed.menu-layout-overlay #nav-bar .flex-wrap, .menu-width-boxed.menu-layout-top-right #nav-bar .flex-wrap, .menu-width-boxed.menu-layout-top-right-floating #nav-bar .flex-wrap, .menu-width-boxed.menu-layout-top-justify #nav-bar .flex-wrap, .menu-width-boxed.menu-layout-top-justify-left #nav-bar .flex-wrap {
width: 92%;
max-width: 1400px;
margin: 0 auto;
}
.menu-width-boxed.menu-layout-offcanvas .nav-search-form-container, .menu-width-boxed.menu-layout-overlay .nav-search-form-container, .menu-width-boxed.menu-layout-top-right .nav-search-form-container, .menu-width-boxed.menu-layout-top-right-floating .nav-search-form-container, .menu-width-boxed.menu-layout-top-justify .nav-search-form-container, .menu-width-boxed.menu-layout-top-justify-left .nav-search-form-container {
width: 92%;
max-width: 1400px;
margin: 0 auto;
}
.menu-width-boxed.menu-layout-centered-logo .nav-menu-desktop, .menu-width-boxed.menu-layout-top-logo .nav-menu-desktop {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.menu-width-boxed.menu-layout-centered-logo .logo-menu-item .logo, .menu-width-boxed.menu-layout-top-logo .logo-menu-item .logo {
margin: 0 auto;
}
.menu-width-boxed.menu-layout-centered-logo .nav-search-form-container, .menu-width-boxed.menu-layout-top-logo .nav-search-form-container {
width: 92%;
max-width: 1400px;
margin: 0 auto;
}
.menu-width-wide.menu-layout-standard .nav-bar .flex-wrap,
.menu-width-wide.menu-layout-standard .logo-bar .flex-wrap, .menu-width-wide.menu-layout-offcanvas .nav-bar .flex-wrap,
.menu-width-wide.menu-layout-offcanvas .logo-bar .flex-wrap, .menu-width-wide.menu-layout-overlay .nav-bar .flex-wrap,
.menu-width-wide.menu-layout-overlay .logo-bar .flex-wrap, .menu-width-wide.menu-layout-top-right .nav-bar .flex-wrap,
.menu-width-wide.menu-layout-top-right .logo-bar .flex-wrap, .menu-width-wide.menu-layout-top-right-floating .nav-bar .flex-wrap,
.menu-width-wide.menu-layout-top-right-floating .logo-bar .flex-wrap, .menu-width-wide.menu-layout-top-left .nav-bar .flex-wrap,
.menu-width-wide.menu-layout-top-left .logo-bar .flex-wrap, .menu-width-wide.menu-layout-top-justify .nav-bar .flex-wrap,
.menu-width-wide.menu-layout-top-justify .logo-bar .flex-wrap, .menu-width-wide.menu-layout-top-justify-left .nav-bar .flex-wrap,
.menu-width-wide.menu-layout-top-justify-left .logo-bar .flex-wrap {
width: 98%;
margin: 0 auto;
}
.menu-width-wide.menu-layout-centered-logo .nav-menu-desktop, .menu-width-wide.menu-layout-top-logo .nav-menu-desktop {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.menu-width-wide.menu-layout-centered-logo .logo-menu-item, .menu-width-wide.menu-layout-top-logo .logo-menu-item {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.menu-width-wide.menu-layout-centered-logo .logo-menu-item .logo, .menu-width-wide.menu-layout-top-logo .logo-menu-item .logo {
margin: 0 auto;
}
/**
* @# Search Bar
**/
/* Search icon */
.search-item-icon:before {
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e86f';
font-family: Linearicons-Free;
}
/* Search bar */
.nav-search-form {
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.nav-search-form input {
outline: none !important;
-webkit-box-shadow: 0 0 0 0;
box-shadow: 0 0 0 0;
}
.nav-search-form-container {
position: relative;
}
.nav-search-form-container input[type='submit'],
.nav-search-form-container .search-submit {
display: none !important;
}
.nav-search-form-container input[type='search'] {
color: #666 !important;
}
.nav-search-form-container ::-webkit-input-placeholder {
color: #9e9e9e !important;
}
.nav-search-form-container :-moz-placeholder {
color: #9e9e9e !important;
}
.nav-search-form-container :-ms-input-placeholder {
color: #9e9e9e !important;
}
.menu-layout-standard .search-container {
position: relative;
}
.menu-layout-standard .nav-search-form {
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 322px;
width: 0;
height: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.menu-layout-standard .nav-search-form form {
margin: 0;
}
.menu-layout-standard .nav-search-form input {
padding: 0;
padding-left: 8px;
line-height: inherit;
height: 44px;
border: none;
}
.menu-layout-standard .nav-search-form .search-submit {
display: none;
}
.menu-layout-standard.search-form-toggle .search-item-icon {
color: #333;
}
.menu-layout-standard.search-form-toggle .search-item-icon:before {
content: '\e870';
}
.menu-layout-standard.search-form-toggle .nav-search-form {
width: 322px;
}
#desktop-navigation,
#mobile-navigation {
position: relative;
}
.menu-layout-offcanvas .nav-search-form,
.menu-layout-overlay .nav-search-form,
.menu-layout-centered-logo .nav-search-form,
.menu-layout-top-center .nav-search-form,
.menu-layout-top-right .nav-search-form,
.menu-layout-top-right-floating .nav-search-form,
.menu-layout-top-left .nav-search-form,
.menu-layout-top-justify .nav-search-form,
.menu-layout-top-justify-left .nav-search-form,
.menu-layout-top-logo .nav-search-form,
.menu-layout-grid .nav-search-form {
position: fixed;
top: 0;
}
.menu-layout-lateral .nav-search-form {
display: none;
}
.menu-layout-lateral .nav-search-form,
.menu-layout-offcanvas .nav-search-form,
.menu-layout-overlay .nav-search-form,
.menu-layout-centered-logo .nav-search-form,
.menu-layout-top-logo .nav-search-form,
.menu-layout-top-center .nav-search-form,
.menu-layout-top-right .nav-search-form,
.menu-layout-top-right-floating .nav-search-form,
.menu-layout-top-left .nav-search-form,
.menu-layout-top-justify .nav-search-form,
.menu-layout-top-justify-left .nav-search-form,
.menu-layout-grid .nav-search-form {
background: #fff;
z-index: 99999;
width: 100%;
height: 98px;
line-height: 98px;
max-height: none !important;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s cubic-bezier(0.39, 0.28, 0.31, 1.27);
transition: all 0.5s cubic-bezier(0.39, 0.28, 0.31, 1.27);
font-size: 24px;
}
.menu-layout-lateral .nav-search-form form,
.menu-layout-offcanvas .nav-search-form form,
.menu-layout-overlay .nav-search-form form,
.menu-layout-centered-logo .nav-search-form form,
.menu-layout-top-logo .nav-search-form form,
.menu-layout-top-center .nav-search-form form,
.menu-layout-top-right .nav-search-form form,
.menu-layout-top-right-floating .nav-search-form form,
.menu-layout-top-left .nav-search-form form,
.menu-layout-top-justify .nav-search-form form,
.menu-layout-top-justify-left .nav-search-form form,
.menu-layout-grid .nav-search-form form {
padding: 0;
margin: 0;
width: 100%;
height: auto;
background: #fff;
}
.menu-layout-lateral .nav-search-form form input[type='search'],
.menu-layout-offcanvas .nav-search-form form input[type='search'],
.menu-layout-overlay .nav-search-form form input[type='search'],
.menu-layout-centered-logo .nav-search-form form input[type='search'],
.menu-layout-top-logo .nav-search-form form input[type='search'],
.menu-layout-top-center .nav-search-form form input[type='search'],
.menu-layout-top-right .nav-search-form form input[type='search'],
.menu-layout-top-right-floating .nav-search-form form input[type='search'],
.menu-layout-top-left .nav-search-form form input[type='search'],
.menu-layout-top-justify .nav-search-form form input[type='search'],
.menu-layout-top-justify-left .nav-search-form form input[type='search'],
.menu-layout-grid .nav-search-form form input[type='search'] {
margin: 0;
border: none;
height: 100%;
width: 100%;
background: none;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.menu-layout-lateral #nav-search-loader-desktop,
.menu-layout-lateral #nav-search-loader-mobile,
.menu-layout-offcanvas #nav-search-loader-desktop,
.menu-layout-offcanvas #nav-search-loader-mobile,
.menu-layout-overlay #nav-search-loader-desktop,
.menu-layout-overlay #nav-search-loader-mobile,
.menu-layout-centered-logo #nav-search-loader-desktop,
.menu-layout-centered-logo #nav-search-loader-mobile,
.menu-layout-top-logo #nav-search-loader-desktop,
.menu-layout-top-logo #nav-search-loader-mobile,
.menu-layout-top-center #nav-search-loader-desktop,
.menu-layout-top-center #nav-search-loader-mobile,
.menu-layout-top-right #nav-search-loader-desktop,
.menu-layout-top-right #nav-search-loader-mobile,
.menu-layout-top-right-floating #nav-search-loader-desktop,
.menu-layout-top-right-floating #nav-search-loader-mobile,
.menu-layout-top-left #nav-search-loader-desktop,
.menu-layout-top-left #nav-search-loader-mobile,
.menu-layout-top-justify #nav-search-loader-desktop,
.menu-layout-top-justify #nav-search-loader-mobile,
.menu-layout-top-justify-left #nav-search-loader-desktop,
.menu-layout-top-justify-left #nav-search-loader-mobile,
.menu-layout-grid #nav-search-loader-desktop,
.menu-layout-grid #nav-search-loader-mobile {
display: none;
position: absolute;
right: 48px;
color: #333;
}
.menu-layout-lateral #nav-search-close-desktop,
.menu-layout-lateral #nav-search-close-mobile,
.menu-layout-offcanvas #nav-search-close-desktop,
.menu-layout-offcanvas #nav-search-close-mobile,
.menu-layout-overlay #nav-search-close-desktop,
.menu-layout-overlay #nav-search-close-mobile,
.menu-layout-centered-logo #nav-search-close-desktop,
.menu-layout-centered-logo #nav-search-close-mobile,
.menu-layout-top-logo #nav-search-close-desktop,
.menu-layout-top-logo #nav-search-close-mobile,
.menu-layout-top-center #nav-search-close-desktop,
.menu-layout-top-center #nav-search-close-mobile,
.menu-layout-top-right #nav-search-close-desktop,
.menu-layout-top-right #nav-search-close-mobile,
.menu-layout-top-right-floating #nav-search-close-desktop,
.menu-layout-top-right-floating #nav-search-close-mobile,
.menu-layout-top-left #nav-search-close-desktop,
.menu-layout-top-left #nav-search-close-mobile,
.menu-layout-top-justify #nav-search-close-desktop,
.menu-layout-top-justify #nav-search-close-mobile,
.menu-layout-top-justify-left #nav-search-close-desktop,
.menu-layout-top-justify-left #nav-search-close-mobile,
.menu-layout-grid #nav-search-close-desktop,
.menu-layout-grid #nav-search-close-mobile {
position: absolute;
right: 14px;
color: #333;
cursor: pointer;
}
.menu-layout-lateral #nav-search-loader-desktop,
.menu-layout-lateral #nav-search-loader-mobile,
.menu-layout-lateral #nav-search-close-desktop,
.menu-layout-lateral #nav-search-close-mobile,
.menu-layout-offcanvas #nav-search-loader-desktop,
.menu-layout-offcanvas #nav-search-loader-mobile,
.menu-layout-offcanvas #nav-search-close-desktop,
.menu-layout-offcanvas #nav-search-close-mobile,
.menu-layout-overlay #nav-search-loader-desktop,
.menu-layout-overlay #nav-search-loader-mobile,
.menu-layout-overlay #nav-search-close-desktop,
.menu-layout-overlay #nav-search-close-mobile,
.menu-layout-centered-logo #nav-search-loader-desktop,
.menu-layout-centered-logo #nav-search-loader-mobile,
.menu-layout-centered-logo #nav-search-close-desktop,
.menu-layout-centered-logo #nav-search-close-mobile,
.menu-layout-top-logo #nav-search-loader-desktop,
.menu-layout-top-logo #nav-search-loader-mobile,
.menu-layout-top-logo #nav-search-close-desktop,
.menu-layout-top-logo #nav-search-close-mobile,
.menu-layout-top-center #nav-search-loader-desktop,
.menu-layout-top-center #nav-search-loader-mobile,
.menu-layout-top-center #nav-search-close-desktop,
.menu-layout-top-center #nav-search-close-mobile,
.menu-layout-top-right #nav-search-loader-desktop,
.menu-layout-top-right #nav-search-loader-mobile,
.menu-layout-top-right #nav-search-close-desktop,
.menu-layout-top-right #nav-search-close-mobile,
.menu-layout-top-right-floating #nav-search-loader-desktop,
.menu-layout-top-right-floating #nav-search-loader-mobile,
.menu-layout-top-right-floating #nav-search-close-desktop,
.menu-layout-top-right-floating #nav-search-close-mobile,
.menu-layout-top-left #nav-search-loader-desktop,
.menu-layout-top-left #nav-search-loader-mobile,
.menu-layout-top-left #nav-search-close-desktop,
.menu-layout-top-left #nav-search-close-mobile,
.menu-layout-top-justify #nav-search-loader-desktop,
.menu-layout-top-justify #nav-search-loader-mobile,
.menu-layout-top-justify #nav-search-close-desktop,
.menu-layout-top-justify #nav-search-close-mobile,
.menu-layout-top-justify-left #nav-search-loader-desktop,
.menu-layout-top-justify-left #nav-search-loader-mobile,
.menu-layout-top-justify-left #nav-search-close-desktop,
.menu-layout-top-justify-left #nav-search-close-mobile,
.menu-layout-grid #nav-search-loader-desktop,
.menu-layout-grid #nav-search-loader-mobile,
.menu-layout-grid #nav-search-close-desktop,
.menu-layout-grid #nav-search-close-mobile {
-webkit-transition: top 0.2s;
transition: top 0.2s;
top: 0;
margin-top: 36px;
}
.menu-layout-lateral.search-form-toggle .nav-search-form,
.menu-layout-offcanvas.search-form-toggle .nav-search-form,
.menu-layout-overlay.search-form-toggle .nav-search-form,
.menu-layout-centered-logo.search-form-toggle .nav-search-form,
.menu-layout-top-logo.search-form-toggle .nav-search-form,
.menu-layout-top-center.search-form-toggle .nav-search-form,
.menu-layout-top-right.search-form-toggle .nav-search-form,
.menu-layout-top-right-floating.search-form-toggle .nav-search-form,
.menu-layout-top-left.search-form-toggle .nav-search-form,
.menu-layout-top-justify.search-form-toggle .nav-search-form,
.menu-layout-top-justify-left.search-form-toggle .nav-search-form,
.menu-layout-grid.search-form-toggle .nav-search-form {
visibility: visible;
opacity: 1;
}
.menu-layout-lateral.admin-bar .nav-search-form,
.menu-layout-offcanvas.admin-bar .nav-search-form,
.menu-layout-overlay.admin-bar .nav-search-form,
.menu-layout-centered-logo.admin-bar .nav-search-form,
.menu-layout-top-center.admin-bar .nav-search-form,
.menu-layout-top-right.admin-bar .nav-search-form,
.menu-layout-top-right-floating.admin-bar .nav-search-form,
.menu-layout-top-left.admin-bar .nav-search-form,
.menu-layout-top-justify.admin-bar .nav-search-form,
.menu-layout-top-justify-left.admin-bar .nav-search-form,
.menu-layout-grid.admin-bar .nav-search-form {
top: 32px;
}
.live-search-results {
display: none;
max-height: none !important;
padding: 0 15px;
-webkit-box-shadow: 0px 10px 17px -9px rgba(0, 0, 0, 0.14);
box-shadow: 0px 10px 17px -9px rgba(0, 0, 0, 0.14);
}
.live-search-results ul {
max-height: none !important;
padding: 0 !important;
margin: 0 !important;
}
.live-search-results ul li {
list-style-type: none !important;
line-height: 5px;
padding: 5px 0;
margin: 0;
}
.live-search-results ul li a {
display: block;
-webkit-transition: opacity 0.2 ease;
transition: opacity 0.2 ease;
}
.live-search-results ul li a:hover {
opacity: 0.66;
}
.live-search-results .product-search-link {
opacity: 0.88;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
display: table;
display: block;
font-size: 17px;
padding: 10px 0;
}
.live-search-results .product-search-link:hover {
opacity: 1;
}
.live-search-results .product-search-image {
display: table-cell;
width: 80px;
}
.live-search-results .product-search-image img {
max-width: 44px;
}
.live-search-results .product-search-title,
.live-search-results .product-search-price {
display: table-cell;
vertical-align: middle;
}
.live-search-results .product-search-title {
text-align: left;
font-weight: 400;
line-height: 1.2;
}
.live-search-results .product-search-price {
padding-left: 14px;
text-align: right;
line-height: 1.2;
}
.search-type-blog .live-search-results ul {
padding: 14px 0 !important;
}
.search-type-blog .live-search-results ul li {
line-height: 1.5;
}
.global-skin-light .live-search-results,
.global-skin-default .live-search-results,
[class^='global-skin-light_'] .live-search-results,
[class*=' global-skin-light_'] .live-search-results {
border-top: 1px solid rgba(0, 0, 0, 0.14);
background: #fff;
color: #333;
}
.global-skin-light .live-search-results a,
.global-skin-light .live-search-results strong,
.global-skin-default .live-search-results a,
.global-skin-default .live-search-results strong,
[class^='global-skin-light_'] .live-search-results a,
[class^='global-skin-light_'] .live-search-results strong,
[class*=' global-skin-light_'] .live-search-results a,
[class*=' global-skin-light_'] .live-search-results strong {
color: #333 !important;
}
.global-skin-dark .live-search-results,
[class^='global-skin-dark_'] .live-search-results,
[class*=' global-skin-dark_'] .live-search-results {
border-top: 1px solid rgba(255, 255, 255, 0.14);
background: #333;
color: #fff;
}
.global-skin-dark .live-search-results a,
.global-skin-dark .live-search-results strong,
[class^='global-skin-dark_'] .live-search-results a,
[class^='global-skin-dark_'] .live-search-results strong,
[class*=' global-skin-dark_'] .live-search-results a,
[class*=' global-skin-dark_'] .live-search-results strong {
color: #fff !important;
}
/**
* @# Sticky
**/
.nav-bar {
position: fixed;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: margin 0.5s cubic-bezier(0.13, 1.07, 0.64, 0.97), background 0.3s, -webkit-transform 0.2s, opacity 0.2s;
transition: margin 0.5s cubic-bezier(0.13, 1.07, 0.64, 0.97), background 0.3s, transform 0.2s, opacity 0.2s;
}
.admin-bar .nav-bar {
top: 32px;
}
.has-top-bar:not(.sticking):not(.breakpoint) .nav-bar {
position: relative;
}
.has-top-bar.menu-style-transparent:not(.sticking):not(.menu-sticky-none):not(.breakpoint) .nav-bar,
.has-top-bar.menu-style-transparent:not(.sticking):not(.menu-sticky-none):not(.breakpoint) .nav-search-form {
position: absolute;
}
.sticking #nav-bar {
border: none;
}
.menu-sticky-none:not(.overlay-menu-toggle):not(.mobile-menu-toggle):not(.offcanvas-menu-toggle).untop .nav-bar,
.menu-sticky-soft:not(.overlay-menu-toggle):not(.mobile-menu-toggle):not(.offcanvas-menu-toggle):not(.sticking).untop .nav-bar {
opacity: 0;
visibility: hidden;
}
.menu-layout-lateral.menu-sticky-soft.sticking #nav-bar,
.menu-layout-lateral.menu-sticky-soft.sticking .nav-search-form, .menu-layout-lateral.menu-sticky-hard.sticking #nav-bar,
.menu-layout-lateral.menu-sticky-hard.sticking .nav-search-form,
.menu-layout-offcanvas.menu-sticky-soft.sticking #nav-bar,
.menu-layout-offcanvas.menu-sticky-soft.sticking .nav-search-form,
.menu-layout-offcanvas.menu-sticky-hard.sticking #nav-bar,
.menu-layout-offcanvas.menu-sticky-hard.sticking .nav-search-form,
.menu-layout-overlay.menu-sticky-soft.sticking #nav-bar,
.menu-layout-overlay.menu-sticky-soft.sticking .nav-search-form,
.menu-layout-overlay.menu-sticky-hard.sticking #nav-bar,
.menu-layout-overlay.menu-sticky-hard.sticking .nav-search-form,
.menu-layout-centered-logo.menu-sticky-soft.sticking #nav-bar,
.menu-layout-centered-logo.menu-sticky-soft.sticking .nav-search-form,
.menu-layout-centered-logo.menu-sticky-hard.sticking #nav-bar,
.menu-layout-centered-logo.menu-sticky-hard.sticking .nav-search-form,
.menu-layout-top-logo.menu-sticky-soft.sticking #nav-bar,
.menu-layout-top-logo.menu-sticky-soft.sticking .nav-search-form,
.menu-layout-top-logo.menu-sticky-hard.sticking #nav-bar,
.menu-layout-top-logo.menu-sticky-hard.sticking .nav-search-form,
.menu-layout-top-center.menu-sticky-soft.sticking #nav-bar,
.menu-layout-top-center.menu-sticky-soft.sticking .nav-search-form,
.menu-layout-top-center.menu-sticky-hard.sticking #nav-bar,
.menu-layout-top-center.menu-sticky-hard.sticking .nav-search-form,
.menu-layout-top-right.menu-sticky-soft.sticking #nav-bar,
.menu-layout-top-right.menu-sticky-soft.sticking .nav-search-form,
.menu-layout-top-right.menu-sticky-hard.sticking #nav-bar,
.menu-layout-top-right.menu-sticky-hard.sticking .nav-search-form,
.menu-layout-top-right-floating.menu-sticky-soft.sticking #nav-bar,
.menu-layout-top-right-floating.menu-sticky-soft.sticking .nav-search-form,
.menu-layout-top-right-floating.menu-sticky-hard.sticking #nav-bar,
.menu-layout-top-right-floating.menu-sticky-hard.sticking .nav-search-form,
.menu-layout-top-left.menu-sticky-soft.sticking #nav-bar,
.menu-layout-top-left.menu-sticky-soft.sticking .nav-search-form,
.menu-layout-top-left.menu-sticky-hard.sticking #nav-bar,
.menu-layout-top-left.menu-sticky-hard.sticking .nav-search-form,
.menu-layout-top-justify.menu-sticky-soft.sticking #nav-bar,
.menu-layout-top-justify.menu-sticky-soft.sticking .nav-search-form,
.menu-layout-top-justify.menu-sticky-hard.sticking #nav-bar,
.menu-layout-top-justify.menu-sticky-hard.sticking .nav-search-form,
.menu-layout-top-justify-left.menu-sticky-soft.sticking #nav-bar,
.menu-layout-top-justify-left.menu-sticky-soft.sticking .nav-search-form,
.menu-layout-top-justify-left.menu-sticky-hard.sticking #nav-bar,
.menu-layout-top-justify-left.menu-sticky-hard.sticking .nav-search-form {
height: 63px;
line-height: 63px;
}
.menu-layout-lateral.menu-sticky-soft.sticking #nav-bar *,
.menu-layout-lateral.menu-sticky-soft.sticking .logo-bar *, .menu-layout-lateral.menu-sticky-hard.sticking #nav-bar *,
.menu-layout-lateral.menu-sticky-hard.sticking .logo-bar *,
.menu-layout-offcanvas.menu-sticky-soft.sticking #nav-bar *,
.menu-layout-offcanvas.menu-sticky-soft.sticking .logo-bar *,
.menu-layout-offcanvas.menu-sticky-hard.sticking #nav-bar *,
.menu-layout-offcanvas.menu-sticky-hard.sticking .logo-bar *,
.menu-layout-overlay.menu-sticky-soft.sticking #nav-bar *,
.menu-layout-overlay.menu-sticky-soft.sticking .logo-bar *,
.menu-layout-overlay.menu-sticky-hard.sticking #nav-bar *,
.menu-layout-overlay.menu-sticky-hard.sticking .logo-bar *,
.menu-layout-centered-logo.menu-sticky-soft.sticking #nav-bar *,
.menu-layout-centered-logo.menu-sticky-soft.sticking .logo-bar *,
.menu-layout-centered-logo.menu-sticky-hard.sticking #nav-bar *,
.menu-layout-centered-logo.menu-sticky-hard.sticking .logo-bar *,
.menu-layout-top-logo.menu-sticky-soft.sticking #nav-bar *,
.menu-layout-top-logo.menu-sticky-soft.sticking .logo-bar *,
.menu-layout-top-logo.menu-sticky-hard.sticking #nav-bar *,
.menu-layout-top-logo.menu-sticky-hard.sticking .logo-bar *,
.menu-layout-top-center.menu-sticky-soft.sticking #nav-bar *,
.menu-layout-top-center.menu-sticky-soft.sticking .logo-bar *,
.menu-layout-top-center.menu-sticky-hard.sticking #nav-bar *,
.menu-layout-top-center.menu-sticky-hard.sticking .logo-bar *,
.menu-layout-top-right.menu-sticky-soft.sticking #nav-bar *,
.menu-layout-top-right.menu-sticky-soft.sticking .logo-bar *,
.menu-layout-top-right.menu-sticky-hard.sticking #nav-bar *,
.menu-layout-top-right.menu-sticky-hard.sticking .logo-bar *,
.menu-layout-top-right-floating.menu-sticky-soft.sticking #nav-bar *,
.menu-layout-top-right-floating.menu-sticky-soft.sticking .logo-bar *,
.menu-layout-top-right-floating.menu-sticky-hard.sticking #nav-bar *,
.menu-layout-top-right-floating.menu-sticky-hard.sticking .logo-bar *,
.menu-layout-top-left.menu-sticky-soft.sticking #nav-bar *,
.menu-layout-top-left.menu-sticky-soft.sticking .logo-bar *,
.menu-layout-top-left.menu-sticky-hard.sticking #nav-bar *,
.menu-layout-top-left.menu-sticky-hard.sticking .logo-bar *,
.menu-layout-top-justify.menu-sticky-soft.sticking #nav-bar *,
.menu-layout-top-justify.menu-sticky-soft.sticking .logo-bar *,
.menu-layout-top-justify.menu-sticky-hard.sticking #nav-bar *,
.menu-layout-top-justify.menu-sticky-hard.sticking .logo-bar *,
.menu-layout-top-justify-left.menu-sticky-soft.sticking #nav-bar *,
.menu-layout-top-justify-left.menu-sticky-soft.sticking .logo-bar *,
.menu-layout-top-justify-left.menu-sticky-hard.sticking #nav-bar *,
.menu-layout-top-justify-left.menu-sticky-hard.sticking .logo-bar * {
max-height: 63px;
}
.menu-layout-lateral.menu-sticky-soft.sticking #nav-search-loader-desktop,
.menu-layout-lateral.menu-sticky-soft.sticking #nav-search-loader-mobile,
.menu-layout-lateral.menu-sticky-soft.sticking #nav-search-close-desktop,
.menu-layout-lateral.menu-sticky-soft.sticking #nav-search-close-mobile, .menu-layout-lateral.menu-sticky-hard.sticking #nav-search-loader-desktop,
.menu-layout-lateral.menu-sticky-hard.sticking #nav-search-loader-mobile,
.menu-layout-lateral.menu-sticky-hard.sticking #nav-search-close-desktop,
.menu-layout-lateral.menu-sticky-hard.sticking #nav-search-close-mobile,
.menu-layout-offcanvas.menu-sticky-soft.sticking #nav-search-loader-desktop,
.menu-layout-offcanvas.menu-sticky-soft.sticking #nav-search-loader-mobile,
.menu-layout-offcanvas.menu-sticky-soft.sticking #nav-search-close-desktop,
.menu-layout-offcanvas.menu-sticky-soft.sticking #nav-search-close-mobile,
.menu-layout-offcanvas.menu-sticky-hard.sticking #nav-search-loader-desktop,
.menu-layout-offcanvas.menu-sticky-hard.sticking #nav-search-loader-mobile,
.menu-layout-offcanvas.menu-sticky-hard.sticking #nav-search-close-desktop,
.menu-layout-offcanvas.menu-sticky-hard.sticking #nav-search-close-mobile,
.menu-layout-overlay.menu-sticky-soft.sticking #nav-search-loader-desktop,
.menu-layout-overlay.menu-sticky-soft.sticking #nav-search-loader-mobile,
.menu-layout-overlay.menu-sticky-soft.sticking #nav-search-close-desktop,
.menu-layout-overlay.menu-sticky-soft.sticking #nav-search-close-mobile,
.menu-layout-overlay.menu-sticky-hard.sticking #nav-search-loader-desktop,
.menu-layout-overlay.menu-sticky-hard.sticking #nav-search-loader-mobile,
.menu-layout-overlay.menu-sticky-hard.sticking #nav-search-close-desktop,
.menu-layout-overlay.menu-sticky-hard.sticking #nav-search-close-mobile,
.menu-layout-centered-logo.menu-sticky-soft.sticking #nav-search-loader-desktop,
.menu-layout-centered-logo.menu-sticky-soft.sticking #nav-search-loader-mobile,
.menu-layout-centered-logo.menu-sticky-soft.sticking #nav-search-close-desktop,
.menu-layout-centered-logo.menu-sticky-soft.sticking #nav-search-close-mobile,
.menu-layout-centered-logo.menu-sticky-hard.sticking #nav-search-loader-desktop,
.menu-layout-centered-logo.menu-sticky-hard.sticking #nav-search-loader-mobile,
.menu-layout-centered-logo.menu-sticky-hard.sticking #nav-search-close-desktop,
.menu-layout-centered-logo.menu-sticky-hard.sticking #nav-search-close-mobile,
.menu-layout-top-logo.menu-sticky-soft.sticking #nav-search-loader-desktop,
.menu-layout-top-logo.menu-sticky-soft.sticking #nav-search-loader-mobile,
.menu-layout-top-logo.menu-sticky-soft.sticking #nav-search-close-desktop,
.menu-layout-top-logo.menu-sticky-soft.sticking #nav-search-close-mobile,
.menu-layout-top-logo.menu-sticky-hard.sticking #nav-search-loader-desktop,
.menu-layout-top-logo.menu-sticky-hard.sticking #nav-search-loader-mobile,
.menu-layout-top-logo.menu-sticky-hard.sticking #nav-search-close-desktop,
.menu-layout-top-logo.menu-sticky-hard.sticking #nav-search-close-mobile,
.menu-layout-top-center.menu-sticky-soft.sticking #nav-search-loader-desktop,
.menu-layout-top-center.menu-sticky-soft.sticking #nav-search-loader-mobile,
.menu-layout-top-center.menu-sticky-soft.sticking #nav-search-close-desktop,
.menu-layout-top-center.menu-sticky-soft.sticking #nav-search-close-mobile,
.menu-layout-top-center.menu-sticky-hard.sticking #nav-search-loader-desktop,
.menu-layout-top-center.menu-sticky-hard.sticking #nav-search-loader-mobile,
.menu-layout-top-center.menu-sticky-hard.sticking #nav-search-close-desktop,
.menu-layout-top-center.menu-sticky-hard.sticking #nav-search-close-mobile,
.menu-layout-top-right.menu-sticky-soft.sticking #nav-search-loader-desktop,
.menu-layout-top-right.menu-sticky-soft.sticking #nav-search-loader-mobile,
.menu-layout-top-right.menu-sticky-soft.sticking #nav-search-close-desktop,
.menu-layout-top-right.menu-sticky-soft.sticking #nav-search-close-mobile,
.menu-layout-top-right.menu-sticky-hard.sticking #nav-search-loader-desktop,
.menu-layout-top-right.menu-sticky-hard.sticking #nav-search-loader-mobile,
.menu-layout-top-right.menu-sticky-hard.sticking #nav-search-close-desktop,
.menu-layout-top-right.menu-sticky-hard.sticking #nav-search-close-mobile,
.menu-layout-top-right-floating.menu-sticky-soft.sticking #nav-search-loader-desktop,
.menu-layout-top-right-floating.menu-sticky-soft.sticking #nav-search-loader-mobile,
.menu-layout-top-right-floating.menu-sticky-soft.sticking #nav-search-close-desktop,
.menu-layout-top-right-floating.menu-sticky-soft.sticking #nav-search-close-mobile,
.menu-layout-top-right-floating.menu-sticky-hard.sticking #nav-search-loader-desktop,
.menu-layout-top-right-floating.menu-sticky-hard.sticking #nav-search-loader-mobile,
.menu-layout-top-right-floating.menu-sticky-hard.sticking #nav-search-close-desktop,
.menu-layout-top-right-floating.menu-sticky-hard.sticking #nav-search-close-mobile,
.menu-layout-top-left.menu-sticky-soft.sticking #nav-search-loader-desktop,
.menu-layout-top-left.menu-sticky-soft.sticking #nav-search-loader-mobile,
.menu-layout-top-left.menu-sticky-soft.sticking #nav-search-close-desktop,
.menu-layout-top-left.menu-sticky-soft.sticking #nav-search-close-mobile,
.menu-layout-top-left.menu-sticky-hard.sticking #nav-search-loader-desktop,
.menu-layout-top-left.menu-sticky-hard.sticking #nav-search-loader-mobile,
.menu-layout-top-left.menu-sticky-hard.sticking #nav-search-close-desktop,
.menu-layout-top-left.menu-sticky-hard.sticking #nav-search-close-mobile,
.menu-layout-top-justify.menu-sticky-soft.sticking #nav-search-loader-desktop,
.menu-layout-top-justify.menu-sticky-soft.sticking #nav-search-loader-mobile,
.menu-layout-top-justify.menu-sticky-soft.sticking #nav-search-close-desktop,
.menu-layout-top-justify.menu-sticky-soft.sticking #nav-search-close-mobile,
.menu-layout-top-justify.menu-sticky-hard.sticking #nav-search-loader-desktop,
.menu-layout-top-justify.menu-sticky-hard.sticking #nav-search-loader-mobile,
.menu-layout-top-justify.menu-sticky-hard.sticking #nav-search-close-desktop,
.menu-layout-top-justify.menu-sticky-hard.sticking #nav-search-close-mobile,
.menu-layout-top-justify-left.menu-sticky-soft.sticking #nav-search-loader-desktop,
.menu-layout-top-justify-left.menu-sticky-soft.sticking #nav-search-loader-mobile,
.menu-layout-top-justify-left.menu-sticky-soft.sticking #nav-search-close-desktop,
.menu-layout-top-justify-left.menu-sticky-soft.sticking #nav-search-close-mobile,
.menu-layout-top-justify-left.menu-sticky-hard.sticking #nav-search-loader-desktop,
.menu-layout-top-justify-left.menu-sticky-hard.sticking #nav-search-loader-mobile,
.menu-layout-top-justify-left.menu-sticky-hard.sticking #nav-search-close-desktop,
.menu-layout-top-justify-left.menu-sticky-hard.sticking #nav-search-close-mobile {
top: 0;
margin-top: 18.5px;
}
.menu-layout-lateral.menu-sticky-soft.sticking .cart-panel, .menu-layout-lateral.menu-sticky-hard.sticking .cart-panel,
.menu-layout-offcanvas.menu-sticky-soft.sticking .cart-panel,
.menu-layout-offcanvas.menu-sticky-hard.sticking .cart-panel,
.menu-layout-overlay.menu-sticky-soft.sticking .cart-panel,
.menu-layout-overlay.menu-sticky-hard.sticking .cart-panel,
.menu-layout-centered-logo.menu-sticky-soft.sticking .cart-panel,
.menu-layout-centered-logo.menu-sticky-hard.sticking .cart-panel,
.menu-layout-top-logo.menu-sticky-soft.sticking .cart-panel,
.menu-layout-top-logo.menu-sticky-hard.sticking .cart-panel,
.menu-layout-top-center.menu-sticky-soft.sticking .cart-panel,
.menu-layout-top-center.menu-sticky-hard.sticking .cart-panel,
.menu-layout-top-right.menu-sticky-soft.sticking .cart-panel,
.menu-layout-top-right.menu-sticky-hard.sticking .cart-panel,
.menu-layout-top-right-floating.menu-sticky-soft.sticking .cart-panel,
.menu-layout-top-right-floating.menu-sticky-hard.sticking .cart-panel,
.menu-layout-top-left.menu-sticky-soft.sticking .cart-panel,
.menu-layout-top-left.menu-sticky-hard.sticking .cart-panel,
.menu-layout-top-justify.menu-sticky-soft.sticking .cart-panel,
.menu-layout-top-justify.menu-sticky-hard.sticking .cart-panel,
.menu-layout-top-justify-left.menu-sticky-soft.sticking .cart-panel,
.menu-layout-top-justify-left.menu-sticky-hard.sticking .cart-panel {
top: 63px;
}
.menu-layout-top-logo.menu-sticky-soft.sticking #nav-bar .logo-wrap, .menu-layout-top-logo.menu-sticky-hard.sticking #nav-bar .logo-wrap {
display: none;
}
.menu-skin-light.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar, .menu-skin-light.menu-sticky-hard.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar,
.menu-skin-dark.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar,
.menu-skin-dark.menu-sticky-hard.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar {
opacity: 1;
visibility: visible;
}
.menu-skin-light.attop .nav-search-form {
-webkit-box-shadow: 0px 10px 17px -9px rgba(0, 0, 0, 0.14);
box-shadow: 0px 10px 17px -9px rgba(0, 0, 0, 0.14);
}
.menu-skin-light.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar, .menu-skin-light.menu-sticky-hard.untop:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar {
-webkit-box-shadow: 0px 10px 17px -9px rgba(0, 0, 0, 0.14);
box-shadow: 0px 10px 17px -9px rgba(0, 0, 0, 0.14);
background: #fff !important;
color: #333 !important;
}
.menu-skin-light.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar a,
.menu-skin-light.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar strong,
.menu-skin-light.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar b, .menu-skin-light.menu-sticky-hard.untop:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar a,
.menu-skin-light.menu-sticky-hard.untop:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar strong,
.menu-skin-light.menu-sticky-hard.untop:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar b {
color: #333;
}
.menu-skin-light.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar .logo-svg *, .menu-skin-light.menu-sticky-hard.untop:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar .logo-svg * {
fill: #333 !important;
}
.menu-skin-light.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar .logo-light, .menu-skin-light.menu-sticky-hard.untop:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar .logo-light {
opacity: 0 !important;
}
.menu-skin-light.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar .logo-dark, .menu-skin-light.menu-sticky-hard.untop:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar .logo-dark {
opacity: 1 !important;
}
.menu-skin-light.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar .hamburger-icon .line, .menu-skin-light.menu-sticky-hard.untop:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar .hamburger-icon .line {
background-color: #333 !important;
}
.menu-skin-dark.attop .nav-search-form {
-webkit-box-shadow: 0px 10px 17px -9px rgba(0, 0, 0, 0.14);
box-shadow: 0px 10px 17px -9px rgba(0, 0, 0, 0.14);
}
.menu-skin-dark.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar, .menu-skin-dark.menu-sticky-hard.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle)
.nav-bar {
-webkit-box-shadow: 0px 10px 17px -9px rgba(0, 0, 0, 0.14);
box-shadow: 0px 10px 17px -9px rgba(0, 0, 0, 0.14);
background: #080808 !important;
color: #fff !important;
}
.menu-skin-dark.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar a,
.menu-skin-dark.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar strong,
.menu-skin-dark.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar b, .menu-skin-dark.menu-sticky-hard.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle)
.nav-bar a,
.menu-skin-dark.menu-sticky-hard.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle)
.nav-bar strong,
.menu-skin-dark.menu-sticky-hard.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle)
.nav-bar b {
color: #fff;
}
.menu-skin-dark.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar svg:not(.svg-doodle) *,
.menu-skin-dark.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar .logo-svg *, .menu-skin-dark.menu-sticky-hard.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle)
.nav-bar svg:not(.svg-doodle) *,
.menu-skin-dark.menu-sticky-hard.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle)
.nav-bar .logo-svg * {
fill: #fff !important;
}
.menu-skin-dark.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar .logo-dark, .menu-skin-dark.menu-sticky-hard.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle)
.nav-bar .logo-dark {
opacity: 0 !important;
}
.menu-skin-dark.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar .logo-light, .menu-skin-dark.menu-sticky-hard.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle)
.nav-bar .logo-light {
opacity: 1 !important;
}
.menu-skin-dark.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar .hamburger-icon .line, .menu-skin-dark.menu-sticky-hard.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle)
.nav-bar .hamburger-icon .line {
background-color: #fff !important;
}
/**
* @# Desktop
**/
.nav-menu-desktop {
padding: 0;
margin: 0;
font-size: 0;
}
.nav-menu-desktop li {
position: relative;
list-style-type: none !important;
display: inline-block;
font-size: 13px;
margin: 0;
padding: 0;
white-space: nowrap;
}
.nav-menu-desktop li a:not(.logo-link) {
display: table-cell !important;
height: 100%;
padding: 0 15px;
vertical-align: middle;
}
.nav-menu-desktop li .menu-item-text-container {
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.nav-menu-desktop li .menu-item-text-container img {
vertical-align: middle;
}
.nav-menu-desktop li:before {
content: '';
display: table-cell;
vertical-align: middle;
}
.nav-menu-desktop li:first-child:before {
display: none;
}
.nav-menu-desktop li span.menu-item-inner {
position: relative;
display: inline-block;
}
.nav-menu-desktop li.menu-item-icon-before .fa {
margin-right: 8px;
}
.nav-menu-desktop li.menu-item-icon-after .fa {
margin-left: 8px;
}
.nav-menu-desktop li.social-menu-item {
font-size: 14px;
}
.nav-menu-desktop li.menu-button-primary, .nav-menu-desktop li.menu-button-secondary, .nav-menu-desktop li.nav-button {
border: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: none !important;
}
.nav-menu-desktop li.menu-button-primary:before, .nav-menu-desktop li.menu-button-secondary:before, .nav-menu-desktop li.nav-button:before {
display: none;
}
.nav-menu-desktop li.menu-button-primary > a:first-child, .nav-menu-desktop li.menu-button-secondary > a:first-child, .nav-menu-desktop li.nav-button > a:first-child {
padding: 0;
cursor: default;
}
.nav-menu-desktop li.menu-button-primary > a:first-child > .menu-item-inner, .nav-menu-desktop li.menu-button-secondary > a:first-child > .menu-item-inner, .nav-menu-desktop li.nav-button > a:first-child > .menu-item-inner {
display: inline;
-webkit-box-shadow: none !important;
box-shadow: none !important;
white-space: nowrap;
}
.nav-menu-desktop li.menu-button-primary > a:first-child > .menu-item-inner span.menu-item-text-container, .nav-menu-desktop li.menu-button-secondary > a:first-child > .menu-item-inner span.menu-item-text-container, .nav-menu-desktop li.nav-button > a:first-child > .menu-item-inner span.menu-item-text-container {
opacity: 1 !important;
}
.nav-menu-desktop li.menu-button-primary > a:first-child > .menu-item-inner span.menu-item-text-container:after, .nav-menu-desktop li.menu-button-secondary > a:first-child > .menu-item-inner span.menu-item-text-container:after, .nav-menu-desktop li.nav-button > a:first-child > .menu-item-inner span.menu-item-text-container:after {
display: none !important;
}
.nav-menu-desktop li.no-menu-item-separator:before {
display: none;
}
.nav-menu-desktop li .mega-menu-panel-inner {
padding: 14px;
}
.nav-menu-desktop li .mega-menu-panel-inner > ul.sub-menu {
padding: 0;
}
.nav-menu-desktop li ul.sub-menu {
max-height: none !important;
height: auto;
z-index: 99997 !important;
position: absolute;
top: auto;
left: 0;
padding: 0;
margin: 0;
line-height: 1.4;
padding: 14px;
padding-right: 0;
}
.nav-menu-desktop li ul.sub-menu li:before {
display: none !important;
}
.nav-menu-desktop li ul.sub-menu span.menu-item-text-container:after {
display: none !important;
}
.nav-menu-desktop li ul.sub-menu li:not(.menu-button-primary):not(.menu-button-secondary) {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
height: auto;
display: block;
margin: 0;
white-space: initial;
padding-right: 14px;
}
.nav-menu-desktop li ul.sub-menu li:not(.menu-button-primary):not(.menu-button-secondary) a {
text-align: left;
display: block !important;
height: 100%;
padding: 4px 7px;
margin: 0;
color: #fff;
width: 230px;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: none;
height: 100%;
vertical-align: middle;
}
.nav-menu-desktop li ul.sub-menu li:not(.menu-button-primary):not(.menu-button-secondary) a .menu-item-inner {
-webkit-transition: background 0.2s cubic-bezier(0.39, 0.28, 0.31, 1.27);
transition: background 0.2s cubic-bezier(0.39, 0.28, 0.31, 1.27);
display: block;
padding: 8px;
}
.nav-menu-desktop li ul.sub-menu li:not(.menu-button-primary):not(.menu-button-secondary) a .menu-item-text-container {
opacity: 1 !important;
}
.nav-menu-desktop li ul.sub-menu li:not(.menu-button-primary):not(.menu-button-secondary) a:hover .menu-item-inner, .nav-menu-desktop li ul.sub-menu li:not(.menu-button-primary):not(.menu-button-secondary) a:focus .menu-item-inner {
background: rgba(0, 0, 0, 0.14);
}
.nav-menu-desktop li ul.sub-menu li:not(.menu-button-primary):not(.menu-button-secondary) ul.sub-menu {
margin: 0;
top: 0;
left: 100%;
margin-top: -14px;
}
.nav-menu-desktop li ul.sub-menu li:not(.menu-button-primary):not(.menu-button-secondary) ul.sub-menu.reversed-sub-menu {
left: auto;
right: 100%;
}
.nav-menu-desktop li ul.sub-menu li:not(.menu-button-primary):not(.menu-button-secondary).menu-item-has-children span.menu-item-inner:after {
display: none !important;
}
.nav-menu-desktop li ul.sub-menu li:not(.menu-button-primary):not(.menu-button-secondary).menu-item-has-children > a:before {
position: absolute;
content: ' ';
font-family: linea-arrows-10;
right: 14px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: '\e04b';
color: #fff;
}
.nav-menu-desktop li ul.sub-menu.reversed-first-level-sub-menu {
left: auto;
right: 0;
padding-right: 14px;
padding-left: 0;
}
.nav-menu-desktop li ul.sub-menu.reversed-first-level-sub-menu > li:not(.menu-button-primary):not(.menu-button-secondary) {
padding-right: 0;
padding-left: 14px;
}
.nav-menu-desktop li.menu-item-has-children > a span.menu-item-inner {
padding-right: 20px;
}
.nav-menu-desktop li.menu-item-has-children > a span.menu-item-inner:after {
content: ' ';
font-family: linea-arrows-10;
display: inline;
content: '\e019';
position: absolute;
right: 0;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: inherit;
margin-top: -1px;
}
.nav-menu-desktop li .mega-menu-panel, .nav-menu-desktop li > ul.sub-menu {
max-height: none !important;
-webkit-transition: opacity 0.5s cubic-bezier(0.39, 0.28, 0.31, 1.27), -webkit-transform 0.5s cubic-bezier(0.39, 0.28, 0.31, 1.27);
transition: opacity 0.5s cubic-bezier(0.39, 0.28, 0.31, 1.27), transform 0.5s cubic-bezier(0.39, 0.28, 0.31, 1.27);
}
.nav-menu-desktop li.menu-parent-item .mega-menu-panel,
.nav-menu-desktop li.menu-parent-item .mega-menu-tagline, .nav-menu-desktop li.menu-parent-item > ul.sub-menu {
display: none;
}
.nav-menu-desktop li.menu-parent-item ul.sub-menu {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
opacity: 0;
visibility: hidden;
}
.nav-menu-desktop li.menu-parent-item ul.sub-menu li ul.sub-menu {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
opacity: 0;
visibility: hidden;
}
.nav-menu-desktop li.menu-parent-item .mega-menu-panel {
opacity: 0;
display: none;
-webkit-transform: translate3d(-50%, 5px, 0);
transform: translate3d(-50%, 5px, 0);
}
.nav-menu-desktop li.hover.menu-parent-item ul.sub-menu {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
visibility: visible;
}
.nav-menu-desktop li.hover.menu-parent-item ul.sub-menu li ul.sub-menu {
display: block;
}
.nav-menu-desktop li.hover.menu-parent-item ul.sub-menu li:hover ul.sub-menu {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
visibility: visible;
}
.nav-menu-desktop li.hover.menu-parent-item .mega-menu-tagline {
opacity: 1;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
visibility: visible;
}
.nav-menu-desktop li.hover.menu-parent-item .mega-menu-panel {
opacity: 1;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
visibility: visible;
}
.wvc-fullpage .nav-menu-desktop li a:not(.logo-link) {
-webkit-transition: color 0.6s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: color 0.6s cubic-bezier(0.675, 0.475, 0.05, 0.67);
}
/**
* @# Mega Menu
**/
.mega-menu-has-bg .mega-menu-panel {
position: relative;
background-color: #000;
background-position: center center !important;
background-size: cover !important;
}
.mega-menu-has-bg .mega-menu-panel:after {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.66);
}
body.mega-menu-width-wide .nav-menu-desktop li.mega-menu > .mega-menu-panel,
body.mega-menu-width-wide .nav-menu-desktop li.mega-menu .mega-menu-tagline {
max-width: none;
}
body.mega-menu-width-fullwidth .nav-menu-desktop li.mega-menu > .mega-menu-panel,
body.mega-menu-width-fullwidth .nav-menu-desktop li.mega-menu > .mega-menu-tagline {
max-width: none;
width: 100vw;
padding-left: 30px;
padding-right: 30px;
}
body.mega-menu-width-boxed .nav-menu-desktop li.mega-menu:not(.mega-menu-2-cols) > .mega-menu-panel,
body.mega-menu-width-boxed .nav-menu-desktop li.mega-menu:not(.mega-menu-2-cols) > .mega-menu-tagline {
padding-left: 0;
padding-right: 0;
}
body.mega-menu-width-fullwidth.site-layout-frame .nav-menu-desktop li.mega-menu > .mega-menu-panel,
body.mega-menu-width-fullwidth.site-layout-frame .nav-menu-desktop li.mega-menu > .mega-menu-tagline {
width: calc(100vw - 30px);
}
.nav-menu-desktop .mega-menu-panel {
position: fixed;
-webkit-box-shadow: 0 10px 17px -9px rgba(0, 0, 0, 0.44);
box-shadow: 0 10px 17px -9px rgba(0, 0, 0, 0.44);
}
.mega-menu-tagline {
position: fixed;
line-height: 1.5;
display: block;
-webkit-transition: 0.3s cubic-bezier(0.39, 0.28, 0.31, 1.27);
transition: 0.3s cubic-bezier(0.39, 0.28, 0.31, 1.27);
opacity: 0;
visibility: hidden;
width: 92%;
max-width: 1400px;
top: auto;
left: 50%;
-webkit-transform: translate3d(-50%, 5px, 0);
transform: translate3d(-50%, 5px, 0);
padding: 14px;
visibility: hidden;
z-index: 99999;
background: none !important;
border-bottom: solid 1px rgba(255, 255, 255, 0.06);
font-size: 1.2em;
text-align: center;
color: #FFF;
}
.nav-menu-desktop li.mega-menu {
position: static;
/*
&.mega-menu-2-cols{
& > ul.sub-menu > li{
width: 50%;
}
}*/
/*&.mega-menu-cols-2{
ul.sub-menu{
width: 50%;
li{
width: 48%;
}
}
}*/
}
.nav-menu-desktop li.mega-menu.mega-menu-bg-repeat .mega-menu-panel {
background-repeat: repeat;
}
.nav-menu-desktop li.mega-menu.mega-menu-bg-no-repeat .mega-menu-panel {
background-repeat: no-repeat;
background-size: 100%;
background-size: cover;
}
.nav-menu-desktop li.mega-menu.mega-menu-has-tagline > .mega-menu-panel {
padding-top: 66px;
}
.nav-menu-desktop li.mega-menu .mega-menu-panel {
width: 92%;
max-width: 1400px;
top: auto !important;
left: 50%;
padding: 30px;
background: #91ff6a;
visibility: hidden;
}
.nav-menu-desktop li.mega-menu .mega-menu-panel .mega-menu-panel-inner {
max-height: none !important;
}
.nav-menu-desktop li.mega-menu .mega-menu-panel ul {
background: none !important;
}
.nav-menu-desktop li.mega-menu .mega-menu-panel ul li {
-webkit-box-shadow: none;
box-shadow: none;
position: static;
display: block;
background: none !important;
height: auto !important;
max-height: none !important;
/*&.menu-item-has-children,
&.page_item_has_children,
&.active{
&:before{
display: none!important;
}
}*/
}
.nav-menu-desktop li.mega-menu .mega-menu-panel ul li a {
position: relative;
text-align: left !important;
-webkit-box-shadow: 0 0 0 transparent;
box-shadow: 0 0 0 transparent;
padding: 0 !important;
width: auto;
}
.nav-menu-desktop li.mega-menu .mega-menu-panel ul li a span {
position: relative;
}
.nav-menu-desktop li.mega-menu .mega-menu-panel ul li a:before,
.nav-menu-desktop li.mega-menu .mega-menu-panel ul li a .menu-item-inner:after {
display: none !important;
}
.nav-menu-desktop li.mega-menu .mega-menu-panel ul li:last-child {
border: none;
}
.nav-menu-desktop li.mega-menu .mega-menu-panel ul li.not-linked > a:first-child span.menu-item-inner {
color: #FFF !important;
font-weight: 700 !important;
background-color: transparent !important;
opacity: 1 !important;
cursor: default;
}
.nav-menu-desktop li.mega-menu .mega-menu-panel ul li.not-linked > a:first-child span.menu-item-inner span.menu-item-text-container {
opacity: 1 !important;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.nav-menu-desktop li.mega-menu .mega-menu-panel ul li.menu-item-hidden > a:first-child {
display: none !important;
}
.nav-menu-desktop li.mega-menu .mega-menu-panel ul li ul {
display: block !important;
margin-top: 0 !important;
margin-left: 0 !important;
padding: 0;
top: 0;
left: 0 !important;
right: auto !important;
position: relative;
width: auto;
background: none !important;
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
transform: translateX(0) !important;
opacity: 1 !important;
visibility: visible !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.nav-menu-desktop li.mega-menu .mega-menu-panel ul li ul li {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
width: 100% !important;
margin-right: 0 !important;
padding: 0 !important;
float: none;
border: none !important;
}
.nav-menu-desktop li.mega-menu .mega-menu-panel ul li ul li ul {
display: block !important;
}
.nav-menu-desktop li.mega-menu .mega-menu-panel-inner > ul.sub-menu {
position: relative;
max-height: none;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
width: 100%;
padding: 0;
margin: 0;
}
.nav-menu-desktop li.mega-menu .mega-menu-panel-inner > ul.sub-menu > li {
display: block;
border-right: rgba(255, 255, 255, 0.06) 1px solid;
padding: 0 2%;
}
.nav-menu-desktop li.mega-menu .mega-menu-panel-inner > ul.sub-menu > li:first-child {
padding-left: 0;
}
.nav-menu-desktop li.mega-menu .mega-menu-panel-inner > ul.sub-menu > li:last-child {
padding-right: 0;
}
.nav-menu-desktop li.mega-menu.mega-menu-4-cols .mega-menu-panel-inner > ul.sub-menu > li {
width: 25%;
}
.nav-menu-desktop li.mega-menu.mega-menu-5-cols .mega-menu-panel-inner > ul.sub-menu > li {
width: 20%;
}
.nav-menu-desktop li.mega-menu.mega-menu-3-cols .mega-menu-panel-inner > ul.sub-menu > li {
width: 33.333%;
}
.nav-menu-desktop li.mega-menu.mega-menu-6-cols .mega-menu-panel-inner > ul.sub-menu > li {
width: 16.6666666667%;
}
.mega-menu-width-boxed.menu-width-wide.menu-layout-top-right .nav-menu-desktop li.mega-menu .mega-menu-panel, .mega-menu-width-boxed.menu-width-wide.menu-layout-top-right-floating .nav-menu-desktop li.mega-menu .mega-menu-panel {
left: auto;
right: 15px;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.mega-menu-width-boxed.menu-width-wide.menu-layout-top-right .nav-menu-desktop li.mega-menu.hover.menu-parent-item.mega-menu .mega-menu-tagline, .mega-menu-width-boxed.menu-width-wide.menu-layout-top-right-floating .nav-menu-desktop li.mega-menu.hover.menu-parent-item.mega-menu .mega-menu-tagline {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
}
.mega-menu-width-boxed.menu-width-wide.menu-layout-top-right .nav-menu-desktop li.mega-menu.hover.menu-parent-item.mega-menu .mega-menu-panel, .mega-menu-width-boxed.menu-width-wide.menu-layout-top-right-floating .nav-menu-desktop li.mega-menu.hover.menu-parent-item.mega-menu .mega-menu-panel {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mega-menu-width-boxed.menu-width-wide.menu-layout-top-left .nav-menu-desktop li.mega-menu .mega-menu-panel {
left: 15px;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.mega-menu-width-boxed.menu-width-wide.menu-layout-top-left .nav-menu-desktop li.mega-menu.hover.menu-parent-item.mega-menu .mega-menu-tagline {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
}
.mega-menu-width-boxed.menu-width-wide.menu-layout-top-left .nav-menu-desktop li.mega-menu.hover.menu-parent-item.mega-menu .mega-menu-panel {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* 2 cols mega menu */
.nav-menu-desktop li.mega-menu-2-cols {
position: relative;
}
.nav-menu-desktop li.mega-menu-2-cols .mega-menu-panel {
position: absolute;
width: 550px !important;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
left: 0;
}
.nav-menu-desktop li.mega-menu-2-cols .mega-menu-panel .mega-menu-panel-inner {
width: 100%;
}
.nav-menu-desktop li.mega-menu-2-cols .mega-menu-panel .mega-menu-panel-inner > ul.sub-menu > li {
border: none !important;
width: 50%;
}
.nav-menu-desktop li.mega-menu-2-cols.mega-menu-2-cols-offscreen .mega-menu-panel {
left: unset;
right: 0;
}
.nav-menu-desktop li.mega-menu-2-cols.hover.menu-parent-item .mega-menu-panel {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* Widget in menu */
.nav-menu-mobile .menu-item-object-yawp_wim,
.nav-menu-desktop .menu-item-object-yawp_wim {
max-height: none !important;
}
.nav-menu-mobile .menu-item-object-yawp_wim *,
.nav-menu-desktop .menu-item-object-yawp_wim * {
max-height: none !important;
}
.nav-menu-mobile .menu-item-object-yawp_wim .yawp_wim_wrap,
.nav-menu-desktop .menu-item-object-yawp_wim .yawp_wim_wrap {
margin-top: 6px;
padding: 8px;
}
.nav-menu-mobile .menu-item-object-yawp_wim .yawp_wim_wrap img,
.nav-menu-desktop .menu-item-object-yawp_wim .yawp_wim_wrap img {
max-width: 210px;
}
/**
* @# Style
**/
.menu-style-transparent:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-bar, .menu-style-transparent:not(.sticking).hero-font-dark.mobile-menu-alt .logo-bar,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-bar,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark.mobile-menu-alt .logo-bar,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-bar,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark.mobile-menu-alt .logo-bar {
background: none;
color: #333;
}
.menu-style-transparent:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-bar a, .menu-style-transparent:not(.sticking).hero-font-dark.mobile-menu-alt .logo-bar a,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-bar a,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark.mobile-menu-alt .logo-bar a,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-bar a,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark.mobile-menu-alt .logo-bar a {
color: inherit;
}
.menu-style-transparent:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .nav-bar, .menu-style-transparent:not(.sticking).hero-font-dark.mobile-menu-alt .nav-bar,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .nav-bar,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark.mobile-menu-alt .nav-bar,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .nav-bar,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark.mobile-menu-alt .nav-bar {
background: none;
color: #333;
}
.menu-style-transparent:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .nav-bar a, .menu-style-transparent:not(.sticking).hero-font-dark.mobile-menu-alt .nav-bar a,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .nav-bar a,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark.mobile-menu-alt .nav-bar a,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .nav-bar a,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark.mobile-menu-alt .nav-bar a {
color: inherit;
}
.menu-style-transparent:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .nav-bar span.menu-item-text-container:after, .menu-style-transparent:not(.sticking).hero-font-dark.mobile-menu-alt .nav-bar span.menu-item-text-container:after,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .nav-bar span.menu-item-text-container:after,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark.mobile-menu-alt .nav-bar span.menu-item-text-container:after,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .nav-bar span.menu-item-text-container:after,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark.mobile-menu-alt .nav-bar span.menu-item-text-container:after {
background: currentColor;
}
.menu-style-transparent:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) #top-bar-block, .menu-style-transparent:not(.sticking).hero-font-dark.mobile-menu-alt #top-bar-block,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) #top-bar-block,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark.mobile-menu-alt #top-bar-block,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) #top-bar-block,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark.mobile-menu-alt #top-bar-block {
color: #333;
}
.menu-style-transparent:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-svg *, .menu-style-transparent:not(.sticking).hero-font-dark.mobile-menu-alt .logo-svg *,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-svg *,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark.mobile-menu-alt .logo-svg *,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-svg *,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark.mobile-menu-alt .logo-svg * {
fill: #333 !important;
}
.menu-style-transparent:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-light, .menu-style-transparent:not(.sticking).hero-font-dark.mobile-menu-alt .logo-light,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-light,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark.mobile-menu-alt .logo-light,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-light,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark.mobile-menu-alt .logo-light {
opacity: 0 !important;
}
.menu-style-transparent:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-dark, .menu-style-transparent:not(.sticking).hero-font-dark.mobile-menu-alt .logo-dark,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-dark,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark.mobile-menu-alt .logo-dark,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-dark,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark.mobile-menu-alt .logo-dark {
opacity: 1 !important;
}
.menu-style-transparent:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .hamburger-icon .line, .menu-style-transparent:not(.sticking).hero-font-dark.mobile-menu-alt .hamburger-icon .line,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .hamburger-icon .line,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark.mobile-menu-alt .hamburger-icon .line,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .hamburger-icon .line,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark.mobile-menu-alt .hamburger-icon .line {
background-color: #333;
}
.menu-style-transparent:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .wwcs-current-currency, .menu-style-transparent:not(.sticking).hero-font-dark.mobile-menu-alt .wwcs-current-currency,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .wwcs-current-currency,
.menu-style-semi-transparent-black:not(.sticking).hero-font-dark.mobile-menu-alt .wwcs-current-currency,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .wwcs-current-currency,
.menu-style-semi-transparent-white:not(.sticking).hero-font-dark.mobile-menu-alt .wwcs-current-currency {
color: #333;
}
.menu-style-transparent:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-bar, .menu-style-transparent:not(.sticking).hero-font-light.mobile-menu-alt .logo-bar,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-bar,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light.mobile-menu-alt .logo-bar,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-bar,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light.mobile-menu-alt .logo-bar {
background: none;
color: #fff;
}
.menu-style-transparent:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-bar a, .menu-style-transparent:not(.sticking).hero-font-light.mobile-menu-alt .logo-bar a,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-bar a,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light.mobile-menu-alt .logo-bar a,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-bar a,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light.mobile-menu-alt .logo-bar a {
color: #fff;
}
.menu-style-transparent:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .nav-bar, .menu-style-transparent:not(.sticking).hero-font-light.mobile-menu-alt .nav-bar,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .nav-bar,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light.mobile-menu-alt .nav-bar,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .nav-bar,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light.mobile-menu-alt .nav-bar {
background: none;
color: #fff;
}
.menu-style-transparent:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .nav-bar a, .menu-style-transparent:not(.sticking).hero-font-light.mobile-menu-alt .nav-bar a,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .nav-bar a,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light.mobile-menu-alt .nav-bar a,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .nav-bar a,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light.mobile-menu-alt .nav-bar a {
color: inherit;
}
.menu-style-transparent:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .nav-bar span.menu-item-text-container:after, .menu-style-transparent:not(.sticking).hero-font-light.mobile-menu-alt .nav-bar span.menu-item-text-container:after,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .nav-bar span.menu-item-text-container:after,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light.mobile-menu-alt .nav-bar span.menu-item-text-container:after,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .nav-bar span.menu-item-text-container:after,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light.mobile-menu-alt .nav-bar span.menu-item-text-container:after {
background: currentColor;
}
.menu-style-transparent:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) #top-bar-block, .menu-style-transparent:not(.sticking).hero-font-light.mobile-menu-alt #top-bar-block,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) #top-bar-block,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light.mobile-menu-alt #top-bar-block,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) #top-bar-block,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light.mobile-menu-alt #top-bar-block {
color: #fff;
}
.menu-style-transparent:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-svg *, .menu-style-transparent:not(.sticking).hero-font-light.mobile-menu-alt .logo-svg *,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-svg *,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light.mobile-menu-alt .logo-svg *,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-svg *,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light.mobile-menu-alt .logo-svg * {
fill: #fff !important;
}
.menu-style-transparent:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-dark, .menu-style-transparent:not(.sticking).hero-font-light.mobile-menu-alt .logo-dark,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-dark,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light.mobile-menu-alt .logo-dark,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-dark,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light.mobile-menu-alt .logo-dark {
opacity: 0 !important;
}
.menu-style-transparent:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-light, .menu-style-transparent:not(.sticking).hero-font-light.mobile-menu-alt .logo-light,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-light,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light.mobile-menu-alt .logo-light,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .logo-light,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light.mobile-menu-alt .logo-light {
opacity: 1 !important;
}
.menu-style-transparent:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .hamburger-icon .line, .menu-style-transparent:not(.sticking).hero-font-light.mobile-menu-alt .hamburger-icon .line,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .hamburger-icon .line,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light.mobile-menu-alt .hamburger-icon .line,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .hamburger-icon .line,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light.mobile-menu-alt .hamburger-icon .line {
background-color: #fff;
}
.menu-style-transparent:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .wwcs-current-currency, .menu-style-transparent:not(.sticking).hero-font-light.mobile-menu-alt .wwcs-current-currency,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .wwcs-current-currency,
.menu-style-semi-transparent-black:not(.sticking).hero-font-light.mobile-menu-alt .wwcs-current-currency,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light:not(.mobile-menu-toggle):not(.overlay-menu-toggle):not(.menu-layout-lateral) .wwcs-current-currency,
.menu-style-semi-transparent-white:not(.sticking).hero-font-light.mobile-menu-alt .wwcs-current-currency {
color: white;
}
.menu-style-semi-transparent-black:not(.sticking) #masthead .logo-bar,
.menu-style-semi-transparent-black:not(.sticking) #masthead .nav-bar {
background-color: rgba(0, 0, 0, 0.14);
}
.menu-style-semi-transparent-white:not(.sticking) #masthead .logo-bar,
.menu-style-semi-transparent-white:not(.sticking) #masthead .nav-bar {
background-color: rgba(255, 255, 255, 0.14);
}
.menu-style-solid:not(.menu-layout-top-right-floating):not(.breakpoint) .site-header,
.menu-style-solid-light:not(.menu-layout-top-right-floating):not(.breakpoint) .site-header,
.menu-style-solid-dark:not(.menu-layout-top-right-floating):not(.breakpoint) .site-header {
height: 98px;
}
.menu-style-solid:not(.menu-layout-top-right-floating):not(.breakpoint).menu-layout-top-logo .site-header,
.menu-style-solid-light:not(.menu-layout-top-right-floating):not(.breakpoint).menu-layout-top-logo .site-header,
.menu-style-solid-dark:not(.menu-layout-top-right-floating):not(.breakpoint).menu-layout-top-logo .site-header {
height: 196px;
}
.menu-style-solid:not(.menu-layout-top-right-floating) #mobile-navigation,
.menu-style-solid-light:not(.menu-layout-top-right-floating) #mobile-navigation,
.menu-style-solid-dark:not(.menu-layout-top-right-floating) #mobile-navigation {
height: 63px;
}
.menu-layout-none #desktop-navigation,
.menu-layout-none #mobile-navigation,
.menu-style-none #desktop-navigation,
.menu-style-none #mobile-navigation {
display: none;
visibility: hidden;
height: 0;
}
.menu-layout-none #hero-inner,
.menu-style-none #hero-inner {
padding-top: 0;
}
.menu-layout-empty #site-navigation-primary-desktop {
display: none;
}
.submenu-bg-light.mobile-menu-toggle:not(.mobile-menu-alt) .logo-light,
.submenu-bg-light.overlay-menu-toggle .logo-light,
.submenu-bg-light.menu-layout-lateral .lateral-menu-panel .logo-light {
opacity: 0 !important;
}
.submenu-bg-light.mobile-menu-toggle:not(.mobile-menu-alt) .logo-dark,
.submenu-bg-light.overlay-menu-toggle .logo-dark,
.submenu-bg-light.menu-layout-lateral .lateral-menu-panel .logo-dark {
opacity: 1 !important;
}
.submenu-bg-light.mobile-menu-toggle:not(.mobile-menu-alt) .logo-svg *,
.submenu-bg-light.overlay-menu-toggle .logo-svg *,
.submenu-bg-light.menu-layout-lateral .lateral-menu-panel .logo-svg * {
fill: #000 !important;
}
.submenu-bg-light.mobile-menu-toggle:not(.mobile-menu-alt) .hamburger-icon .line,
.submenu-bg-light.overlay-menu-toggle .hamburger-icon .line,
.submenu-bg-light.menu-layout-lateral .lateral-menu-panel .hamburger-icon .line {
background-color: #333 !important;
}
.submenu-bg-light.mobile-menu-toggle:not(.mobile-menu-alt) .logo-text,
.submenu-bg-light.overlay-menu-toggle .logo-text,
.submenu-bg-light.menu-layout-lateral .lateral-menu-panel .logo-text {
color: #333 !important;
}
/**
* @# Hover
**/
.menu-hover-style-opacity .nav-menu-desktop li.menu-link-active a:first-child .menu-item-text-container {
opacity: 0.66;
}
.menu-hover-style-opacity .nav-menu-desktop li a:first-child:hover .menu-item-text-container {
opacity: 0.66;
}
.menu-hover-style-underline-centered .nav-menu-desktop li a span.menu-item-text-container {
position: relative;
}
.menu-hover-style-underline-centered .nav-menu-desktop li a span.menu-item-text-container:after {
content: "";
position: absolute;
width: 90%;
height: 2px;
bottom: -10px;
left: 0;
right: 0;
margin: auto;
background: currentColor;
visibility: hidden;
border-radius: 7px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: .25s linear;
transition: .25s linear;
}
.menu-hover-style-underline-centered .nav-menu-desktop li.current-menu-ancestor a span.menu-item-text-container:after, .menu-hover-style-underline-centered .nav-menu-desktop li:hover a span.menu-item-text-container:after {
visibility: visible;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.menu-hover-style-underline .nav-menu-desktop li a span.menu-item-text-container {
position: relative;
}
.menu-hover-style-underline .nav-menu-desktop li a span.menu-item-text-container:after {
content: "";
position: absolute;
width: 0;
height: 2px;
bottom: -10px;
left: 0;
margin: auto;
background: currentColor;
border-radius: 7px;
-webkit-transition: .25s linear;
transition: .25s linear;
}
.menu-hover-style-underline .nav-menu-desktop li.current-menu-ancestor a span.menu-item-text-container:after, .menu-hover-style-underline .nav-menu-desktop li:hover a span.menu-item-text-container:after {
width: 100%;
}
.menu-hover-style-border-top .nav-menu-desktop li,
.menu-hover-style-border .nav-menu-desktop li,
.menu-hover-style-plain .nav-menu-desktop li {
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.menu-hover-style-border-top .nav-menu-desktop li:hover,
.menu-hover-style-border-top .nav-menu-desktop li.current_page_item,
.menu-hover-style-border-top .nav-menu-desktop li.current-menu-parent,
.menu-hover-style-border-top .nav-menu-desktop li.current-menu-ancestor,
.menu-hover-style-border-top .nav-menu-desktop li.current-menu-item,
.menu-hover-style-border-top .nav-menu-desktop li.menu-link-active {
-webkit-box-shadow: inset 0px 5px 0px 0px #ccc;
box-shadow: inset 0px 5px 0px 0px #ccc;
}
.menu-hover-style-plain #navbar-container .nav-menu-desktop li.current_page_item, .menu-hover-style-plain #navbar-container .nav-menu-desktop li.current-menu-parent, .menu-hover-style-plain #navbar-container .nav-menu-desktop li.current-menu-ancestor, .menu-hover-style-plain #navbar-container .nav-menu-desktop li.current-menu-item, .menu-hover-style-plain #navbar-container .nav-menu-desktop li.menu-link-active, .menu-hover-style-plain #navbar-container .nav-menu-desktop li:not(.socials-menu-item):not(.search-menu-item):hover {
color: #FFF;
}
.menu-hover-style-plain #navbar-container .nav-menu-desktop li.current_page_item a,
.menu-hover-style-plain #navbar-container .nav-menu-desktop li.current_page_item .wpb-social, .menu-hover-style-plain #navbar-container .nav-menu-desktop li.current-menu-parent a,
.menu-hover-style-plain #navbar-container .nav-menu-desktop li.current-menu-parent .wpb-social, .menu-hover-style-plain #navbar-container .nav-menu-desktop li.current-menu-ancestor a,
.menu-hover-style-plain #navbar-container .nav-menu-desktop li.current-menu-ancestor .wpb-social, .menu-hover-style-plain #navbar-container .nav-menu-desktop li.current-menu-item a,
.menu-hover-style-plain #navbar-container .nav-menu-desktop li.current-menu-item .wpb-social, .menu-hover-style-plain #navbar-container .nav-menu-desktop li.menu-link-active a,
.menu-hover-style-plain #navbar-container .nav-menu-desktop li.menu-link-active .wpb-social, .menu-hover-style-plain #navbar-container .nav-menu-desktop li:not(.socials-menu-item):not(.search-menu-item):hover a,
.menu-hover-style-plain #navbar-container .nav-menu-desktop li:not(.socials-menu-item):not(.search-menu-item):hover .wpb-social {
color: #FFF;
}
.menu-hover-style-plain .nav-menu-desktop li.cart-menu-item:hover .product-count {
background: #fff;
color: #333;
}
.menu-hover-style-plain .nav-menu-desktop li:hover,
.menu-hover-style-plain .nav-menu-desktop li.current_page_item,
.menu-hover-style-plain .nav-menu-desktop li.current-menu-parent,
.menu-hover-style-plain .nav-menu-desktop li.current-menu-ancestor,
.menu-hover-style-plain .nav-menu-desktop li.current-menu-item,
.menu-hover-style-plain .nav-menu-desktop li.menu-link-active {
background: #333;
}
/**
* @# Labels
**/
.nav-menu li.new > a .menu-item-text-container,
.nav-menu li.hot > a .menu-item-text-container,
.nav-menu li.sale > a .menu-item-text-container,
.nav-menu-mobile li.new > a .menu-item-text-container,
.nav-menu-mobile li.hot > a .menu-item-text-container,
.nav-menu-mobile li.sale > a .menu-item-text-container {
position: relative;
}
.nav-menu li.new > a .menu-item-text-container:before,
.nav-menu li.hot > a .menu-item-text-container:before,
.nav-menu li.sale > a .menu-item-text-container:before,
.nav-menu-mobile li.new > a .menu-item-text-container:before,
.nav-menu-mobile li.hot > a .menu-item-text-container:before,
.nav-menu-mobile li.sale > a .menu-item-text-container:before {
content: 'new';
line-height: 10px;
position: absolute;
display: inline-block;
background: #00aeda;
color: #fff;
font-size: 9px;
right: -21px;
padding: 3px 5px 2px;
top: -14px;
}
.accent-color-light .nav-menu li.sale > a .menu-item-text-container,
.accent-color-light .nav-menu-mobile li.sale > a .menu-item-text-container {
position: relative;
}
.accent-color-light .nav-menu li.sale > a .menu-item-text-container:before,
.accent-color-light .nav-menu-mobile li.sale > a .menu-item-text-container:before {
color: #000;
}
.nav-menu-mobile li.new > a .menu-item-text-container:before,
.nav-menu-mobile li.hot > a .menu-item-text-container:before,
.nav-menu-mobile li.sale > a .menu-item-text-container:before {
top: 2px;
right: -50px;
}
.nav-menu li.hot > a .menu-item-text-container:before,
.nav-menu-mobile li.hot > a .menu-item-text-container:before {
content: 'hot';
background: #dd3333;
}
.nav-menu li.sale .menu-item-text-container:before,
.nav-menu-mobile li.sale .menu-item-text-container:before {
content: 'sale';
background: #91ff6a;
}
/**
* @# Breakpoint
**/
body:not(.breakpoint):not(.desktop) #desktop-navigation,
body:not(.breakpoint):not(.desktop) #mobile-navigation {
visibility: hidden;
}
#mobile-navigation {
display: none;
}
.breakpoint #desktop-navigation {
display: none;
visibility: hidden;
height: 0;
}
.breakpoint #mobile-navigation {
visibility: visible;
display: block;
}
.breakpoint #hero-inner {
padding-top: 63px;
}
.breakpoint .cta-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.desktop #desktop-navigation {
visibility: visible;
}
@media screen and (min-width: 600px) {
.nav-menu-mobile {
text-align: center;
}
.nav-menu-mobile li:before {
display: none;
}
.nav-menu-mobile li a {
padding-right: 0 !important;
font-size: 20px;
}
}
/**
* @# Hamburger
**/
.hamburger-container {
position: relative;
}
.hamburger-icon {
width: 16px;
height: 12px;
position: relative;
display: block;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 44px;
margin: -1px auto 0;
z-index: 1000;
}
.hamburger-icon .line {
display: block;
width: 16px;
height: 2px;
position: absolute;
left: 14px;
border-radius: 1px;
-webkit-transition: all 0.4s cubic-bezier(0.6, -0.28, 0.74, 0.05);
transition: all 0.4s cubic-bezier(0.6, -0.28, 0.74, 0.05);
}
.hamburger-icon .line.line-1 {
top: 0;
}
.hamburger-icon .line.line-2 {
top: 50%;
}
.hamburger-icon .line.line-3 {
top: 100%;
}
.hamburger-icon:hover .line-1, .hamburger-icon:focus .line-1 {
-webkit-transform: translateY(-1px);
-ms-transform: translateY(-1px);
transform: translateY(-1px);
}
.hamburger-icon:hover .line-3, .hamburger-icon:focus .line-3 {
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px);
}
.overlay-menu-toggle .hamburger-icon .line-1,
.offcanvas-menu-toggle .hamburger-icon .line-1,
.mobile-menu-toggle .hamburger-icon .line-1,
.side-panel-toggle .hamburger-icon .line-1 {
-webkit-transform: translateY(6px) translateX(0) rotate(45deg);
-ms-transform: translateY(6px) translateX(0) rotate(45deg);
transform: translateY(6px) translateX(0) rotate(45deg);
}
.overlay-menu-toggle .hamburger-icon .line-2,
.offcanvas-menu-toggle .hamburger-icon .line-2,
.mobile-menu-toggle .hamburger-icon .line-2,
.side-panel-toggle .hamburger-icon .line-2 {
opacity: 0;
}
.overlay-menu-toggle .hamburger-icon .line-3,
.offcanvas-menu-toggle .hamburger-icon .line-3,
.mobile-menu-toggle .hamburger-icon .line-3,
.side-panel-toggle .hamburger-icon .line-3 {
-webkit-transform: translateY(-6px) translateX(0) rotate(-45deg);
-ms-transform: translateY(-6px) translateX(0) rotate(-45deg);
transform: translateY(-6px) translateX(0) rotate(-45deg);
}
/**
* @# Cart
**/
/* Cart icon */
.cart-item-icon {
position: relative;
}
.cart-item-icon .cart-icon-product-count {
text-align: center;
display: block;
width: 16px;
height: 16px;
font-size: 10px;
position: absolute;
color: #fff;
line-height: 16px;
border-radius: 9999em;
top: 50%;
margin-top: -16px;
right: 3px;
}
.cart-item-icon:before {
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "m";
font-family: linea-ecommerce-10 !important;
}
.accent-color-light .cart-icon-product-count {
color: #333;
}
.wishlist-item-icon:before {
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "W";
font-family: linea-basic-10 !important;
}
.account-item-icon:before {
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e82a";
font-family: Linearicons-Free;
}
.cart-container {
position: relative;
}
.cart-panel {
-webkit-box-shadow: 0px 10px 17px -9px rgba(0, 0, 0, 0.14);
box-shadow: 0px 10px 17px -9px rgba(0, 0, 0, 0.14);
margin-top: 0;
display: block;
top: 98px;
right: 0;
position: absolute;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.5s cubic-bezier(0.39, 0.28, 0.31, 1.27);
transition: 0.5s cubic-bezier(0.39, 0.28, 0.31, 1.27);
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
width: 300px;
height: auto;
max-height: none !important;
padding: 15px 30px;
font-size: 14px;
letter-spacing: 0;
}
.cart-container:hover .cart-panel {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
ul.cart-item-list {
max-height: none !important;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.cart-item-list li {
list-style-type: none !important;
height: auto;
max-height: none !important;
margin: 0;
line-height: 55px;
}
.cart-item-list-item {
width: 100%;
display: table;
font-size: 12px;
padding: 10px 0;
}
.cart-item-image,
.cart-item-details {
display: table-cell;
vertical-align: middle;
}
.cart-item-image {
width: 66px;
padding-right: 14px;
}
.cart-item-image a {
display: block;
}
.cart-item-image img {
opacity: 1;
-webkit-transition: opacity 0.2 cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: opacity 0.2 cubic-bezier(0.675, 0.475, 0.05, 0.67);
vertical-align: middle;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.cart-item-image a:hover img {
opacity: .88;
}
.cart-item-details {
font-weight: 700;
line-height: 1.5;
}
.cart-item-title,
.cart-item-price {
display: block;
}
.cart-panel-buttons {
width: 100%;
display: table;
font-weight: 700;
}
.cart-panel-buttons a {
text-transform: uppercase;
text-align: center;
display: table-cell;
font-weight: 700;
margin: 10px;
}
.cart-panel-buttons .fa {
margin-right: 5px;
}
.cart-panel-buttons .linea-ecommerce-basket {
position: relative;
top: 1px;
}
.cart-panel-cart-icon:before {
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: linea-ecommerce-10;
content: "m";
position: relative;
top: 1px;
}
.cart-panel-checkout-icon:before {
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: FontAwesome;
content: "\f09d";
}
.cart-panel-no-product {
font-weight: 700;
text-align: center;
}
.cart-panel-subtotal {
width: 100%;
display: table;
font-weight: 700;
}
.cart-panel-subtotal .cart-subtotal-label {
display: table-cell;
text-align: left;
}
.cart-panel-subtotal .cart-subtotal {
display: table-cell;
text-align: right;
}
.cart-panel {
background: #fff;
color: #333;
}
.cart-panel a,
.cart-panel strong,
.cart-panel b {
color: #333 !important;
}
/**
* @# Item Animation
**/
.not-edge {
/* Delay */
}
.not-edge .nav-menu-desktop li ul.sub-menu a,
.not-edge .nav-menu-desktop li.mega-menu.hover .mega-menu-tagline-text {
-webkit-transition: 0.5s cubic-bezier(0.39, 0.28, 0.31, 1.27);
transition: 0.5s cubic-bezier(0.39, 0.28, 0.31, 1.27);
opacity: 0;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.not-edge .nav-menu-desktop li.hover:not(.mega-menu) > ul.sub-menu > li > a {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.not-edge .nav-menu-desktop
li.hover:not(.mega-menu)
> ul.sub-menu
> li:hover
> ul.sub-menu
> li
> a {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.not-edge .nav-menu-desktop li.menu-parent-item.mega-menu .mega-menu-tagline-text,
.not-edge .nav-menu-desktop li.menu-parent-item.mega-menu ul.sub-menu li a {
opacity: 0;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.not-edge .nav-menu-desktop li.mega-menu.hover .mega-menu-tagline-text,
.not-edge .nav-menu-desktop li.mega-menu.hover ul.sub-menu li a {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.not-edge .nav-menu-desktop li.mega-menu.hover .mega-menu-tagline-text {
-webkit-transition-delay: 120ms;
transition-delay: 120ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(1) > a {
-webkit-transition-delay: 60ms;
transition-delay: 60ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(2) > a {
-webkit-transition-delay: 120ms;
transition-delay: 120ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(3) > a {
-webkit-transition-delay: 180ms;
transition-delay: 180ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(4) > a {
-webkit-transition-delay: 240ms;
transition-delay: 240ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(5) > a {
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(6) > a {
-webkit-transition-delay: 360ms;
transition-delay: 360ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(7) > a {
-webkit-transition-delay: 420ms;
transition-delay: 420ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(8) > a {
-webkit-transition-delay: 480ms;
transition-delay: 480ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(9) > a {
-webkit-transition-delay: 540ms;
transition-delay: 540ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(10) > a {
-webkit-transition-delay: 600ms;
transition-delay: 600ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(11) > a {
-webkit-transition-delay: 660ms;
transition-delay: 660ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(12) > a {
-webkit-transition-delay: 720ms;
transition-delay: 720ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(13) > a {
-webkit-transition-delay: 780ms;
transition-delay: 780ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(14) > a {
-webkit-transition-delay: 840ms;
transition-delay: 840ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(15) > a {
-webkit-transition-delay: 900ms;
transition-delay: 900ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(16) > a {
-webkit-transition-delay: 960ms;
transition-delay: 960ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(17) > a {
-webkit-transition-delay: 1020ms;
transition-delay: 1020ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(18) > a {
-webkit-transition-delay: 1080ms;
transition-delay: 1080ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(19) > a {
-webkit-transition-delay: 1140ms;
transition-delay: 1140ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(20) > a {
-webkit-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(21) > a {
-webkit-transition-delay: 1260ms;
transition-delay: 1260ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(22) > a {
-webkit-transition-delay: 1320ms;
transition-delay: 1320ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(23) > a {
-webkit-transition-delay: 1380ms;
transition-delay: 1380ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(24) > a {
-webkit-transition-delay: 1440ms;
transition-delay: 1440ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(25) > a {
-webkit-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(26) > a {
-webkit-transition-delay: 1560ms;
transition-delay: 1560ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(27) > a {
-webkit-transition-delay: 1620ms;
transition-delay: 1620ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(28) > a {
-webkit-transition-delay: 1680ms;
transition-delay: 1680ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(29) > a {
-webkit-transition-delay: 1740ms;
transition-delay: 1740ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(30) > a {
-webkit-transition-delay: 1800ms;
transition-delay: 1800ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(31) > a {
-webkit-transition-delay: 1860ms;
transition-delay: 1860ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(32) > a {
-webkit-transition-delay: 1920ms;
transition-delay: 1920ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(33) > a {
-webkit-transition-delay: 1980ms;
transition-delay: 1980ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(34) > a {
-webkit-transition-delay: 2040ms;
transition-delay: 2040ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(35) > a {
-webkit-transition-delay: 2100ms;
transition-delay: 2100ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(36) > a {
-webkit-transition-delay: 2160ms;
transition-delay: 2160ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(37) > a {
-webkit-transition-delay: 2220ms;
transition-delay: 2220ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(38) > a {
-webkit-transition-delay: 2280ms;
transition-delay: 2280ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(39) > a {
-webkit-transition-delay: 2340ms;
transition-delay: 2340ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(40) > a {
-webkit-transition-delay: 2400ms;
transition-delay: 2400ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(41) > a {
-webkit-transition-delay: 2460ms;
transition-delay: 2460ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(42) > a {
-webkit-transition-delay: 2520ms;
transition-delay: 2520ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(43) > a {
-webkit-transition-delay: 2580ms;
transition-delay: 2580ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(44) > a {
-webkit-transition-delay: 2640ms;
transition-delay: 2640ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(45) > a {
-webkit-transition-delay: 2700ms;
transition-delay: 2700ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(46) > a {
-webkit-transition-delay: 2760ms;
transition-delay: 2760ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(47) > a {
-webkit-transition-delay: 2820ms;
transition-delay: 2820ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(48) > a {
-webkit-transition-delay: 2880ms;
transition-delay: 2880ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(49) > a {
-webkit-transition-delay: 2940ms;
transition-delay: 2940ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(50) > a {
-webkit-transition-delay: 3000ms;
transition-delay: 3000ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(51) > a {
-webkit-transition-delay: 3060ms;
transition-delay: 3060ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(52) > a {
-webkit-transition-delay: 3120ms;
transition-delay: 3120ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(53) > a {
-webkit-transition-delay: 3180ms;
transition-delay: 3180ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(54) > a {
-webkit-transition-delay: 3240ms;
transition-delay: 3240ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(55) > a {
-webkit-transition-delay: 3300ms;
transition-delay: 3300ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(56) > a {
-webkit-transition-delay: 3360ms;
transition-delay: 3360ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(57) > a {
-webkit-transition-delay: 3420ms;
transition-delay: 3420ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(58) > a {
-webkit-transition-delay: 3480ms;
transition-delay: 3480ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(59) > a {
-webkit-transition-delay: 3540ms;
transition-delay: 3540ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(60) > a {
-webkit-transition-delay: 3600ms;
transition-delay: 3600ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(61) > a {
-webkit-transition-delay: 3660ms;
transition-delay: 3660ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(62) > a {
-webkit-transition-delay: 3720ms;
transition-delay: 3720ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(63) > a {
-webkit-transition-delay: 3780ms;
transition-delay: 3780ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(64) > a {
-webkit-transition-delay: 3840ms;
transition-delay: 3840ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(65) > a {
-webkit-transition-delay: 3900ms;
transition-delay: 3900ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(66) > a {
-webkit-transition-delay: 3960ms;
transition-delay: 3960ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(67) > a {
-webkit-transition-delay: 4020ms;
transition-delay: 4020ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(68) > a {
-webkit-transition-delay: 4080ms;
transition-delay: 4080ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(69) > a {
-webkit-transition-delay: 4140ms;
transition-delay: 4140ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(70) > a {
-webkit-transition-delay: 4200ms;
transition-delay: 4200ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(71) > a {
-webkit-transition-delay: 4260ms;
transition-delay: 4260ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(72) > a {
-webkit-transition-delay: 4320ms;
transition-delay: 4320ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(73) > a {
-webkit-transition-delay: 4380ms;
transition-delay: 4380ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(74) > a {
-webkit-transition-delay: 4440ms;
transition-delay: 4440ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(75) > a {
-webkit-transition-delay: 4500ms;
transition-delay: 4500ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(76) > a {
-webkit-transition-delay: 4560ms;
transition-delay: 4560ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(77) > a {
-webkit-transition-delay: 4620ms;
transition-delay: 4620ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(78) > a {
-webkit-transition-delay: 4680ms;
transition-delay: 4680ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(79) > a {
-webkit-transition-delay: 4740ms;
transition-delay: 4740ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(80) > a {
-webkit-transition-delay: 4800ms;
transition-delay: 4800ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(81) > a {
-webkit-transition-delay: 4860ms;
transition-delay: 4860ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(82) > a {
-webkit-transition-delay: 4920ms;
transition-delay: 4920ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(83) > a {
-webkit-transition-delay: 4980ms;
transition-delay: 4980ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(84) > a {
-webkit-transition-delay: 5040ms;
transition-delay: 5040ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(85) > a {
-webkit-transition-delay: 5100ms;
transition-delay: 5100ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(86) > a {
-webkit-transition-delay: 5160ms;
transition-delay: 5160ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(87) > a {
-webkit-transition-delay: 5220ms;
transition-delay: 5220ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(88) > a {
-webkit-transition-delay: 5280ms;
transition-delay: 5280ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(89) > a {
-webkit-transition-delay: 5340ms;
transition-delay: 5340ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(90) > a {
-webkit-transition-delay: 5400ms;
transition-delay: 5400ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(91) > a {
-webkit-transition-delay: 5460ms;
transition-delay: 5460ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(92) > a {
-webkit-transition-delay: 5520ms;
transition-delay: 5520ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(93) > a {
-webkit-transition-delay: 5580ms;
transition-delay: 5580ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(94) > a {
-webkit-transition-delay: 5640ms;
transition-delay: 5640ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(95) > a {
-webkit-transition-delay: 5700ms;
transition-delay: 5700ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(96) > a {
-webkit-transition-delay: 5760ms;
transition-delay: 5760ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(97) > a {
-webkit-transition-delay: 5820ms;
transition-delay: 5820ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(98) > a {
-webkit-transition-delay: 5880ms;
transition-delay: 5880ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(99) > a {
-webkit-transition-delay: 5940ms;
transition-delay: 5940ms;
}
.not-edge .nav-menu-desktop li:not(.mega-menu) ul.sub-menu li:nth-child(100) > a {
-webkit-transition-delay: 6000ms;
transition-delay: 6000ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(1) a {
-webkit-transition-delay: 60ms;
transition-delay: 60ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(2) a {
-webkit-transition-delay: 120ms;
transition-delay: 120ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(3) a {
-webkit-transition-delay: 180ms;
transition-delay: 180ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(4) a {
-webkit-transition-delay: 240ms;
transition-delay: 240ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(5) a {
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(6) a {
-webkit-transition-delay: 360ms;
transition-delay: 360ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(7) a {
-webkit-transition-delay: 420ms;
transition-delay: 420ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(8) a {
-webkit-transition-delay: 480ms;
transition-delay: 480ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(9) a {
-webkit-transition-delay: 540ms;
transition-delay: 540ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(10) a {
-webkit-transition-delay: 600ms;
transition-delay: 600ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(11) a {
-webkit-transition-delay: 660ms;
transition-delay: 660ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(12) a {
-webkit-transition-delay: 720ms;
transition-delay: 720ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(13) a {
-webkit-transition-delay: 780ms;
transition-delay: 780ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(14) a {
-webkit-transition-delay: 840ms;
transition-delay: 840ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(15) a {
-webkit-transition-delay: 900ms;
transition-delay: 900ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(16) a {
-webkit-transition-delay: 960ms;
transition-delay: 960ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(17) a {
-webkit-transition-delay: 1020ms;
transition-delay: 1020ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(18) a {
-webkit-transition-delay: 1080ms;
transition-delay: 1080ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(19) a {
-webkit-transition-delay: 1140ms;
transition-delay: 1140ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(20) a {
-webkit-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(21) a {
-webkit-transition-delay: 1260ms;
transition-delay: 1260ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(22) a {
-webkit-transition-delay: 1320ms;
transition-delay: 1320ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(23) a {
-webkit-transition-delay: 1380ms;
transition-delay: 1380ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(24) a {
-webkit-transition-delay: 1440ms;
transition-delay: 1440ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(25) a {
-webkit-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(26) a {
-webkit-transition-delay: 1560ms;
transition-delay: 1560ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(27) a {
-webkit-transition-delay: 1620ms;
transition-delay: 1620ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(28) a {
-webkit-transition-delay: 1680ms;
transition-delay: 1680ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(29) a {
-webkit-transition-delay: 1740ms;
transition-delay: 1740ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(30) a {
-webkit-transition-delay: 1800ms;
transition-delay: 1800ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(31) a {
-webkit-transition-delay: 1860ms;
transition-delay: 1860ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(32) a {
-webkit-transition-delay: 1920ms;
transition-delay: 1920ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(33) a {
-webkit-transition-delay: 1980ms;
transition-delay: 1980ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(34) a {
-webkit-transition-delay: 2040ms;
transition-delay: 2040ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(35) a {
-webkit-transition-delay: 2100ms;
transition-delay: 2100ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(36) a {
-webkit-transition-delay: 2160ms;
transition-delay: 2160ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(37) a {
-webkit-transition-delay: 2220ms;
transition-delay: 2220ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(38) a {
-webkit-transition-delay: 2280ms;
transition-delay: 2280ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(39) a {
-webkit-transition-delay: 2340ms;
transition-delay: 2340ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(40) a {
-webkit-transition-delay: 2400ms;
transition-delay: 2400ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(41) a {
-webkit-transition-delay: 2460ms;
transition-delay: 2460ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(42) a {
-webkit-transition-delay: 2520ms;
transition-delay: 2520ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(43) a {
-webkit-transition-delay: 2580ms;
transition-delay: 2580ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(44) a {
-webkit-transition-delay: 2640ms;
transition-delay: 2640ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(45) a {
-webkit-transition-delay: 2700ms;
transition-delay: 2700ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(46) a {
-webkit-transition-delay: 2760ms;
transition-delay: 2760ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(47) a {
-webkit-transition-delay: 2820ms;
transition-delay: 2820ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(48) a {
-webkit-transition-delay: 2880ms;
transition-delay: 2880ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(49) a {
-webkit-transition-delay: 2940ms;
transition-delay: 2940ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(50) a {
-webkit-transition-delay: 3000ms;
transition-delay: 3000ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(51) a {
-webkit-transition-delay: 3060ms;
transition-delay: 3060ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(52) a {
-webkit-transition-delay: 3120ms;
transition-delay: 3120ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(53) a {
-webkit-transition-delay: 3180ms;
transition-delay: 3180ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(54) a {
-webkit-transition-delay: 3240ms;
transition-delay: 3240ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(55) a {
-webkit-transition-delay: 3300ms;
transition-delay: 3300ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(56) a {
-webkit-transition-delay: 3360ms;
transition-delay: 3360ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(57) a {
-webkit-transition-delay: 3420ms;
transition-delay: 3420ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(58) a {
-webkit-transition-delay: 3480ms;
transition-delay: 3480ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(59) a {
-webkit-transition-delay: 3540ms;
transition-delay: 3540ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(60) a {
-webkit-transition-delay: 3600ms;
transition-delay: 3600ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(61) a {
-webkit-transition-delay: 3660ms;
transition-delay: 3660ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(62) a {
-webkit-transition-delay: 3720ms;
transition-delay: 3720ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(63) a {
-webkit-transition-delay: 3780ms;
transition-delay: 3780ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(64) a {
-webkit-transition-delay: 3840ms;
transition-delay: 3840ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(65) a {
-webkit-transition-delay: 3900ms;
transition-delay: 3900ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(66) a {
-webkit-transition-delay: 3960ms;
transition-delay: 3960ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(67) a {
-webkit-transition-delay: 4020ms;
transition-delay: 4020ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(68) a {
-webkit-transition-delay: 4080ms;
transition-delay: 4080ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(69) a {
-webkit-transition-delay: 4140ms;
transition-delay: 4140ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(70) a {
-webkit-transition-delay: 4200ms;
transition-delay: 4200ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(71) a {
-webkit-transition-delay: 4260ms;
transition-delay: 4260ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(72) a {
-webkit-transition-delay: 4320ms;
transition-delay: 4320ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(73) a {
-webkit-transition-delay: 4380ms;
transition-delay: 4380ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(74) a {
-webkit-transition-delay: 4440ms;
transition-delay: 4440ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(75) a {
-webkit-transition-delay: 4500ms;
transition-delay: 4500ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(76) a {
-webkit-transition-delay: 4560ms;
transition-delay: 4560ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(77) a {
-webkit-transition-delay: 4620ms;
transition-delay: 4620ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(78) a {
-webkit-transition-delay: 4680ms;
transition-delay: 4680ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(79) a {
-webkit-transition-delay: 4740ms;
transition-delay: 4740ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(80) a {
-webkit-transition-delay: 4800ms;
transition-delay: 4800ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(81) a {
-webkit-transition-delay: 4860ms;
transition-delay: 4860ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(82) a {
-webkit-transition-delay: 4920ms;
transition-delay: 4920ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(83) a {
-webkit-transition-delay: 4980ms;
transition-delay: 4980ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(84) a {
-webkit-transition-delay: 5040ms;
transition-delay: 5040ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(85) a {
-webkit-transition-delay: 5100ms;
transition-delay: 5100ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(86) a {
-webkit-transition-delay: 5160ms;
transition-delay: 5160ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(87) a {
-webkit-transition-delay: 5220ms;
transition-delay: 5220ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(88) a {
-webkit-transition-delay: 5280ms;
transition-delay: 5280ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(89) a {
-webkit-transition-delay: 5340ms;
transition-delay: 5340ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(90) a {
-webkit-transition-delay: 5400ms;
transition-delay: 5400ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(91) a {
-webkit-transition-delay: 5460ms;
transition-delay: 5460ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(92) a {
-webkit-transition-delay: 5520ms;
transition-delay: 5520ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(93) a {
-webkit-transition-delay: 5580ms;
transition-delay: 5580ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(94) a {
-webkit-transition-delay: 5640ms;
transition-delay: 5640ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(95) a {
-webkit-transition-delay: 5700ms;
transition-delay: 5700ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(96) a {
-webkit-transition-delay: 5760ms;
transition-delay: 5760ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(97) a {
-webkit-transition-delay: 5820ms;
transition-delay: 5820ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(98) a {
-webkit-transition-delay: 5880ms;
transition-delay: 5880ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(99) a {
-webkit-transition-delay: 5940ms;
transition-delay: 5940ms;
}
.not-edge .nav-menu-desktop li.mega-menu ul.sub-menu li:nth-child(100) a {
-webkit-transition-delay: 6000ms;
transition-delay: 6000ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(1) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(1) > a {
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(2) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(2) > a {
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(3) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(3) > a {
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(4) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(4) > a {
-webkit-transition-delay: 400ms;
transition-delay: 400ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(5) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(5) > a {
-webkit-transition-delay: 500ms;
transition-delay: 500ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(6) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(6) > a {
-webkit-transition-delay: 600ms;
transition-delay: 600ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(7) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(7) > a {
-webkit-transition-delay: 700ms;
transition-delay: 700ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(8) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(8) > a {
-webkit-transition-delay: 800ms;
transition-delay: 800ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(9) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(9) > a {
-webkit-transition-delay: 900ms;
transition-delay: 900ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(10) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(10) > a {
-webkit-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(11) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(11) > a {
-webkit-transition-delay: 1100ms;
transition-delay: 1100ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(12) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(12) > a {
-webkit-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(13) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(13) > a {
-webkit-transition-delay: 1300ms;
transition-delay: 1300ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(14) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(14) > a {
-webkit-transition-delay: 1400ms;
transition-delay: 1400ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(15) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(15) > a {
-webkit-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(16) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(16) > a {
-webkit-transition-delay: 1600ms;
transition-delay: 1600ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(17) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(17) > a {
-webkit-transition-delay: 1700ms;
transition-delay: 1700ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(18) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(18) > a {
-webkit-transition-delay: 1800ms;
transition-delay: 1800ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(19) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(19) > a {
-webkit-transition-delay: 1900ms;
transition-delay: 1900ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(20) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(20) > a {
-webkit-transition-delay: 2000ms;
transition-delay: 2000ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(21) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(21) > a {
-webkit-transition-delay: 2100ms;
transition-delay: 2100ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(22) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(22) > a {
-webkit-transition-delay: 2200ms;
transition-delay: 2200ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(23) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(23) > a {
-webkit-transition-delay: 2300ms;
transition-delay: 2300ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(24) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(24) > a {
-webkit-transition-delay: 2400ms;
transition-delay: 2400ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(25) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(25) > a {
-webkit-transition-delay: 2500ms;
transition-delay: 2500ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(26) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(26) > a {
-webkit-transition-delay: 2600ms;
transition-delay: 2600ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(27) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(27) > a {
-webkit-transition-delay: 2700ms;
transition-delay: 2700ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(28) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(28) > a {
-webkit-transition-delay: 2800ms;
transition-delay: 2800ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(29) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(29) > a {
-webkit-transition-delay: 2900ms;
transition-delay: 2900ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(30) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(30) > a {
-webkit-transition-delay: 3000ms;
transition-delay: 3000ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(31) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(31) > a {
-webkit-transition-delay: 3100ms;
transition-delay: 3100ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(32) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(32) > a {
-webkit-transition-delay: 3200ms;
transition-delay: 3200ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(33) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(33) > a {
-webkit-transition-delay: 3300ms;
transition-delay: 3300ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(34) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(34) > a {
-webkit-transition-delay: 3400ms;
transition-delay: 3400ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(35) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(35) > a {
-webkit-transition-delay: 3500ms;
transition-delay: 3500ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(36) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(36) > a {
-webkit-transition-delay: 3600ms;
transition-delay: 3600ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(37) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(37) > a {
-webkit-transition-delay: 3700ms;
transition-delay: 3700ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(38) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(38) > a {
-webkit-transition-delay: 3800ms;
transition-delay: 3800ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(39) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(39) > a {
-webkit-transition-delay: 3900ms;
transition-delay: 3900ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(40) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(40) > a {
-webkit-transition-delay: 4000ms;
transition-delay: 4000ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(41) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(41) > a {
-webkit-transition-delay: 4100ms;
transition-delay: 4100ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(42) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(42) > a {
-webkit-transition-delay: 4200ms;
transition-delay: 4200ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(43) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(43) > a {
-webkit-transition-delay: 4300ms;
transition-delay: 4300ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(44) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(44) > a {
-webkit-transition-delay: 4400ms;
transition-delay: 4400ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(45) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(45) > a {
-webkit-transition-delay: 4500ms;
transition-delay: 4500ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(46) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(46) > a {
-webkit-transition-delay: 4600ms;
transition-delay: 4600ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(47) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(47) > a {
-webkit-transition-delay: 4700ms;
transition-delay: 4700ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(48) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(48) > a {
-webkit-transition-delay: 4800ms;
transition-delay: 4800ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(49) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(49) > a {
-webkit-transition-delay: 4900ms;
transition-delay: 4900ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(50) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(50) > a {
-webkit-transition-delay: 5000ms;
transition-delay: 5000ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(51) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(51) > a {
-webkit-transition-delay: 5100ms;
transition-delay: 5100ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(52) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(52) > a {
-webkit-transition-delay: 5200ms;
transition-delay: 5200ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(53) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(53) > a {
-webkit-transition-delay: 5300ms;
transition-delay: 5300ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(54) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(54) > a {
-webkit-transition-delay: 5400ms;
transition-delay: 5400ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(55) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(55) > a {
-webkit-transition-delay: 5500ms;
transition-delay: 5500ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(56) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(56) > a {
-webkit-transition-delay: 5600ms;
transition-delay: 5600ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(57) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(57) > a {
-webkit-transition-delay: 5700ms;
transition-delay: 5700ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(58) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(58) > a {
-webkit-transition-delay: 5800ms;
transition-delay: 5800ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(59) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(59) > a {
-webkit-transition-delay: 5900ms;
transition-delay: 5900ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(60) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(60) > a {
-webkit-transition-delay: 6000ms;
transition-delay: 6000ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(61) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(61) > a {
-webkit-transition-delay: 6100ms;
transition-delay: 6100ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(62) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(62) > a {
-webkit-transition-delay: 6200ms;
transition-delay: 6200ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(63) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(63) > a {
-webkit-transition-delay: 6300ms;
transition-delay: 6300ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(64) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(64) > a {
-webkit-transition-delay: 6400ms;
transition-delay: 6400ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(65) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(65) > a {
-webkit-transition-delay: 6500ms;
transition-delay: 6500ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(66) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(66) > a {
-webkit-transition-delay: 6600ms;
transition-delay: 6600ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(67) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(67) > a {
-webkit-transition-delay: 6700ms;
transition-delay: 6700ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(68) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(68) > a {
-webkit-transition-delay: 6800ms;
transition-delay: 6800ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(69) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(69) > a {
-webkit-transition-delay: 6900ms;
transition-delay: 6900ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(70) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(70) > a {
-webkit-transition-delay: 7000ms;
transition-delay: 7000ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(71) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(71) > a {
-webkit-transition-delay: 7100ms;
transition-delay: 7100ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(72) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(72) > a {
-webkit-transition-delay: 7200ms;
transition-delay: 7200ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(73) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(73) > a {
-webkit-transition-delay: 7300ms;
transition-delay: 7300ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(74) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(74) > a {
-webkit-transition-delay: 7400ms;
transition-delay: 7400ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(75) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(75) > a {
-webkit-transition-delay: 7500ms;
transition-delay: 7500ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(76) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(76) > a {
-webkit-transition-delay: 7600ms;
transition-delay: 7600ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(77) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(77) > a {
-webkit-transition-delay: 7700ms;
transition-delay: 7700ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(78) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(78) > a {
-webkit-transition-delay: 7800ms;
transition-delay: 7800ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(79) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(79) > a {
-webkit-transition-delay: 7900ms;
transition-delay: 7900ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(80) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(80) > a {
-webkit-transition-delay: 8000ms;
transition-delay: 8000ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(81) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(81) > a {
-webkit-transition-delay: 8100ms;
transition-delay: 8100ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(82) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(82) > a {
-webkit-transition-delay: 8200ms;
transition-delay: 8200ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(83) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(83) > a {
-webkit-transition-delay: 8300ms;
transition-delay: 8300ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(84) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(84) > a {
-webkit-transition-delay: 8400ms;
transition-delay: 8400ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(85) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(85) > a {
-webkit-transition-delay: 8500ms;
transition-delay: 8500ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(86) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(86) > a {
-webkit-transition-delay: 8600ms;
transition-delay: 8600ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(87) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(87) > a {
-webkit-transition-delay: 8700ms;
transition-delay: 8700ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(88) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(88) > a {
-webkit-transition-delay: 8800ms;
transition-delay: 8800ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(89) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(89) > a {
-webkit-transition-delay: 8900ms;
transition-delay: 8900ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(90) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(90) > a {
-webkit-transition-delay: 9000ms;
transition-delay: 9000ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(91) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(91) > a {
-webkit-transition-delay: 9100ms;
transition-delay: 9100ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(92) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(92) > a {
-webkit-transition-delay: 9200ms;
transition-delay: 9200ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(93) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(93) > a {
-webkit-transition-delay: 9300ms;
transition-delay: 9300ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(94) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(94) > a {
-webkit-transition-delay: 9400ms;
transition-delay: 9400ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(95) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(95) > a {
-webkit-transition-delay: 9500ms;
transition-delay: 9500ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(96) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(96) > a {
-webkit-transition-delay: 9600ms;
transition-delay: 9600ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(97) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(97) > a {
-webkit-transition-delay: 9700ms;
transition-delay: 9700ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(98) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(98) > a {
-webkit-transition-delay: 9800ms;
transition-delay: 9800ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(99) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(99) > a {
-webkit-transition-delay: 9900ms;
transition-delay: 9900ms;
}
.not-edge .overlay-menu-panel-inner #site-navigation-primary-vertical li:nth-child(100) > a,
.not-edge .overlay-menu-panel-inner #site-navigation-vertical-vertical li:nth-child(100) > a {
-webkit-transition-delay: 10000ms;
transition-delay: 10000ms;
}
/**
* @# Hero
**/
body.hero-layout-none #hero {
display: none;
}
#hero {
position: relative;
overflow: hidden;
}
#hero-overlay {
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .22;
}
.no-hero #hero-overlay {
opacity: .04;
}
#hero-content {
max-width: 100vw;
position: relative;
padding: 50px 0;
}
#hero-inner {
padding-top: 98px;
}
.menu-style-solid:not(.menu-layout-top-right-floating) #hero-inner,
.breakpoint.menu-style-solid #hero-inner,
.menu-style-solid-light:not(.menu-layout-top-right-floating) #hero-inner,
.breakpoint.menu-style-solid-light #hero-inner,
.menu-style-solid-dark:not(.menu-layout-top-right-floating) #hero-inner,
.breakpoint.menu-style-solid-dark #hero-inner {
padding-top: 0;
}
.post-title-container {
z-index: 5;
margin: 0 auto;
position: relative;
text-align: center;
padding: 8px 40px;
max-width: 960px;
}
.post-title-container .post-summary {
max-width: 960px;
margin: 0 auto;
}
.post-title-container .post-title {
font-size: 32px;
margin-bottom: 0;
}
.post-title-container .author-box {
margin-bottom: 0;
}
.post-title-container .author-avatar {
float: none;
}
.post-title-container .author-description {
padding-left: 0;
font-size: 15px;
}
.post-title-container .author-description p {
margin-bottom: 30px;
}
.post-title-container .author-socials a {
margin: 0 11px;
}
.hero-section {
margin-top: 14px;
}
.hero-section:empty {
display: none;
}
#hero-inner {
display: table;
width: 100%;
height: 100%;
}
#hero-content {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
#hero-content .hero-section:first-child {
margin-top: 0;
}
.post-meta-container,
.post-secondary-meta-container {
z-index: 5;
position: relative;
text-align: center;
padding: 0 40px;
max-width: 960px;
margin: 0 auto 0;
font-size: 14px;
}
.post-meta-container:empty {
margin: 0;
}
.post-secondary-meta-container {
margin-top: 30px;
font-size: 13px;
}
.post-secondary-meta-container:empty {
margin: 0;
}
.post-meta-separator:before {
content: ' | ';
margin: 0 8px;
}
.subheading {
font-size: 18px;
}
.img-bg-overlay {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
z-index: 0;
}
body.has-hero.hero-font-dark #hero {
color: #333;
}
body.has-hero.hero-font-dark #hero a, body.has-hero.hero-font-dark #hero strong, body.has-hero.hero-font-dark #hero h1, body.has-hero.hero-font-dark #hero h2, body.has-hero.hero-font-dark #hero h3, body.has-hero.hero-font-dark #hero h4, body.has-hero.hero-font-dark #hero h5, body.has-hero.hero-font-dark #hero h6, body.has-hero.hero-font-dark #hero b,
body.has-hero.hero-font-dark #hero .subheading,
body.has-hero.hero-font-dark #hero .category-description {
color: #333;
}
body.has-hero.hero-font-dark #hero .post-title-date a {
color: #333 !important;
}
body.has-hero.hero-font-light #hero {
color: #FFF;
}
body.has-hero.hero-font-light #hero a, body.has-hero.hero-font-light #hero strong, body.has-hero.hero-font-light #hero h1, body.has-hero.hero-font-light #hero h2, body.has-hero.hero-font-light #hero h3, body.has-hero.hero-font-light #hero h4, body.has-hero.hero-font-light #hero h5, body.has-hero.hero-font-light #hero h6, body.has-hero.hero-font-light #hero b,
body.has-hero.hero-font-light #hero .subheading,
body.has-hero.hero-font-light #hero .category-description {
color: #FFF;
}
body.has-hero.hero-font-light #hero .post-title-date a {
color: #FFF !important;
}
/**
* @# Entry
**/
.wow {
visibility: hidden;
}
.no-animations .wow {
visibility: visible;
}
.entry {
position: relative;
}
.entry .entry-title {
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.entry-post .wvc-audio-shortcode-container-has-image img,
.entry-post .wolf-core-audio-shortcode-container-has-image img {
display: none;
}
.entry-meta > span {
margin-right: 8px;
}
.entry-tags-list .meta-icon,
.entry-category-list .meta-icon,
.post-extra-meta .meta-icon,
.post-comments .meta-icon {
margin-right: 5px;
}
.custom-edit-link {
margin-left: 5px;
}
.custom-edit-link .meta-icon {
margin-right: 5px;
}
.updated:not(.published) {
display: none;
}
.category-label {
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
position: absolute;
color: #fff !important;
padding: 4px 14px;
display: block;
background: rgba(255, 255, 255, 0.22);
font-size: 13px;
}
.category-label:hover {
opacity: 1;
background: #91ff6a;
}
.accent-color-light .category-label:hover {
color: #333 !important;
}
.sticky-post {
display: inline-block;
top: 0;
left: 0;
padding: 5px 8px;
z-index: 15;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 18px;
}
.sticky-post:before {
font-size: inherit;
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e829';
font-family: Linearicons-Free;
}
.sticky-post-label {
margin-right: 8px;
}
.sticky-post-label:before {
font-size: inherit;
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\f08d';
font-family: FontAwesome;
}
.hashtag:before {
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: FontAwesome;
content: '\f292';
}
.category-icon:before {
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: FontAwesome;
content: '\f114';
}
.edit-pencil:before {
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: FontAwesome;
content: '\f040';
}
.views-icon:before {
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: FontAwesome;
content: '\f06e';
}
.reading-time-icon:before {
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: FontAwesome;
content: '\f017';
}
.comments-icon:before {
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: FontAwesome;
content: '\f0e5';
}
.format-link-title-icon:before {
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: linea-arrows-10;
content: '\e062';
}
.post-extra-meta {
margin-top: 14px;
opacity: 0.77;
}
.post-extra-meta .post-meta {
margin: 6px;
}
.post-extra-meta .post-meta:first-of-type {
margin-left: 0;
}
.post-extra-meta .post-meta:last-of-type, .post-extra-meta .post-meta:only-child {
margin-right: 0;
}
.post-extra-meta .post-meta .fa {
margin-right: 6px;
}
.wolf-like-this {
cursor: pointer;
}
.wolf-like-this.wolf-liked {
cursor: default;
}
.wolf-like-this.wolf-liked .fa:before {
content: '\f004';
}
.instagram-image {
-webkit-transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
}
.instagram-image:hover {
opacity: 0.88;
}
.instagram-image:before {
position: absolute;
width: 24px;
height: 24px;
right: 15px;
top: 5px;
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'Socicon';
content: '\e044';
color: #fff;
font-size: 24px;
}
/* Cover */
/* Infinite scroll loading */
#infscr-loading {
bottom: 0;
position: absolute;
z-index: 100;
vertical-align: middle;
width: 100%;
text-align: center;
}
#infscr-loading div {
display: none;
}
.trigger-container {
text-align: center;
width: 100%;
margin: 0 auto 35px;
}
.trigger {
display: block;
padding: 10px 15px;
margin: 15px auto;
position: relative;
font-size: 13px;
width: 100%;
cursor: pointer;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
}
.trigger:hover {
opacity: 0.8;
}
@-webkit-keyframes scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
.category-filter,
.mptt-shortcode-wrapper .mptt-navigation-tabs {
width: 100%;
padding: 0;
position: relative;
}
.category-filter ul,
.mptt-shortcode-wrapper .mptt-navigation-tabs ul {
padding: 0;
margin: 0;
list-style-type: none;
width: auto;
margin: 28px auto;
}
.category-filter ul li,
.mptt-shortcode-wrapper .mptt-navigation-tabs ul li {
display: inline-block;
margin: 0 10px;
}
.category-filter ul li a.active,
.mptt-shortcode-wrapper .mptt-navigation-tabs ul li a.active {
font-weight: 700;
}
@media screen and (min-width: 500px) {
.category-filter ul:first-child,
.mptt-shortcode-wrapper .mptt-navigation-tabs ul:first-child {
margin-left: 0;
}
.category-filter ul:last-child,
.mptt-shortcode-wrapper .mptt-navigation-tabs ul:last-child {
margin-right: 0;
}
.category-filter-text-align-center ul {
text-align: center;
}
.category-filter-text-align-left ul {
text-align: left;
}
.category-filter-text-align-right ul {
text-align: right;
}
}
.entry-no-result {
text-align: center;
padding: 50px 0;
max-width: 750px;
}
.wolf-share-button-count {
display: inline-block;
width: 20px;
height: 20px;
font-size: 10px;
line-height: 20px !important;
border-radius: 999em;
text-align: center;
}
.wolf-share-buttons-container .wolf-share-button {
margin: 0 8px;
line-height: 20px;
}
.wolf-share-buttons-container .wolf-share-button:first-child {
margin-left: 0;
}
.wolf-share-buttons-container .wolf-share-button.last-child, .wolf-share-buttons-container .wolf-share-button:only-child {
margin-right: 0;
}
.wolf-share-button-count {
margin-right: 0 !important;
}
.wolf-share-link-text {
display: none;
}
.wolf-share-link {
position: relative;
top: 4px;
}
.skin-light .wolf-share-button-count,
.skin-default .wolf-share-button-count,
[class^='skin-light_'] .wolf-share-button-count,
[class*=' skin-light_'] .wolf-share-button-count,
.wvc-font-dark .wolf-share-button-count,
.wolf-core-font-dark .wolf-share-button-count {
background: #444;
color: #fff;
}
.skin-light .wolf-share-link,
.skin-default .wolf-share-link,
[class^='skin-light_'] .wolf-share-link,
[class*=' skin-light_'] .wolf-share-link,
.wvc-font-dark .wolf-share-link,
.wolf-core-font-dark .wolf-share-link {
color: #444;
}
.skin-light .wolf-share-link svg path,
.skin-default .wolf-share-link svg path,
[class^='skin-light_'] .wolf-share-link svg path,
[class*=' skin-light_'] .wolf-share-link svg path,
.wvc-font-dark .wolf-share-link svg path,
.wolf-core-font-dark .wolf-share-link svg path {
fill: #444;
}
.global-skin-default.single-gallery .wolf-share-button-count,
.global-skin-default .work-info-container .wolf-share-button-count,
.global-skin-default .entry-single-post .wolf-share-button-count,
.global-skin-default .entry-summary .wolf-share-button-count,
.global-skin-default .work-info-container .wolf-share-button-count,
.global-skin-default .attachment-sidebar .wolf-share-button-count,
.global-skin-default .release-info-container .wolf-share-button-count,
.global-skin-light.single-gallery .wolf-share-button-count,
.global-skin-light .work-info-container .wolf-share-button-count,
.global-skin-light .entry-single-post .wolf-share-button-count,
.global-skin-light .entry-summary .wolf-share-button-count,
.global-skin-light .work-info-container .wolf-share-button-count,
.global-skin-light .attachment-sidebar .wolf-share-button-count,
.global-skin-light .release-info-container .wolf-share-button-count,
[class^='global-skin-light_'].single-gallery .wolf-share-button-count,
[class^='global-skin-light_'] .work-info-container .wolf-share-button-count,
[class^='global-skin-light_'] .entry-single-post .wolf-share-button-count,
[class^='global-skin-light_'] .entry-summary .wolf-share-button-count,
[class^='global-skin-light_'] .work-info-container .wolf-share-button-count,
[class^='global-skin-light_'] .attachment-sidebar .wolf-share-button-count,
[class^='global-skin-light_'] .release-info-container .wolf-share-button-count,
[class*=' global-skin-light_'].single-gallery .wolf-share-button-count,
[class*=' global-skin-light_'] .work-info-container .wolf-share-button-count,
[class*=' global-skin-light_'] .entry-single-post .wolf-share-button-count,
[class*=' global-skin-light_'] .entry-summary .wolf-share-button-count,
[class*=' global-skin-light_'] .work-info-container .wolf-share-button-count,
[class*=' global-skin-light_'] .attachment-sidebar .wolf-share-button-count,
[class*=' global-skin-light_'] .release-info-container .wolf-share-button-count {
background: #444;
color: #fff;
}
.global-skin-default.single-gallery .wolf-share-link,
.global-skin-default .work-info-container .wolf-share-link,
.global-skin-default .entry-single-post .wolf-share-link,
.global-skin-default .entry-summary .wolf-share-link,
.global-skin-default .work-info-container .wolf-share-link,
.global-skin-default .attachment-sidebar .wolf-share-link,
.global-skin-default .release-info-container .wolf-share-link,
.global-skin-light.single-gallery .wolf-share-link,
.global-skin-light .work-info-container .wolf-share-link,
.global-skin-light .entry-single-post .wolf-share-link,
.global-skin-light .entry-summary .wolf-share-link,
.global-skin-light .work-info-container .wolf-share-link,
.global-skin-light .attachment-sidebar .wolf-share-link,
.global-skin-light .release-info-container .wolf-share-link,
[class^='global-skin-light_'].single-gallery .wolf-share-link,
[class^='global-skin-light_'] .work-info-container .wolf-share-link,
[class^='global-skin-light_'] .entry-single-post .wolf-share-link,
[class^='global-skin-light_'] .entry-summary .wolf-share-link,
[class^='global-skin-light_'] .work-info-container .wolf-share-link,
[class^='global-skin-light_'] .attachment-sidebar .wolf-share-link,
[class^='global-skin-light_'] .release-info-container .wolf-share-link,
[class*=' global-skin-light_'].single-gallery .wolf-share-link,
[class*=' global-skin-light_'] .work-info-container .wolf-share-link,
[class*=' global-skin-light_'] .entry-single-post .wolf-share-link,
[class*=' global-skin-light_'] .entry-summary .wolf-share-link,
[class*=' global-skin-light_'] .work-info-container .wolf-share-link,
[class*=' global-skin-light_'] .attachment-sidebar .wolf-share-link,
[class*=' global-skin-light_'] .release-info-container .wolf-share-link {
color: #444;
}
.global-skin-default.single-gallery .wolf-share-link svg path,
.global-skin-default .work-info-container .wolf-share-link svg path,
.global-skin-default .entry-single-post .wolf-share-link svg path,
.global-skin-default .entry-summary .wolf-share-link svg path,
.global-skin-default .work-info-container .wolf-share-link svg path,
.global-skin-default .attachment-sidebar .wolf-share-link svg path,
.global-skin-default .release-info-container .wolf-share-link svg path,
.global-skin-light.single-gallery .wolf-share-link svg path,
.global-skin-light .work-info-container .wolf-share-link svg path,
.global-skin-light .entry-single-post .wolf-share-link svg path,
.global-skin-light .entry-summary .wolf-share-link svg path,
.global-skin-light .work-info-container .wolf-share-link svg path,
.global-skin-light .attachment-sidebar .wolf-share-link svg path,
.global-skin-light .release-info-container .wolf-share-link svg path,
[class^='global-skin-light_'].single-gallery .wolf-share-link svg path,
[class^='global-skin-light_'] .work-info-container .wolf-share-link svg path,
[class^='global-skin-light_'] .entry-single-post .wolf-share-link svg path,
[class^='global-skin-light_'] .entry-summary .wolf-share-link svg path,
[class^='global-skin-light_'] .work-info-container .wolf-share-link svg path,
[class^='global-skin-light_'] .attachment-sidebar .wolf-share-link svg path,
[class^='global-skin-light_'] .release-info-container .wolf-share-link svg path,
[class*=' global-skin-light_'].single-gallery .wolf-share-link svg path,
[class*=' global-skin-light_'] .work-info-container .wolf-share-link svg path,
[class*=' global-skin-light_'] .entry-single-post .wolf-share-link svg path,
[class*=' global-skin-light_'] .entry-summary .wolf-share-link svg path,
[class*=' global-skin-light_'] .work-info-container .wolf-share-link svg path,
[class*=' global-skin-light_'] .attachment-sidebar .wolf-share-link svg path,
[class*=' global-skin-light_'] .release-info-container .wolf-share-link svg path {
fill: #444;
}
.skin-dark .wolf-share-button-count,
.skin-default .wolf-share-button-count,
[class^='skin-dark_'] .wolf-share-button-count,
[class*=' skin-dark_'] .wolf-share-button-count,
.wvc-font-light .wolf-share-button-count,
.wolf-core-font-light .wolf-share-button-count {
background: #fff;
color: #333;
}
.skin-dark .wolf-share-link,
.skin-default .wolf-share-link,
[class^='skin-dark_'] .wolf-share-link,
[class*=' skin-dark_'] .wolf-share-link,
.wvc-font-light .wolf-share-link,
.wolf-core-font-light .wolf-share-link {
color: #fff;
}
.skin-dark .wolf-share-link svg path,
.skin-default .wolf-share-link svg path,
[class^='skin-dark_'] .wolf-share-link svg path,
[class*=' skin-dark_'] .wolf-share-link svg path,
.wvc-font-light .wolf-share-link svg path,
.wolf-core-font-light .wolf-share-link svg path {
fill: #fff;
}
.global-skin-dark.single-gallery .wolf-share-button-count,
.global-skin-dark .work-info-container .wolf-share-button-count,
.global-skin-dark .entry-single-post .wolf-share-button-count,
.global-skin-dark .entry-summary .wolf-share-button-count,
.global-skin-dark .work-info-container .wolf-share-button-count,
.global-skin-dark .attachment-sidebar .wolf-share-button-count,
.global-skin-dark .release-info-container .wolf-share-button-count,
[class^='global-skin-dark_'].single-gallery .wolf-share-button-count,
[class^='global-skin-dark_'] .work-info-container .wolf-share-button-count,
[class^='global-skin-dark_'] .entry-single-post .wolf-share-button-count,
[class^='global-skin-dark_'] .entry-summary .wolf-share-button-count,
[class^='global-skin-dark_'] .work-info-container .wolf-share-button-count,
[class^='global-skin-dark_'] .attachment-sidebar .wolf-share-button-count,
[class^='global-skin-dark_'] .release-info-container .wolf-share-button-count,
[class*=' global-skin-dark_'].single-gallery .wolf-share-button-count,
[class*=' global-skin-dark_'] .work-info-container .wolf-share-button-count,
[class*=' global-skin-dark_'] .entry-single-post .wolf-share-button-count,
[class*=' global-skin-dark_'] .entry-summary .wolf-share-button-count,
[class*=' global-skin-dark_'] .work-info-container .wolf-share-button-count,
[class*=' global-skin-dark_'] .attachment-sidebar .wolf-share-button-count,
[class*=' global-skin-dark_'] .release-info-container .wolf-share-button-count {
background: #fff;
color: #333;
}
.global-skin-dark.single-gallery .wolf-share-link,
.global-skin-dark .work-info-container .wolf-share-link,
.global-skin-dark .entry-single-post .wolf-share-link,
.global-skin-dark .entry-summary .wolf-share-link,
.global-skin-dark .work-info-container .wolf-share-link,
.global-skin-dark .attachment-sidebar .wolf-share-link,
.global-skin-dark .release-info-container .wolf-share-link,
[class^='global-skin-dark_'].single-gallery .wolf-share-link,
[class^='global-skin-dark_'] .work-info-container .wolf-share-link,
[class^='global-skin-dark_'] .entry-single-post .wolf-share-link,
[class^='global-skin-dark_'] .entry-summary .wolf-share-link,
[class^='global-skin-dark_'] .work-info-container .wolf-share-link,
[class^='global-skin-dark_'] .attachment-sidebar .wolf-share-link,
[class^='global-skin-dark_'] .release-info-container .wolf-share-link,
[class*=' global-skin-dark_'].single-gallery .wolf-share-link,
[class*=' global-skin-dark_'] .work-info-container .wolf-share-link,
[class*=' global-skin-dark_'] .entry-single-post .wolf-share-link,
[class*=' global-skin-dark_'] .entry-summary .wolf-share-link,
[class*=' global-skin-dark_'] .work-info-container .wolf-share-link,
[class*=' global-skin-dark_'] .attachment-sidebar .wolf-share-link,
[class*=' global-skin-dark_'] .release-info-container .wolf-share-link {
color: #fff;
}
.global-skin-dark.single-gallery .wolf-share-link svg path,
.global-skin-dark .work-info-container .wolf-share-link svg path,
.global-skin-dark .entry-single-post .wolf-share-link svg path,
.global-skin-dark .entry-summary .wolf-share-link svg path,
.global-skin-dark .work-info-container .wolf-share-link svg path,
.global-skin-dark .attachment-sidebar .wolf-share-link svg path,
.global-skin-dark .release-info-container .wolf-share-link svg path,
[class^='global-skin-dark_'].single-gallery .wolf-share-link svg path,
[class^='global-skin-dark_'] .work-info-container .wolf-share-link svg path,
[class^='global-skin-dark_'] .entry-single-post .wolf-share-link svg path,
[class^='global-skin-dark_'] .entry-summary .wolf-share-link svg path,
[class^='global-skin-dark_'] .work-info-container .wolf-share-link svg path,
[class^='global-skin-dark_'] .attachment-sidebar .wolf-share-link svg path,
[class^='global-skin-dark_'] .release-info-container .wolf-share-link svg path,
[class*=' global-skin-dark_'].single-gallery .wolf-share-link svg path,
[class*=' global-skin-dark_'] .work-info-container .wolf-share-link svg path,
[class*=' global-skin-dark_'] .entry-single-post .wolf-share-link svg path,
[class*=' global-skin-dark_'] .entry-summary .wolf-share-link svg path,
[class*=' global-skin-dark_'] .work-info-container .wolf-share-link svg path,
[class*=' global-skin-dark_'] .attachment-sidebar .wolf-share-link svg path,
[class*=' global-skin-dark_'] .release-info-container .wolf-share-link svg path {
fill: #fff;
}
.search-results .content-wrapper {
max-width: 1140px !important !important;
}
/**
* @# Post
**/
.wvc-element {
margin-bottom: 35px;
}
.entry-post-grid,
.entry-post-grid_classic,
.entry-post-grid_modern,
.entry-post-grid_square,
.entry-post-mosaic,
.entry-post-masonry,
.entry-post-masonry_alt,
.entry-post-masonry_modern {
position: relative;
padding: 0;
margin: 0;
width: 100%;
}
.entry-post-grid img,
.entry-post-grid_classic img,
.entry-post-grid_modern img,
.entry-post-grid_square img,
.entry-post-mosaic img,
.entry-post-masonry img,
.entry-post-masonry_alt img,
.entry-post-masonry_modern img {
width: 100%;
}
.entry-post-grid .entry-box,
.entry-post-grid_classic .entry-box,
.entry-post-grid_modern .entry-box,
.entry-post-grid_square .entry-box,
.entry-post-mosaic .entry-box,
.entry-post-masonry .entry-box,
.entry-post-masonry_alt .entry-box,
.entry-post-masonry_modern .entry-box {
height: 100%;
}
.entry-post-grid .entry-link-mask,
.entry-post-grid_classic .entry-link-mask,
.entry-post-grid_modern .entry-link-mask,
.entry-post-grid_square .entry-link-mask,
.entry-post-mosaic .entry-link-mask,
.entry-post-masonry .entry-link-mask,
.entry-post-masonry_alt .entry-link-mask,
.entry-post-masonry_modern .entry-link-mask {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.entry-post-grid .category-label,
.entry-post-grid_classic .category-label,
.entry-post-grid_modern .category-label,
.entry-post-grid_square .category-label,
.entry-post-mosaic .category-label,
.entry-post-masonry .category-label,
.entry-post-masonry_alt .category-label,
.entry-post-masonry_modern .category-label {
z-index: 5;
top: 15px;
left: 20px;
}
.entry-post-grid .entry-image,
.entry-post-grid_classic .entry-image,
.entry-post-grid_modern .entry-image,
.entry-post-grid_square .entry-image,
.entry-post-mosaic .entry-image,
.entry-post-masonry .entry-image,
.entry-post-masonry_alt .entry-image,
.entry-post-masonry_modern .entry-image {
overflow: hidden;
position: relative;
}
.entry-post-grid .entry-image .sticky-post,
.entry-post-grid_classic .entry-image .sticky-post,
.entry-post-grid_modern .entry-image .sticky-post,
.entry-post-grid_square .entry-image .sticky-post,
.entry-post-mosaic .entry-image .sticky-post,
.entry-post-masonry .entry-image .sticky-post,
.entry-post-masonry_alt .entry-image .sticky-post,
.entry-post-masonry_modern .entry-image .sticky-post {
display: inline-block;
position: absolute;
height: 50px;
top: 4px;
left: auto;
right: 6px;
}
.entry-post-grid .entry-image .sticky-post:before,
.entry-post-grid_classic .entry-image .sticky-post:before,
.entry-post-grid_modern .entry-image .sticky-post:before,
.entry-post-grid_square .entry-image .sticky-post:before,
.entry-post-mosaic .entry-image .sticky-post:before,
.entry-post-masonry .entry-image .sticky-post:before,
.entry-post-masonry_alt .entry-image .sticky-post:before,
.entry-post-masonry_modern .entry-image .sticky-post:before {
color: #fff;
}
.entry-post-grid .entry-title .sticky-post,
.entry-post-grid_classic .entry-title .sticky-post,
.entry-post-grid_modern .entry-title .sticky-post,
.entry-post-grid_square .entry-title .sticky-post,
.entry-post-mosaic .entry-title .sticky-post,
.entry-post-masonry .entry-title .sticky-post,
.entry-post-masonry_alt .entry-title .sticky-post,
.entry-post-masonry_modern .entry-title .sticky-post {
padding: 0;
}
.entry-post-grid .entry-title,
.entry-post-grid_classic .entry-title,
.entry-post-grid_modern .entry-title,
.entry-post-grid_square .entry-title,
.entry-post-mosaic .entry-title,
.entry-post-masonry .entry-title,
.entry-post-masonry_alt .entry-title,
.entry-post-masonry_modern .entry-title {
display: block;
width: 100%;
font-size: 18px;
margin-top: 8px;
margin-bottom: 8px;
}
.entry-post-grid .entry-container,
.entry-post-grid_classic .entry-container,
.entry-post-grid_modern .entry-container,
.entry-post-grid_square .entry-container,
.entry-post-mosaic .entry-container,
.entry-post-masonry .entry-container,
.entry-post-masonry_alt .entry-container,
.entry-post-masonry_modern .entry-container {
position: relative;
overflow: hidden;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.entry-post-grid .entry-summary,
.entry-post-grid_classic .entry-summary,
.entry-post-grid_modern .entry-summary,
.entry-post-grid_square .entry-summary,
.entry-post-mosaic .entry-summary,
.entry-post-masonry .entry-summary,
.entry-post-masonry_alt .entry-summary,
.entry-post-masonry_modern .entry-summary {
height: auto;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.entry-post-grid .entry-summary-inner,
.entry-post-grid_classic .entry-summary-inner,
.entry-post-grid_modern .entry-summary-inner,
.entry-post-grid_square .entry-summary-inner,
.entry-post-mosaic .entry-summary-inner,
.entry-post-masonry .entry-summary-inner,
.entry-post-masonry_alt .entry-summary-inner,
.entry-post-masonry_modern .entry-summary-inner {
width: 100%;
padding: 50px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.entry-post-grid .entry-summary-inner img,
.entry-post-grid_classic .entry-summary-inner img,
.entry-post-grid_modern .entry-summary-inner img,
.entry-post-grid_square .entry-summary-inner img,
.entry-post-mosaic .entry-summary-inner img,
.entry-post-masonry .entry-summary-inner img,
.entry-post-masonry_alt .entry-summary-inner img,
.entry-post-masonry_modern .entry-summary-inner img {
width: auto;
}
.entry-post-grid .entry-excerpt p,
.entry-post-grid_classic .entry-excerpt p,
.entry-post-grid_modern .entry-excerpt p,
.entry-post-grid_square .entry-excerpt p,
.entry-post-mosaic .entry-excerpt p,
.entry-post-masonry .entry-excerpt p,
.entry-post-masonry_alt .entry-excerpt p,
.entry-post-masonry_modern .entry-excerpt p {
margin-bottom: 0;
}
.entry-post-grid .post-extra-meta,
.entry-post-grid .entry-category-list,
.entry-post-grid .entry-tags-list,
.entry-post-grid .entry-post-type-name,
.entry-post-grid .entry-date,
.entry-post-grid .entry-author,
.entry-post-grid_classic .post-extra-meta,
.entry-post-grid_classic .entry-category-list,
.entry-post-grid_classic .entry-tags-list,
.entry-post-grid_classic .entry-post-type-name,
.entry-post-grid_classic .entry-date,
.entry-post-grid_classic .entry-author,
.entry-post-grid_modern .post-extra-meta,
.entry-post-grid_modern .entry-category-list,
.entry-post-grid_modern .entry-tags-list,
.entry-post-grid_modern .entry-post-type-name,
.entry-post-grid_modern .entry-date,
.entry-post-grid_modern .entry-author,
.entry-post-grid_square .post-extra-meta,
.entry-post-grid_square .entry-category-list,
.entry-post-grid_square .entry-tags-list,
.entry-post-grid_square .entry-post-type-name,
.entry-post-grid_square .entry-date,
.entry-post-grid_square .entry-author,
.entry-post-mosaic .post-extra-meta,
.entry-post-mosaic .entry-category-list,
.entry-post-mosaic .entry-tags-list,
.entry-post-mosaic .entry-post-type-name,
.entry-post-mosaic .entry-date,
.entry-post-mosaic .entry-author,
.entry-post-masonry .post-extra-meta,
.entry-post-masonry .entry-category-list,
.entry-post-masonry .entry-tags-list,
.entry-post-masonry .entry-post-type-name,
.entry-post-masonry .entry-date,
.entry-post-masonry .entry-author,
.entry-post-masonry_alt .post-extra-meta,
.entry-post-masonry_alt .entry-category-list,
.entry-post-masonry_alt .entry-tags-list,
.entry-post-masonry_alt .entry-post-type-name,
.entry-post-masonry_alt .entry-date,
.entry-post-masonry_alt .entry-author,
.entry-post-masonry_modern .post-extra-meta,
.entry-post-masonry_modern .entry-category-list,
.entry-post-masonry_modern .entry-tags-list,
.entry-post-masonry_modern .entry-post-type-name,
.entry-post-masonry_modern .entry-date,
.entry-post-masonry_modern .entry-author {
font-size: 12px;
}
.entry-post-grid .entry-tags-list,
.entry-post-grid .entry-category-list,
.entry-post-grid_classic .entry-tags-list,
.entry-post-grid_classic .entry-category-list,
.entry-post-grid_modern .entry-tags-list,
.entry-post-grid_modern .entry-category-list,
.entry-post-grid_square .entry-tags-list,
.entry-post-grid_square .entry-category-list,
.entry-post-mosaic .entry-tags-list,
.entry-post-mosaic .entry-category-list,
.entry-post-masonry .entry-tags-list,
.entry-post-masonry .entry-category-list,
.entry-post-masonry_alt .entry-tags-list,
.entry-post-masonry_alt .entry-category-list,
.entry-post-masonry_modern .entry-tags-list,
.entry-post-masonry_modern .entry-category-list {
margin-top: 14px;
}
.entry-post-grid .entry-post-type-name,
.entry-post-grid_classic .entry-post-type-name,
.entry-post-grid_modern .entry-post-type-name,
.entry-post-grid_square .entry-post-type-name,
.entry-post-mosaic .entry-post-type-name,
.entry-post-masonry .entry-post-type-name,
.entry-post-masonry_alt .entry-post-type-name,
.entry-post-masonry_modern .entry-post-type-name {
text-transform: uppercase;
opacity: 0.77;
font-weight: 700;
letter-spacing: 1px;
}
.entry-post-grid .entry-meta,
.entry-post-grid_classic .entry-meta,
.entry-post-grid_modern .entry-meta,
.entry-post-grid_square .entry-meta,
.entry-post-mosaic .entry-meta,
.entry-post-masonry .entry-meta,
.entry-post-masonry_alt .entry-meta,
.entry-post-masonry_modern .entry-meta {
font-size: 13px;
padding: 0 50px 15px;
width: 100%;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
position: relative;
z-index: 15;
}
.entry-post-grid .entry-meta img,
.entry-post-grid_classic .entry-meta img,
.entry-post-grid_modern .entry-meta img,
.entry-post-grid_square .entry-meta img,
.entry-post-mosaic .entry-meta img,
.entry-post-masonry .entry-meta img,
.entry-post-masonry_alt .entry-meta img,
.entry-post-masonry_modern .entry-meta img {
width: auto;
vertical-align: middle;
border-radius: 999em;
margin-right: 8px;
}
.entry-post-grid .entry-tags-list,
.entry-post-grid .entry-category-list,
.entry-post-grid_classic .entry-tags-list,
.entry-post-grid_classic .entry-category-list,
.entry-post-grid_modern .entry-tags-list,
.entry-post-grid_modern .entry-category-list,
.entry-post-grid_square .entry-tags-list,
.entry-post-grid_square .entry-category-list,
.entry-post-mosaic .entry-tags-list,
.entry-post-mosaic .entry-category-list,
.entry-post-masonry .entry-tags-list,
.entry-post-masonry .entry-category-list,
.entry-post-masonry_alt .entry-tags-list,
.entry-post-masonry_alt .entry-category-list,
.entry-post-masonry_modern .entry-tags-list,
.entry-post-masonry_modern .entry-category-list {
position: relative;
z-index: 15;
}
.entry-post-grid .author-meta img,
.entry-post-grid_classic .author-meta img,
.entry-post-grid_modern .author-meta img,
.entry-post-grid_square .author-meta img,
.entry-post-mosaic .author-meta img,
.entry-post-masonry .author-meta img,
.entry-post-masonry_alt .author-meta img,
.entry-post-masonry_modern .author-meta img {
width: auto;
vertical-align: middle;
border-radius: 999em;
margin-right: 8px;
}
.skin-light .entry-post-grid .entry-container,
.skin-light .entry-post-grid_classic .entry-container,
.skin-light .entry-post-grid_modern .entry-container,
.skin-light .entry-post-masonry .entry-container,
.skin-light .entry-post-masonry_alt .entry-container,
.skin-light .entry-post-masonry_modern .entry-container,
.skin-default .entry-post-grid .entry-container,
.skin-default .entry-post-grid_classic .entry-container,
.skin-default .entry-post-grid_modern .entry-container,
.skin-default .entry-post-masonry .entry-container,
.skin-default .entry-post-masonry_alt .entry-container,
.skin-default .entry-post-masonry_modern .entry-container,
[class^='skin-light_'] .entry-post-grid .entry-container,
[class^='skin-light_'] .entry-post-grid_classic .entry-container,
[class^='skin-light_'] .entry-post-grid_modern .entry-container,
[class^='skin-light_'] .entry-post-masonry .entry-container,
[class^='skin-light_'] .entry-post-masonry_alt .entry-container,
[class^='skin-light_'] .entry-post-masonry_modern .entry-container,
[class*=' skin-light_'] .entry-post-grid .entry-container,
[class*=' skin-light_'] .entry-post-grid_classic .entry-container,
[class*=' skin-light_'] .entry-post-grid_modern .entry-container,
[class*=' skin-light_'] .entry-post-masonry .entry-container,
[class*=' skin-light_'] .entry-post-masonry_alt .entry-container,
[class*=' skin-light_'] .entry-post-masonry_modern .entry-container,
.wvc-font-dark .entry-post-grid .entry-container,
.wvc-font-dark .entry-post-grid_classic .entry-container,
.wvc-font-dark .entry-post-grid_modern .entry-container,
.wvc-font-dark .entry-post-masonry .entry-container,
.wvc-font-dark .entry-post-masonry_alt .entry-container,
.wvc-font-dark .entry-post-masonry_modern .entry-container {
background: #fff;
}
.skin-dark .entry-post-grid .entry-container,
.skin-dark .entry-post-grid_classic .entry-container,
.skin-dark .entry-post-grid_modern .entry-container,
.skin-dark .entry-post-masonry .entry-container,
.skin-dark .entry-post-masonry_alt .entry-container,
.skin-dark .entry-post-masonry_modern .entry-container,
[class^='skin-dark_'] .entry-post-grid .entry-container,
[class^='skin-dark_'] .entry-post-grid_classic .entry-container,
[class^='skin-dark_'] .entry-post-grid_modern .entry-container,
[class^='skin-dark_'] .entry-post-masonry .entry-container,
[class^='skin-dark_'] .entry-post-masonry_alt .entry-container,
[class^='skin-dark_'] .entry-post-masonry_modern .entry-container,
[class*=' skin-dark_'] .entry-post-grid .entry-container,
[class*=' skin-dark_'] .entry-post-grid_classic .entry-container,
[class*=' skin-dark_'] .entry-post-grid_modern .entry-container,
[class*=' skin-dark_'] .entry-post-masonry .entry-container,
[class*=' skin-dark_'] .entry-post-masonry_alt .entry-container,
[class*=' skin-dark_'] .entry-post-masonry_modern .entry-container,
.wvc-font-light .entry-post-grid .entry-container,
.wvc-font-light .entry-post-grid_classic .entry-container,
.wvc-font-light .entry-post-grid_modern .entry-container,
.wvc-font-light .entry-post-masonry .entry-container,
.wvc-font-light .entry-post-masonry_alt .entry-container,
.wvc-font-light .entry-post-masonry_modern .entry-container {
background: #0d0e0f;
}
/* Gutenberg post grid */
.wp-block-latest-posts__list.is-grid li > a {
display: block;
width: 100%;
font-size: 18px;
margin-top: 8px;
margin-bottom: 8px;
}
.related-post-title {
text-align: center;
}
.related-posts {
width: calc(100% + 20px);
margin-left: -10px;
margin-top: 30px;
margin-bottom: 30px;
}
.related-posts:empty {
margin: 0;
}
.related-posts .post {
padding: 10px;
position: relative;
width: 100%;
height: 250px;
min-height: 150px !important;
margin-bottom: 20px;
}
.related-posts .entry-box {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.related-posts .entry-container {
position: relative;
width: 100%;
height: 100%;
}
.related-posts .entry-link {
position: relative;
z-index: 5;
overflow: hidden;
display: block;
width: 100%;
height: 100%;
color: #FFF;
}
.related-posts .entry-bg {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000 no-repeat center center;
background-size: cover;
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: transform 0.2s cubic-bezier(0.675, 0.475, 0.05, 0.67);
-webkit-transform: scale(1) translate3d(0, 0, 0);
transform: scale(1) translate3d(0, 0, 0);
}
.related-posts .entry-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 102%;
height: 60%;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
opacity: .3;
-webkit-transition: opacity .3s;
transition: opacity .3s;
z-index: 10;
}
.related-posts .entry-inner {
z-index: 15;
padding: 30px;
padding-bottom: 20px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
display: table;
-webkit-transition: opacity .4s ease;
transition: opacity .4s ease;
}
.related-posts .entry-summary {
display: table-cell !important;
vertical-align: bottom;
width: 100%;
height: 100%;
color: #FFF;
max-width: 450px;
}
.related-posts .entry-title {
position: relative;
-webkit-transition: -webkit-transform .6s ease;
transition: transform .6s ease;
-webkit-transform: translateY(15px);
-ms-transform: translateY(15px);
transform: translateY(15px);
font-size: 14px;
color: #FFF !important;
margin-bottom: 20px;
}
.related-posts .entry-date {
opacity: 0;
font-size: 12px;
-webkit-transition: opacity .8s ease;
transition: opacity .8s ease;
}
.related-posts .entry-link:hover .entry-bg {
-webkit-transform: scale(1.1) translate3d(0, 0, 0);
transform: scale(1.1) translate3d(0, 0, 0);
}
.related-posts .entry-link:hover .entry-title {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.related-posts .entry-link:hover .entry-overlay {
opacity: 0.90;
}
.related-posts .entry-link:hover .entry-date {
opacity: .9;
}
.show-newsletter-form .related-posts {
margin-top: 0;
}
.wvc-single-post-fullwidth .author-box-container,
.wvc-single-post-fullwidth .newsletter-container,
.wvc-single-post-fullwidth .related-post-container,
.wvc-single-post-fullwidth .comments-container {
zoom: 1;
width: 92%;
margin: 0 auto;
max-width: 1400px;
max-width: 750px;
}
.wvc-single-post-fullwidth .author-box-container:before, .wvc-single-post-fullwidth .author-box-container:after,
.wvc-single-post-fullwidth .newsletter-container:before,
.wvc-single-post-fullwidth .newsletter-container:after,
.wvc-single-post-fullwidth .related-post-container:before,
.wvc-single-post-fullwidth .related-post-container:after,
.wvc-single-post-fullwidth .comments-container:before,
.wvc-single-post-fullwidth .comments-container:after {
content: "";
display: table;
}
.wvc-single-post-fullwidth .author-box-container:after,
.wvc-single-post-fullwidth .newsletter-container:after,
.wvc-single-post-fullwidth .related-post-container:after,
.wvc-single-post-fullwidth .comments-container:after {
clear: both;
}
.wvc-single-post-fullwidth .single-post-content-container {
margin-bottom: 30px;
}
.single-post .site-content .content-section {
margin-bottom: 35px;
}
.single-post .site-content .content-section:last-child {
margin-bottom: 0;
}
.single-post.sidebar-disabled #primary {
width: 100%;
margin: 0 auto;
}
.entry-single {
/*.author-box-container,
.newsletter-container,
.related-post-container*/
}
.entry-single .entry-section {
margin-bottom: 50px;
}
.entry-single .entry-section:last-of-type {
margin-bottom: 0;
}
.newsletter-container .wvc-mailchimp-form-container {
margin: 0;
}
.author-hero h1.author-name {
margin-top: 14px;
}
.author-box {
font-size: 14px;
}
.author-box p {
margin-bottom: 14px;
}
p.author-socials {
margin-bottom: 0;
}
p.author-socials a {
font-weight: 700;
margin-right: 10px;
text-transform: uppercase;
}
.author-page-link {
margin-top: 15px;
}
/*.show-newsletter-form{
.comments-container{
margin-top: 0;
}
}*/
/*.newsletter-signup{
.wvc-mailchimp-form-container{
margin-top: 0;
margin-bottom: 50px;
}
}*/
.wolf-share-buttons-container {
margin-top: 30px;
}
.single-post-taxonomy-container {
margin-top: 30px;
}
.single-post-taxonomy-container .single-post-taxonomy {
display: inline-block;
padding-right: 15px;
}
.wvc-single-post-fullwidth .single-post-taxonomy-container,
.wvc-single-post-fullwidth .wolf-share-buttons-container {
zoom: 1;
width: 92%;
margin: 0 auto;
max-width: 1400px;
max-width: 750px;
margin-top: 30px;
}
.wvc-single-post-fullwidth .single-post-taxonomy-container:before, .wvc-single-post-fullwidth .single-post-taxonomy-container:after,
.wvc-single-post-fullwidth .wolf-share-buttons-container:before,
.wvc-single-post-fullwidth .wolf-share-buttons-container:after {
content: "";
display: table;
}
.wvc-single-post-fullwidth .single-post-taxonomy-container:after,
.wvc-single-post-fullwidth .wolf-share-buttons-container:after {
clear: both;
}
.wvc-single-post-fullwidth hr.single-post-bottom-line {
max-width: 750px;
margin: 50px auto;
}
.wvc-single-post-fullwidth.single-post-layout-default .post-extra-meta {
font-size: 13px;
zoom: 1;
width: 92%;
margin: 0 auto;
max-width: 1400px;
max-width: 750px;
margin-top: 20px;
}
.wvc-single-post-fullwidth.single-post-layout-default .post-extra-meta:before, .wvc-single-post-fullwidth.single-post-layout-default .post-extra-meta:after {
content: "";
display: table;
}
.wvc-single-post-fullwidth.single-post-layout-default .post-extra-meta:after {
clear: both;
}
.post-extra-meta {
font-size: 13px;
}
.single-post-content-container .post-extra-meta {
margin-top: 0;
margin-bottom: 20px;
}
.single-post-content-container .post-extra-meta:empty {
margin: 0;
}
.entry-content .wp-playlist,
.entry-content .wpm-playlist-container,
.entry-content .fuid-video,
.entry-content .audio-shortcode-container,
.entry-content .video-shortcode-container,
.entry-single-video .wp-playlist,
.entry-single-video .wpm-playlist-container,
.entry-single-video .fuid-video,
.entry-single-video .audio-shortcode-container,
.entry-single-video .video-shortcode-container {
margin-bottom: 44px;
}
.global-skin-light .single-post-categories a,
.global-skin-light .single-post-tagcloud a,
.global-skin-default .single-post-categories a,
.global-skin-default .single-post-tagcloud a,
[class^="global-skin-light_"] .single-post-categories a,
[class^="global-skin-light_"] .single-post-tagcloud a,
[class*=" global-skin-light_"] .single-post-categories a,
[class*=" global-skin-light_"] .single-post-tagcloud a {
border: 1px solid rgba(0, 0, 0, 0.4);
color: #444;
}
.global-skin-dark .single-post-categories a,
.global-skin-dark .single-post-tagcloud a,
[class^="global-skin-dark_"] .single-post-categories a,
[class^="global-skin-dark_"] .single-post-tagcloud a,
[class*=" global-skin-dark_"] .single-post-categories a,
[class*=" global-skin-dark_"] .single-post-tagcloud a {
border: 1px solid rgba(255, 255, 255, 0.4);
color: #fff;
}
.comments-area {
margin-bottom: 80px;
}
/**
* @# Page
**/
.entry-page {
padding: 0;
margin: 0;
width: 100%;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}
.entry-page img {
width: 100%;
}
.entry-page .entry-title {
display: block;
width: 100%;
font-size: 16px;
text-align: center;
margin-top: 15px;
margin-bottom: 5px;
}
.entry-page .entry-page-subheading {
display: block;
text-align: center;
font-size: 12px;
opacity: 0.44;
}
.entry-page {
margin-bottom: 35px;
}
@media screen and (min-width: 800px) {
.entry-page {
margin-bottom: 0;
}
}
/**
* @# Product
**/
ul.product-display-small-list {
padding: 0;
margin: 0;
list-style: none;
}
ul.product-display-small-list li {
list-style-type: none;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
ul.product-display-small-list .woocommerce-loop-product__title {
font-size: 18px;
margin-bottom: 5px;
}
ul.product-display-small-list .product-thumbnail {
padding-right: 15px;
}
.entry-product-cat .woocommerce-loop-category__title {
font-size: 16px;
margin-top: 7px;
margin-bottom: 0;
}
.entry-product-cat img {
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.entry-product-cat a:hover img {
opacity: .88;
}
.entry-product-grid_classic,
.entry-product-grid_modern,
.entry-product-grid_modern_alt,
.entry-product-grid_overlay,
.entry-product-grid_overlay_quickview {
position: relative;
padding: 0;
margin: 0;
width: 100%;
}
.entry-product-grid_classic img,
.entry-product-grid_modern img,
.entry-product-grid_modern_alt img,
.entry-product-grid_overlay img,
.entry-product-grid_overlay_quickview img {
width: 100%;
}
.entry-product-grid_classic .woocommerce-LoopProduct-link,
.entry-product-grid_modern .woocommerce-LoopProduct-link,
.entry-product-grid_modern_alt .woocommerce-LoopProduct-link,
.entry-product-grid_overlay .woocommerce-LoopProduct-link,
.entry-product-grid_overlay_quickview .woocommerce-LoopProduct-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.entry-product-grid_classic .wc-block-grid__product-title,
.entry-product-grid_classic .woocommerce-loop-product__title,
.entry-product-grid_modern .wc-block-grid__product-title,
.entry-product-grid_modern .woocommerce-loop-product__title,
.entry-product-grid_modern_alt .wc-block-grid__product-title,
.entry-product-grid_modern_alt .woocommerce-loop-product__title,
.entry-product-grid_overlay .wc-block-grid__product-title,
.entry-product-grid_overlay .woocommerce-loop-product__title,
.entry-product-grid_overlay_quickview .wc-block-grid__product-title,
.entry-product-grid_overlay_quickview .woocommerce-loop-product__title {
font-size: 15px;
margin-bottom: 10px;
}
.entry-product-grid_classic .price,
.entry-product-grid_modern .price,
.entry-product-grid_modern_alt .price,
.entry-product-grid_overlay .price,
.entry-product-grid_overlay_quickview .price {
display: block;
font-weight: 700;
margin-bottom: 10px;
}
.entry-product-grid_classic .price ins,
.entry-product-grid_modern .price ins,
.entry-product-grid_modern_alt .price ins,
.entry-product-grid_overlay .price ins,
.entry-product-grid_overlay_quickview .price ins {
text-decoration: none !important;
}
.entry-product-grid_classic .add_to_cart_button.ajax_add_to_cart.added,
.entry-product-grid_modern .add_to_cart_button.ajax_add_to_cart.added,
.entry-product-grid_modern_alt .add_to_cart_button.ajax_add_to_cart.added,
.entry-product-grid_overlay .add_to_cart_button.ajax_add_to_cart.added,
.entry-product-grid_overlay_quickview .add_to_cart_button.ajax_add_to_cart.added {
display: none;
}
/* Sale labels */
span.onsale {
text-transform: uppercase;
font-weight: 700;
text-align: center;
background: #91ff6a;
position: absolute;
z-index: 10;
left: 15px;
top: 15px;
padding: 5px 20px;
width: auto;
height: auto;
font-size: 13px;
color: #FFF;
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.grid-padding-yes:not(.product-module-carousel) .entry-product .product-thumbnail-container {
-webkit-box-shadow: 0 0 0 0 !important;
box-shadow: 0 0 0 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.entry-product-grid,
.wc-block-grid__product {
position: relative;
padding: 0;
margin: 0;
width: 100%;
}
.entry-product-grid .product-summary,
.wc-block-grid__product .product-summary {
margin-top: 15px;
position: relative;
z-index: 5;
line-height: 1.5;
}
.entry-product-grid .product-summary .woocommerce-loop-product__title,
.entry-product-grid .product-summary .woocommerce-loop-product__title,
.wc-block-grid__product .product-summary .woocommerce-loop-product__title,
.wc-block-grid__product .product-summary .woocommerce-loop-product__title {
font-size: 13px;
}
.entry-product-grid .product-summary .price del,
.wc-block-grid__product .product-summary .price del {
opacity: 0.66;
}
.entry-product-grid .entry-link-mask,
.wc-block-grid__product .entry-link-mask {
position: absolute;
display: block;
width: 100%;
height: 100%;
z-index: 5;
}
.entry-product-grid .product-thumbnail-container,
.wc-block-grid__product .product-thumbnail-container {
position: relative;
}
.entry-product-grid .product-thumbnail-inner,
.wc-block-grid__product .product-thumbnail-inner {
position: relative;
overflow: hidden;
z-index: 0;
}
.entry-product-grid .product-thumbnail-inner img,
.wc-block-grid__product .product-thumbnail-inner img {
width: 100%;
height: auto;
}
.entry-product-grid .product-second-thumbnail,
.wc-block-grid__product .product-second-thumbnail {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 0.3s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.3s cubic-bezier(0.675, 0.475, 0.05, 0.67);
}
.entry-product-grid:hover .product-second-thumbnail,
.wc-block-grid__product:hover .product-second-thumbnail {
opacity: 1;
}
.woocommerce-product-gallery__wrapper {
margin: 0;
zoom: 1;
}
.woocommerce-product-gallery__wrapper:before, .woocommerce-product-gallery__wrapper:after {
content: "";
display: table;
}
.woocommerce-product-gallery__wrapper:after {
clear: both;
}
.woocommerce-product-gallery__trigger {
position: absolute;
right: 15px;
top: 15px;
z-index: 99;
font-size: 0;
width: 30px;
height: 30px;
}
.woocommerce-product-gallery__trigger img {
display: none !important;
visibility: hidden;
height: 0;
opacity: 0;
}
.woocommerce-product-gallery__trigger:before {
background-color: rgba(0, 0, 0, 0.22);
content: '\e86f';
position: absolute;
font: normal normal normal 14px/1 Linearicons-Free;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
font-size: 18px;
}
.woocommerce-single-product-zoom-disabled .zoomImg {
visibility: hidden !important;
display: none !important;
opacity: 0 !important;
height: 0;
width: 0;
}
.single-product #secondary {
display: none;
}
.single-product .images {
position: relative;
}
.single-product form.cart {
margin-top: 40px;
}
.single-product form.cart .wolf_add_to_wishlist {
margin-left: 33px;
}
.single-product hr {
margin-top: 28px;
margin-bottom: 28px;
}
.single-product .quantity input {
margin-right: 8px;
}
.single-product .attachment-shop_single {
width: 100%;
}
.single-product .summary .audio-shortcode-container {
margin-bottom: 2em;
}
.woocommerce-single-product-images-slider img {
width: 100%;
}
.woocommerce-single-product-images-slider .slide .easyzoom a {
pointer-events: none;
}
.woocommerce-single-product-images-slider .flex-direction-nav a {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.woocommerce-single-product-images-slider .flex-prev,
.woocommerce-single-product-images-slider .flex-next {
width: 50px;
background-color: rgba(0, 0, 0, 0.22) !important;
background-position: 45% 50%;
}
.woocommerce-single-product-images-slider .flex-prev {
padding-right: 5px;
}
.woocommerce-single-product-images-slider .flex-prev:before {
position: relative;
left: 6px;
}
.woocommerce-single-product-images-slider .flex-next {
padding-left: 5px;
}
.woocommerce-single-product-images-slider .flex-next:before {
position: relative;
right: 7px;
}
.woocommerce-single-product-images-slider .flex-control-thumbs {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.woocommerce-single-product-images-slider .flex-control-thumbs li {
margin: 0;
margin-left: 0px !important;
margin-right: 0px !important;
width: auto;
}
.woocommerce-single-product-images-slider .flex-control-thumbs li img {
padding: 3px;
padding-top: 6px;
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
}
.woocommerce-single-product-images-slider .flex-control-thumbs li:first-child img {
padding-left: 0;
}
.woocommerce-single-product-images-slider .flex-control-thumbs li:last-child img {
padding-right: 0;
}
.product-content,
.woocommerce-Tabs-panel,
.related-products,
.upsells {
zoom: 1;
width: 92%;
margin: 0 auto;
max-width: 1400px;
}
.product-content:before, .product-content:after,
.woocommerce-Tabs-panel:before,
.woocommerce-Tabs-panel:after,
.related-products:before,
.related-products:after,
.upsells:before,
.upsells:after {
content: "";
display: table;
}
.product-content:after,
.woocommerce-Tabs-panel:after,
.related-products:after,
.upsells:after {
clear: both;
}
.product-content,
.woocommerce-Tabs-panel,
.single-product #secondary {
padding-top: 50px;
padding-bottom: 30px;
}
.single-product #secondary {
margin-top: 0;
}
.related-products,
.upsells {
padding-bottom: 50px;
}
.wolf-visual-composer .related-products {
padding-top: 50px;
}
.single-product-layout-fullwidth .product-content,
.single-product-layout-fullwidth .woocommerce-Tabs-panel,
.single-product-layout-fullwidth .related-products,
.single-product-layout-fullwidth .upsells {
max-width: none;
}
.wolf-visual-composer .woocommerce-Tabs-panel--description {
padding-top: 0;
padding-bottom: 0;
width: 100%;
max-width: none;
}
.wolf-visual-composer .woocommerce-Tabs-panel--description > h2 {
display: none;
}
.single-product-layout-sidebar-left .woocommerce-tabs ul.tabs,
.single-product-layout-sidebar-right .woocommerce-tabs ul.tabs {
text-align: left;
}
.single-product-layout-sidebar-left #secondary,
.single-product-layout-sidebar-right #secondary {
display: block;
}
.single-product .wolf-share-buttons-container {
margin-left: 0;
}
@media screen and (min-width: 500px) {
.single-product-layout-fullwidth .related-products .product,
.single-product-layout-fullwidth .upsells .product,
.single-product-layout-standard .related-products .product,
.single-product-layout-standard .upsells .product {
width: 50% !important;
float: left;
}
}
@media screen and (min-width: 800px) {
.single-product-layout-fullwidth .related-products .product,
.single-product-layout-fullwidth .upsells .product,
.single-product-layout-sidebar-right .related-products .product,
.single-product-layout-sidebar-right .upsells .product,
.single-product-layout-sidebar-left .related-products .product,
.single-product-layout-sidebar-left .upsells .product {
float: left;
width: 33.33% !important;
}
.single-product-layout-standard .related-products .product,
.single-product-layout-standard .upsells .product {
width: 25% !important;
}
}
@media screen and (min-width: 800px) {
.single-product-layout-sidebar-right .content-wrapper,
.single-product-layout-sidebar-left .content-wrapper {
max-width: 1400px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.single-product-layout-sidebar-right .product-content,
.single-product-layout-sidebar-right .woocommerce-Tabs-panel,
.single-product-layout-sidebar-right .related-products,
.single-product-layout-sidebar-right .upsells,
.single-product-layout-sidebar-left .product-content,
.single-product-layout-sidebar-left .woocommerce-Tabs-panel,
.single-product-layout-sidebar-left .related-products,
.single-product-layout-sidebar-left .upsells {
max-width: none;
width: 100%;
}
.single-product-layout-sidebar-right #primary,
.single-product-layout-sidebar-right #container,
.single-product-layout-sidebar-left #primary,
.single-product-layout-sidebar-left #container {
width: 65.7%;
}
.single-product-layout-sidebar-right #secondary,
.single-product-layout-sidebar-left #secondary {
width: 29.2%;
}
.single-product-layout-sidebar-right #primary,
.single-product-layout-sidebar-right #container {
float: left;
}
.single-product-layout-sidebar-right #secondary {
float: right;
}
.single-product-layout-sidebar-left #primary,
.single-product-layout-sidebar-left #container {
float: right;
}
.single-product-layout-sidebar-left #secondary {
float: left;
}
.single-product .product .images {
float: left;
width: 48%;
}
.single-product .product .summary {
float: right;
width: 48%;
}
}
.woocommerce-tabs .tabs-container {
width: 92%;
max-width: 1400px;
margin: 0 auto;
}
.single-product-layout-sidebar .woocommerce-tabs .tabs-container,
.single-product-layout-sidebar-left .woocommerce-tabs .tabs-container,
.single-product-layout-sidebar-right .woocommerce-tabs .tabs-container {
width: 100%;
}
.single-product-layout-fullwidth .woocommerce-tabs .tabs-container {
max-width: none;
}
.wolf-visual-composer .woocommerce-tabs .tabs-container {
max-width: none;
text-align: center;
width: 100%;
}
@media screen and (min-width: 1200px) {
.single-product-layout-fullwidth .related-products .product,
.single-product-layout-fullwidth .upsells .product {
width: 16.66% !important;
}
}
.single-product-song-label {
font-style: italic;
display: inline-block;
margin-bottom: 15px;
}
.sold-individually .quantity {
display: none;
}
/**
* @# Work
**/
.works.caption-text-align-left .entry-summary {
text-align: left;
}
.works.caption-text-align-right .entry-summary {
text-align: right;
}
.works.caption-text-align-center .entry-summary {
text-align: center;
}
.works.caption-valign-middle .entry-inner {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.works.caption-valign-bottom .entry-inner {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.works.caption-valign-top .entry-inner {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.entry-taxonomy {
font-size: 13px;
opacity: .77;
}
.work-layout-overlay .entry-summary a,
.work-layout-overlay .entry-summary .entry-title,
.work-layout-flip-box .entry-summary a,
.work-layout-flip-box .entry-summary .entry-title {
color: inherit !important;
}
.entry-work-grid,
.entry-work-masonry {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
position: relative;
padding: 0;
margin: 0;
}
.entry-work-grid .entry-link-mask,
.entry-work-masonry .entry-link-mask {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
}
.entry-work-grid img,
.entry-work-masonry img {
width: 100%;
}
.entry-work-grid .entry-image,
.entry-work-masonry .entry-image {
position: relative;
overflow: hidden;
}
.entry-work-grid .entry-title,
.entry-work-masonry .entry-title {
display: block;
width: 100%;
font-size: 18px;
margin-bottom: 8px;
}
.entry-work-grid .entry-container,
.entry-work-masonry .entry-container {
position: relative;
}
.entry-work-grid,
.entry-work-masonry {
width: 100%;
}
/* Layouts */
/* Standard */
.work-layout-standard .entry-inner {
margin-top: 15px;
margin-bottom: 15px;
}
.work-layout-standard .entry-inner-padding {
width: 100%;
position: relative;
z-index: 2;
}
.work-layout-standard .entry .bg-overlay {
display: none !important;
}
.work-layout-standard .entry .entry-image,
.work-layout-standard .entry .entry-media {
-webkit-transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
}
.work-layout-standard .entry:hover .entry-image,
.work-layout-standard .entry:hover .entry-media {
opacity: 0.66;
}
/* Overlay/Flip Box */
.work-layout-overlay .entry-inner,
.work-layout-flip-box .entry-inner {
padding: 50px;
position: absolute;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.work-layout-overlay .entry-inner .entry-summary,
.work-layout-flip-box .entry-inner .entry-summary {
width: 100%;
position: relative;
z-index: 15;
}
.work-layout-overlay .entry-inner-padding,
.work-layout-flip-box .entry-inner-padding {
width: 100%;
}
/* Overlay */
.work-layout-overlay.work-hover-effect-default .entry-container {
overflow: hidden;
}
.work-layout-overlay.work-hover-effect-default .entry-inner {
opacity: 0;
-webkit-transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
}
.work-layout-overlay.work-hover-effect-default .entry-image {
-webkit-transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.work-layout-overlay.work-hover-effect-default .entry-summary {
-webkit-transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.work-layout-overlay.work-hover-effect-default .entry:hover .entry-inner {
opacity: 1;
}
.work-layout-overlay.work-hover-effect-default .entry:hover .entry-summary {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.work-layout-overlay.work-hover-effect-default .entry:hover .entry-image {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
/* Flip Box */
.work-layout-flip-box .entry {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.work-layout-flip-box .entry-image {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out;
z-index: 20;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.work-layout-flip-box .entry-inner {
padding: 50px;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.work-layout-flip-box .entry-summary {
position: relative;
z-index: 15;
-webkit-transform: translateZ(60px) scale(0.94);
transform: translateZ(60px) scale(0.94);
}
.work-layout-flip-box .entry:hover .entry-image {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.work-layout-flip-box .entry:hover .entry-inner {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
@media screen and (min-width: 800px) {
.entry-work-grid {
margin-bottom: 0;
}
}
.grid-padding-no.work-layout-overlay .entry-work-masonry {
margin-right: -1px;
}
.entry-work-parallax {
margin: 0;
position: relative;
height: 70vh;
}
.entry-work-parallax .entry-visual {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.entry-work-parallax .entry-link-mask {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
}
.entry-work-parallax .entry-inner {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
}
.entry-work-parallax .entry-inner-padding {
padding: 44px;
}
.entry-work-parallax .entry-summary {
text-align: left !important;
}
.entry-work-parallax .entry-title {
margin-bottom: 0;
}
@media screen and (min-width: 1000px) {
.entry-work-parallax .entry-title {
font-size: 2em;
}
}
.work-info-container {
padding-top: 50px;
padding-bottom: 50px;
}
.work-meta-container ul {
margin: 0;
padding: 0;
list-style: none;
}
.work-meta-container ul li {
list-style-type: none;
}
.work-meta-container .work-meta .fa {
display: none;
}
.work-meta-container .wolf-share-buttons-container {
margin-left: 0;
}
.work-meta-label {
font-weight: 700;
}
.work-excerpt-container p:last-child {
margin-bottom: 0;
}
.work-meta-value {
opacity: .66;
}
.work-meta-value a:hover {
-webkit-transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
color: #91ff6a;
}
/* Padding */
.single-work.wolf-visual-composer.single-work-layout-sidebar-right .work-info-container, .single-work.wolf-visual-composer.single-work-layout-sidebar-left .work-info-container {
padding-top: 80px;
padding-bottom: 80px;
}
/* Width */
.entry-single-work {
width: 92%;
max-width: 1400px;
margin: 0 auto;
}
.single-work-layout-centered.wolf-visual-composer .entry-single-work {
max-width: none;
width: 100%;
}
.single-work-layout-centered.wolf-visual-composer .work-info-container {
zoom: 1;
width: 92%;
margin: 0 auto;
max-width: 1400px;
}
.single-work-layout-centered.wolf-visual-composer .work-info-container:before, .single-work-layout-centered.wolf-visual-composer .work-info-container:after {
content: "";
display: table;
}
.single-work-layout-centered.wolf-visual-composer .work-info-container:after {
clear: both;
}
.single-work-width-wide .entry-single-work,
.single-work-width-wide .content-wrapper {
max-width: none;
}
.single-work-width-fullwidth .entry-single-work,
.single-work-width-fullwidth .content-wrapper {
width: 100%;
max-width: none;
}
.single-work-layout-sidebar-right .work-info-container,
.single-work-layout-sidebar-left .work-info-container {
padding-left: 50px;
padding-right: 50px;
}
.single-work-layout-sidebar-right .work-meta-container,
.single-work-layout-sidebar-left .work-meta-container {
margin-top: 35px;
}
@media screen and (min-width: 800px) {
.single-work-layout-centered .work-excerpt-container {
float: left;
width: 65.7%;
}
.single-work-layout-centered .work-meta-container {
float: right;
width: 29.2%;
}
.single-work-layout-sidebar-left .work-content,
.single-work-layout-sidebar-right .work-content {
width: 66.66%;
}
.single-work-layout-sidebar-left .work-info-container,
.single-work-layout-sidebar-right .work-info-container {
width: 33.33%;
}
.single-work-layout-sidebar-right .work-content {
float: left;
}
.single-work-layout-sidebar-right .work-info-container {
float: right;
}
.single-work-layout-sidebar-left .work-content {
float: right;
}
.single-work-layout-sidebar-left .work-info-container {
float: left;
}
}
/**
* @# Gallery
**/
/**
* @# Attachment
**/
/**
* @# Video
**/
/**
* @# Release
**/
/**
* @# Event
**/
.pagination-link_to_events {
margin-bottom: 35px !important;
}
.event-display-list {
display: table;
width: 100%;
margin-top: 0;
margin-bottom: 44px;
}
.event-display-list .entry-event-list:last-child .event-table-cell,
.event-display-list .entry-event-list:only-child .event-table-cell {
border-bottom: none !important;
}
.event-display-list .we-date-format-custom {
display: block;
}
.entry-event-list {
font-size: 14px;
padding: 0;
display: table-row;
width: 100%;
float: none !important;
}
.entry-event-list .event-table-cell {
border-bottom: 1px solid rgba(0, 0, 0, 0.44);
position: relative;
padding: 15px 5px;
display: table-cell;
min-height: 50px;
vertical-align: middle;
width: auto;
}
.entry-event-list .event-link-mask {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.entry-event-list .we-date-format-custom .event-date {
text-transform: uppercase;
font-weight: 700;
width: 100px;
}
.entry-event-list .we-date-format-custom .event-date .we-month,
.entry-event-list .we-date-format-custom .event-date .we-day {
display: block;
}
.entry-event-list .we-date-format-default {
white-space: nowrap;
}
.entry-event-list .venue,
.entry-event-list .location {
display: block;
}
.entry-event-list .event-location {
font-weight: 700;
line-height: 1.2;
}
.entry-event-list .we-facebook {
width: 50px;
text-align: center;
}
.entry-event-list .event-action {
text-align: right;
}
.entry-event-list .ticket-button {
display: inline-block !important;
width: auto !important;
}
.entry-event-list .we-date-format-custom {
display: block;
width: 35px;
}
.entry-event-list .end-date {
position: relative;
padding-left: 25px;
}
.entry-event-list .end-date:before {
height: 1px;
line-height: 0;
display: block;
content: '\2014';
position: absolute;
top: 50%;
margin-top: -1px;
left: 8px;
}
.entry-event-list .we-label-cancelled,
.entry-event-list .we-label-soldout {
font-family: 'Special Elite';
display: inline-block;
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
margin-right: 10px;
}
.entry-event-list .we-label-free {
text-transform: uppercase;
font-weight: 700;
}
.entry-event-list .event-edit-cell {
width: 50px;
text-align: right;
display: none;
}
.entry-event-list .post-edit-link {
font-size: 11px;
display: block;
}
.entry-event-list .edit-pencil {
display: none;
}
.entry-event-list.we-cancelled {
opacity: .44;
}
.entry-event-list.we-cancelled a {
pointer-events: none;
cursor: default;
}
.entry-event-list .event-venue {
display: none;
}
.logged-in .event-edit-cell {
display: table-cell;
}
.mobile-venue {
font-weight: 400;
font-size: 0.8em;
}
.event-list-large .entry-event-list {
font-size: 16px;
}
.event-list-large .entry-event-list .we-action {
width: 200px;
}
.event-list-large .entry-event-list .event-venue {
display: table-cell;
}
.event-list-large .entry-event-list .venue,
.event-list-large .entry-event-list .location {
display: inline-block;
}
.event-list-large .entry-event-list .mobile-venue {
display: none;
}
@media screen and (max-width: 600px) {
.entry-event-list .ticket-button {
font-size: 11px;
padding: 5px;
}
}
@media screen and (min-width: 1200px) {
.entry-event-list {
font-size: 18px;
}
}
.skin-light .entry-event-list .event-table-cell,
.skin-default .entry-event-list .event-table-cell,
[class^="skin-light_"] .entry-event-list .event-table-cell,
[class*=" skin-light_"] .entry-event-list .event-table-cell,
.wvc-font-dark .entry-event-list .event-table-cell {
border-bottom-color: rgba(0, 0, 0, 0.044);
}
.skin-dark .entry-event-list .event-table-cell,
[class^="skin-dark_"] .entry-event-list .event-table-cell,
[class*=" skin-dark_"] .entry-event-list .event-table-cell,
.wvc-font-light .entry-event-list .event-table-cell {
border-bottom-color: rgba(255, 255, 255, 0.11);
}
.event-table-cell.event-date {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.event-info-overlay {
position: absolute;
width: 100%;
height: 35%;
left: 0;
right: 0;
bottom: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
opacity: 0.88;
z-index: 0;
}
.entry-event-grid,
.entry-event-masonry {
position: relative;
padding: 0;
margin: 0;
}
.entry-event-grid.cancelled,
.entry-event-masonry.cancelled {
opacity: 0.44;
}
.entry-event-grid img,
.entry-event-masonry img {
width: 100%;
}
.entry-event-grid .entry-image,
.entry-event-masonry .entry-image {
position: relative;
overflow: hidden;
}
.entry-event-grid .entry-title,
.entry-event-masonry .entry-title {
display: block;
width: 100%;
font-size: 18px;
margin-bottom: 8px;
}
.entry-event-grid .entry-container,
.entry-event-masonry .entry-container {
position: relative;
}
.entry-event-grid,
.entry-event-masonry {
width: 100%;
}
/* Overlay */
.entry-event-grid .entry-inner {
padding: 35px;
position: absolute;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
text-align: left;
color: #fff;
}
.entry-event-grid .entry-inner a,
.entry-event-grid .entry-inner .entry-title {
color: #fff !important;
}
.entry-event-grid .entry-inner .entry-summary {
width: 100%;
position: relative;
z-index: 15;
}
.entry-event-grid .entry-container {
overflow: hidden;
}
.entry-event-grid .entry-summary {
opacity: 1;
-webkit-transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
}
.entry-event-grid .entry-image {
-webkit-transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.entry-event-grid:hover .entry-image {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.entry-event-grid:hover .entry-summary {
opacity: 0.8;
}
.entry-event-grid .event-date {
display: block;
text-transform: uppercase;
width: 60px;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.44);
}
.entry-event-grid .event-date .start-date,
.entry-event-grid .event-date .end-date {
display: block;
}
.entry-event-grid .location-title {
color: #fff !important;
display: block;
width: 100%;
font-size: 18px;
margin-bottom: 8px;
}
.sold-out-label,
.cancelled-label {
position: absolute;
right: 15px;
top: 15px;
z-index: 14;
font-size: 18px;
font-family: 'Special Elite';
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
}
@media screen and (min-width: 800px) {
.entry-event-grid {
margin-bottom: 0;
}
}
.event-map {
margin-bottom: 35px;
}
.event-details {
margin-bottom: 35px;
}
.event-thumbnail {
margin-bottom: 20px;
}
.event-thumbnail img {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: opacity 0.3s cubic-bezier(0.675, 0.475, 0.05, 0.67);
}
.event-thumbnail a:hover img {
opacity: 0.88;
}
.single-event .event-date {
font-size: 24px;
}
.event-location {
font-size: 18px;
margin-bottom: 20px;
}
.event-buttons .event-status {
display: block;
margin-bottom: 20px;
font-size: 18px;
text-transform: uppercase;
}
.event-buttons .button {
width: 100%;
display: block;
text-transform: none;
font-family: Open Sans;
font-weight: 700;
margin-bottom: 15px;
}
.event-buttons .button:last-child, .event-buttons .button:only-child {
margin-bottom: 0;
}
.event-buttons .button .fa {
margin-right: 8px;
}
.event-buttons .wvc-button {
width: 100%;
display: block;
margin-bottom: 15px;
}
.event-buttons .wvc-button:last-child, .event-buttons .wvc-button:only-child {
margin-bottom: 0;
}
.event-buttons .wvc-button .fa {
margin-right: 8px;
position: relative;
top: -0.5px;
}
.single-event .fb-button:not(:hover) {
background: #3b5999;
border-color: #3b5999 !important;
color: white !important;
}
.single-event .fb-button .fa5,
.single-event .fb-button .fab {
margin-right: 5px;
}
.single-event .single-bit-button:not(:hover) {
color: white !important;
border-color: #00cec8;
background: #00cec8;
}
.single-event .fb-button:hover {
border-color: #3b5999;
color: #0d0d0d;
}
.single-event .single-bit-button:hover {
border-color: #00cec8;
color: #0d0d0d;
}
.event-container .wolf-share-buttons-container {
max-width: none;
width: 100%;
}
.we_event_list_widget .wolf-events-table {
width: 100%;
display: table;
}
.we_event_list_widget .we-table-row {
display: table-row;
width: 100%;
padding: 0;
}
.we_event_list_widget .we-table-cell {
display: table-cell;
vertical-align: middle;
width: auto;
padding: 15px 5px;
min-height: 50px;
}
.we_event_list_widget .we-month,
.we_event_list_widget .we-day {
display: block;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
}
.we_event_list_widget .we-month {
font-size: 16px;
}
.we_event_list_widget .we-day {
font-size: 28px;
}
.we_event_list_widget .we-venue {
display: none;
}
.we_event_list_widget .ticket-button {
font-size: 11px;
padding: 5px;
}
.we_event_list_widget .we-action {
text-align: right;
}
/**
* @# Artist
**/
/**
* @# Post Grid System
**/
ul.items.list {
margin-left: 0;
padding-left: 0;
}
/* Grid padding */
.grid.grid-padding-yes {
margin-top: -14px;
margin-left: -14px;
width: calc(100% + 28px);
}
.grid.grid-padding-yes .entry-grid {
padding: 14px;
}
.related-products .grid-padding-yes,
.upsells .grid-padding-yes {
margin-top: -14px;
margin-left: -14px;
width: calc(100% + 28px);
}
.related-products .grid-padding-yes .entry,
.upsells .grid-padding-yes .entry {
padding: 14px;
}
.metro.grid-padding-yes {
margin-top: -14px;
margin-left: -14px;
width: calc(100% + 28px);
}
.metro.grid-padding-yes .entry-metro .entry-outer,
.metro.grid-padding-yes .entry-metro_modern .entry-outer,
.metro.grid-padding-yes .entry-metro_modern_alt .entry-outer,
.metro.grid-padding-yes .entry-metro_overlay_quickview .entry-outer {
padding: 14px;
}
.layout-fullwidth .grid-padding-yes.grid, .layout-fullwidth .grid-padding-yes.metro,
.wvc-row-is-fullwidth .wvc-col-12 .grid-padding-yes.grid,
.wvc-row-is-fullwidth .wvc-col-12 .grid-padding-yes.metro,
.wolf-core-row-is-fullwidth .wolf-core-col-12 .grid-padding-yes.grid,
.wolf-core-row-is-fullwidth .wolf-core-col-12 .grid-padding-yes.metro {
margin: 14px;
width: calc(100% - $grid_padding);
}
.layout-fullwidth .grid.grid-padding-yes.attachment-display-masonry_horizontal,
.wvc-row-is-fullwidth .wvc-col-12 .grid.grid-padding-yes.attachment-display-masonry_horizontal,
.wolf-core-row-is-fullwidth .wolf-core-col-12 .grid.grid-padding-yes.attachment-display-masonry_horizontal {
padding: 7px;
}
.has-no-padding-grid .category-filter-text-align-left {
padding-left: 25px;
}
.has-no-padding-grid .category-filter-text-align-right {
padding-right: 25px;
}
/* Post & post types carrousel */
.module-carousel {
margin-bottom: 35px;
padding-bottom: 15px;
}
.module-carousel.wvc-element, .module-carousel.wolf-core-element {
margin-bottom: 60px !important;
}
.items {
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
opacity: 0;
}
.mobile-screen .items,
.tablet-screen .items,
.notebook-screen .items,
.desktop-screen .items,
.desktop-big-screen .items {
opacity: 1;
}
.entry-columns-1 {
width: 100%;
}
.tablet-screen .entry-columns-default,
.tablet-screen .entry-columns-2,
.tablet-screen .entry-columns-3,
.tablet-screen .entry-columns-4,
.tablet-screen .entry-columns-5,
.tablet-screen .entry-columns-6,
.tablet-screen .entry-mosaic,
.notebook-screen .entry-columns-default,
.notebook-screen .entry-columns-2,
.notebook-screen .entry-columns-3,
.notebook-screen .entry-columns-4,
.notebook-screen .entry-columns-5,
.notebook-screen .entry-columns-6,
.notebook-screen .entry-mosaic,
.desktop-screen .entry-columns-default,
.desktop-screen .entry-columns-2,
.desktop-screen .entry-columns-3,
.desktop-screen .entry-columns-4,
.desktop-screen .entry-columns-5,
.desktop-screen .entry-columns-6,
.desktop-screen .entry-mosaic,
.desktop-big-screen .entry-columns-default,
.desktop-big-screen .entry-columns-2,
.desktop-big-screen .entry-columns-3,
.desktop-big-screen .entry-columns-4,
.desktop-big-screen .entry-columns-5,
.desktop-big-screen .entry-columns-6,
.desktop-big-screen .entry-mosaic {
float: left;
}
/* Enqure single content block are not floating */
.entry-wolf_content_block {
float: none !important;
}
/* Tablet */
.tablet-screen {
/*.entry-columns-3{
width: 33.33%;
&:nth-child(3n+1){
clear:left;
}
}*/
}
.tablet-screen .entry-columns-2,
.tablet-screen .entry-columns-4,
.tablet-screen .entry-columns-5,
.tablet-screen .entry-columns-6 {
width: 50%;
}
.tablet-screen .entry-columns-2:nth-child(2n + 1),
.tablet-screen .entry-columns-4:nth-child(2n + 1),
.tablet-screen .entry-columns-5:nth-child(2n + 1),
.tablet-screen .entry-columns-6:nth-child(2n + 1) {
clear: left;
}
.tablet-screen .wvc-col-12 .entry-grid.entry-columns-default,
.tablet-screen .wolf-core-col-12 .entry-grid.entry-columns-default, .tablet-screen.layout-fullwidth .entry-grid.entry-columns-default, .tablet-screen.layout-standard .entry-grid.entry-columns-default, .tablet-screen.layout-sidebar-right.no-secondary .entry-grid.entry-columns-default, .tablet-screen.layout-sidebar-left.no-secondary .entry-grid.entry-columns-default {
width: 50%;
}
.tablet-screen .wvc-col-12 .entry-grid.entry-columns-default:nth-child(2n + 1),
.tablet-screen .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(2n + 1), .tablet-screen.layout-fullwidth .entry-grid.entry-columns-default:nth-child(2n + 1), .tablet-screen.layout-standard .entry-grid.entry-columns-default:nth-child(2n + 1), .tablet-screen.layout-sidebar-right.no-secondary .entry-grid.entry-columns-default:nth-child(2n + 1), .tablet-screen.layout-sidebar-left.no-secondary .entry-grid.entry-columns-default:nth-child(2n + 1) {
clear: left;
}
.tablet-screen .wvc-col-12 .entry-post-mosaic,
.tablet-screen .wolf-core-col-12 .entry-post-mosaic, .tablet-screen.layout-fullwidth .entry-post-mosaic, .tablet-screen.layout-standard .entry-post-mosaic, .tablet-screen.layout-sidebar-right.no-secondary .entry-post-mosaic, .tablet-screen.layout-sidebar-left.no-secondary .entry-post-mosaic {
width: 50%;
float: left;
height: 50vh;
}
.tablet-screen .wvc-col-12 .entry-video-mosaic,
.tablet-screen .wolf-core-col-12 .entry-video-mosaic, .tablet-screen.layout-fullwidth .entry-video-mosaic, .tablet-screen.layout-standard .entry-video-mosaic, .tablet-screen.layout-sidebar-right.no-secondary .entry-video-mosaic, .tablet-screen.layout-sidebar-left.no-secondary .entry-video-mosaic {
width: 50%;
float: left;
}
.tablet-screen .wvc-col-8 .entry-grid.entry-columns-default,
.tablet-screen .wvc-col-9 .entry-grid.entry-columns-default,
.tablet-screen .wolf-core-col-8 .entry-grid.entry-columns-default,
.tablet-screen .wolf-core-col-9 .entry-grid.entry-columns-default, .tablet-screen.layout-sidebar-right.has-secondary .entry-grid.entry-columns-default, .tablet-screen.layout-sidebar-left.has-secondary .entry-grid.entry-columns-default {
width: 50%;
}
.tablet-screen .wvc-col-8 .entry-grid.entry-columns-default:nth-child(2n + 1),
.tablet-screen .wvc-col-9 .entry-grid.entry-columns-default:nth-child(2n + 1),
.tablet-screen .wolf-core-col-8 .entry-grid.entry-columns-default:nth-child(2n + 1),
.tablet-screen .wolf-core-col-9 .entry-grid.entry-columns-default:nth-child(2n + 1), .tablet-screen.layout-sidebar-right.has-secondary .entry-grid.entry-columns-default:nth-child(2n + 1), .tablet-screen.layout-sidebar-left.has-secondary .entry-grid.entry-columns-default:nth-child(2n + 1) {
clear: left;
}
.tablet-screen .wvc-col-8 .entry-post-mosaic,
.tablet-screen .wvc-col-9 .entry-post-mosaic,
.tablet-screen .wolf-core-col-8 .entry-post-mosaic,
.tablet-screen .wolf-core-col-9 .entry-post-mosaic, .tablet-screen.layout-sidebar-right.has-secondary .entry-post-mosaic, .tablet-screen.layout-sidebar-left.has-secondary .entry-post-mosaic {
width: 50%;
float: left;
height: 50vh;
}
.tablet-screen .wvc-col-8 .entry-video-mosaic,
.tablet-screen .wvc-col-9 .entry-video-mosaic,
.tablet-screen .wolf-core-col-8 .entry-video-mosaic,
.tablet-screen .wolf-core-col-9 .entry-video-mosaic, .tablet-screen.layout-sidebar-right.has-secondary .entry-video-mosaic, .tablet-screen.layout-sidebar-left.has-secondary .entry-video-mosaic {
width: 50%;
float: left;
}
.tablet-screen .wvc-row-wrapper-width-large .wvc-col-12 .entry-grid.entry-columns-default,
.tablet-screen .wvc-row-wrapper-width-full .wvc-col-12 .entry-grid.entry-columns-default,
.tablet-screen .wolf-core-row-wrapper-width-large .wolf-core-col-12 .entry-grid.entry-columns-default,
.tablet-screen .wolf-core-row-wrapper-width-full .wolf-core-col-12 .entry-grid.entry-columns-default, .tablet-screen.layout-fullwidth .entry-grid.entry-columns-default {
width: 50%;
}
.tablet-screen .wvc-row-wrapper-width-large .wvc-col-12 .entry-grid.entry-columns-default:nth-child(2n + 1),
.tablet-screen .wvc-row-wrapper-width-full .wvc-col-12 .entry-grid.entry-columns-default:nth-child(2n + 1),
.tablet-screen .wolf-core-row-wrapper-width-large .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(2n + 1),
.tablet-screen .wolf-core-row-wrapper-width-full .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(2n + 1), .tablet-screen.layout-fullwidth .entry-grid.entry-columns-default:nth-child(2n + 1) {
clear: left;
}
/* Notebook */
.notebook-screen .entry-columns-2 {
width: 50%;
}
.notebook-screen .entry-columns-2:nth-child(2n + 1) {
clear: left;
}
.notebook-screen .entry-columns-3,
.notebook-screen .entry-columns-5,
.notebook-screen .entry-columns-6 {
width: 33.33%;
}
.notebook-screen .entry-columns-3:nth-child(3n + 1),
.notebook-screen .entry-columns-5:nth-child(3n + 1),
.notebook-screen .entry-columns-6:nth-child(3n + 1) {
clear: left;
}
.notebook-screen .entry-columns-4 {
width: 25%;
}
.notebook-screen .entry-columns-4:nth-child(4n + 1) {
clear: left;
}
.notebook-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-grid.entry-columns-default, .notebook-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-grid.entry-columns-default, .notebook-screen.layout-fullwidth .entry-grid.entry-columns-default, .notebook-screen.layout-standard .entry-grid.entry-columns-default, .notebook-screen.layout-sidebar-right.no-secondary .entry-grid.entry-columns-default, .notebook-screen.layout-sidebar-left.no-secondary .entry-grid.entry-columns-default {
width: 33.33%;
}
.notebook-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-grid.entry-columns-default:nth-child(3n + 1), .notebook-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(3n + 1), .notebook-screen.layout-fullwidth .entry-grid.entry-columns-default:nth-child(3n + 1), .notebook-screen.layout-standard .entry-grid.entry-columns-default:nth-child(3n + 1), .notebook-screen.layout-sidebar-right.no-secondary .entry-grid.entry-columns-default:nth-child(3n + 1), .notebook-screen.layout-sidebar-left.no-secondary .entry-grid.entry-columns-default:nth-child(3n + 1) {
clear: left;
}
.notebook-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic, .notebook-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic, .notebook-screen.layout-fullwidth .entry-post-mosaic, .notebook-screen.layout-standard .entry-post-mosaic, .notebook-screen.layout-sidebar-right.no-secondary .entry-post-mosaic, .notebook-screen.layout-sidebar-left.no-secondary .entry-post-mosaic {
width: 33.33%;
height: 50vh;
}
.notebook-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 1), .notebook-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 1), .notebook-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 1), .notebook-screen.layout-standard .entry-post-mosaic:nth-child(13n + 1), .notebook-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 1), .notebook-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 1) {
width: 50%;
height: 100vh;
}
.notebook-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 1) .entry-title, .notebook-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 1) .entry-title, .notebook-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 1) .entry-title, .notebook-screen.layout-standard .entry-post-mosaic:nth-child(13n + 1) .entry-title, .notebook-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 1) .entry-title, .notebook-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 1) .entry-title {
font-size: 18px;
}
.notebook-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 2), .notebook-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 3), .notebook-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 2), .notebook-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 3), .notebook-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 2), .notebook-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 3), .notebook-screen.layout-standard .entry-post-mosaic:nth-child(13n + 2), .notebook-screen.layout-standard .entry-post-mosaic:nth-child(13n + 3), .notebook-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 2), .notebook-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 3), .notebook-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 2), .notebook-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 3) {
width: 50%;
height: 50vh;
}
.notebook-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 2) .entry-title, .notebook-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 3) .entry-title, .notebook-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 2) .entry-title, .notebook-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 3) .entry-title, .notebook-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 2) .entry-title, .notebook-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 3) .entry-title, .notebook-screen.layout-standard .entry-post-mosaic:nth-child(13n + 2) .entry-title, .notebook-screen.layout-standard .entry-post-mosaic:nth-child(13n + 3) .entry-title, .notebook-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 2) .entry-title, .notebook-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 3) .entry-title, .notebook-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 2) .entry-title, .notebook-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 3) .entry-title {
font-size: 16px;
}
.notebook-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 7), .notebook-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 9), .notebook-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 7), .notebook-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 9), .notebook-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 7), .notebook-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 9), .notebook-screen.layout-standard .entry-post-mosaic:nth-child(13n + 7), .notebook-screen.layout-standard .entry-post-mosaic:nth-child(13n + 9), .notebook-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 7), .notebook-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 9), .notebook-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 7), .notebook-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 9) {
width: 50%;
height: 50vh;
}
.notebook-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 7) .entry-title, .notebook-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 9) .entry-title, .notebook-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 7) .entry-title, .notebook-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 9) .entry-title, .notebook-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 7) .entry-title, .notebook-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 9) .entry-title, .notebook-screen.layout-standard .entry-post-mosaic:nth-child(13n + 7) .entry-title, .notebook-screen.layout-standard .entry-post-mosaic:nth-child(13n + 9) .entry-title, .notebook-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 7) .entry-title, .notebook-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 9) .entry-title, .notebook-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 7) .entry-title, .notebook-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 9) .entry-title {
font-size: 16px;
}
.notebook-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 9), .notebook-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 9), .notebook-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 9), .notebook-screen.layout-standard .entry-post-mosaic:nth-child(13n + 9), .notebook-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 9), .notebook-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 9) {
margin-top: -50vh;
}
.notebook-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 8), .notebook-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 8), .notebook-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 8), .notebook-screen.layout-standard .entry-post-mosaic:nth-child(13n + 8), .notebook-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 8), .notebook-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 8) {
width: 50%;
height: 100vh;
}
.notebook-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 8) .entry-title, .notebook-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 8) .entry-title, .notebook-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 8) .entry-title, .notebook-screen.layout-standard .entry-post-mosaic:nth-child(13n + 8) .entry-title, .notebook-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 8) .entry-title, .notebook-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 8) .entry-title {
font-size: 18px;
}
.notebook-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-video-mosaic, .notebook-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-video-mosaic, .notebook-screen.layout-fullwidth .entry-video-mosaic, .notebook-screen.layout-standard .entry-video-mosaic, .notebook-screen.layout-sidebar-right.no-secondary .entry-video-mosaic, .notebook-screen.layout-sidebar-left.no-secondary .entry-video-mosaic {
width: 33.33%;
}
.notebook-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-video-mosaic .entry-box, .notebook-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-video-mosaic .entry-box, .notebook-screen.layout-fullwidth .entry-video-mosaic .entry-box, .notebook-screen.layout-standard .entry-video-mosaic .entry-box, .notebook-screen.layout-sidebar-right.no-secondary .entry-video-mosaic .entry-box, .notebook-screen.layout-sidebar-left.no-secondary .entry-video-mosaic .entry-box {
height: 100%;
}
.notebook-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-video-mosaic:nth-child(7n + 1), .notebook-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-video-mosaic:nth-child(7n + 4), .notebook-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-video-mosaic:nth-child(7n + 1), .notebook-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-video-mosaic:nth-child(7n + 4), .notebook-screen.layout-fullwidth .entry-video-mosaic:nth-child(7n + 1), .notebook-screen.layout-fullwidth .entry-video-mosaic:nth-child(7n + 4), .notebook-screen.layout-standard .entry-video-mosaic:nth-child(7n + 1), .notebook-screen.layout-standard .entry-video-mosaic:nth-child(7n + 4), .notebook-screen.layout-sidebar-right.no-secondary .entry-video-mosaic:nth-child(7n + 1), .notebook-screen.layout-sidebar-right.no-secondary .entry-video-mosaic:nth-child(7n + 4), .notebook-screen.layout-sidebar-left.no-secondary .entry-video-mosaic:nth-child(7n + 1), .notebook-screen.layout-sidebar-left.no-secondary .entry-video-mosaic:nth-child(7n + 4) {
width: 66.66%;
}
.notebook-screen .wvc-col-8 .entry-grid.entry-columns-default,
.notebook-screen .wvc-col-9 .entry-grid.entry-columns-default,
.notebook-screen .wvc-row-wrapper-width-small .wvc-col-12 .entry-grid.entry-columns-default,
.notebook-screen .wolf-core-col-8 .entry-grid.entry-columns-default,
.notebook-screen .wolf-core-col-9 .entry-grid.entry-columns-default,
.notebook-screen .wolf-core-row-wrapper-width-small .wolf-core-col-12 .entry-grid.entry-columns-default, .notebook-screen.layout-sidebar.has-secondary .entry-grid.entry-columns-default, .notebook-screen.layout-sidebar-right.has-secondary .entry-grid.entry-columns-default, .notebook-screen.layout-sidebar-left.has-secondary .entry-grid.entry-columns-default {
width: 50%;
}
.notebook-screen .wvc-col-8 .entry-grid.entry-columns-default:nth-child(2n + 1),
.notebook-screen .wvc-col-9 .entry-grid.entry-columns-default:nth-child(2n + 1),
.notebook-screen .wvc-row-wrapper-width-small .wvc-col-12 .entry-grid.entry-columns-default:nth-child(2n + 1),
.notebook-screen .wolf-core-col-8 .entry-grid.entry-columns-default:nth-child(2n + 1),
.notebook-screen .wolf-core-col-9 .entry-grid.entry-columns-default:nth-child(2n + 1),
.notebook-screen .wolf-core-row-wrapper-width-small .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(2n + 1), .notebook-screen.layout-sidebar.has-secondary .entry-grid.entry-columns-default:nth-child(2n + 1), .notebook-screen.layout-sidebar-right.has-secondary .entry-grid.entry-columns-default:nth-child(2n + 1), .notebook-screen.layout-sidebar-left.has-secondary .entry-grid.entry-columns-default:nth-child(2n + 1) {
clear: left;
}
.notebook-screen .wvc-col-8.is-shop .entry-grid.entry-columns-default,
.notebook-screen .wvc-col-9.is-shop .entry-grid.entry-columns-default,
.notebook-screen .wvc-row-wrapper-width-small .wvc-col-12.is-shop .entry-grid.entry-columns-default,
.notebook-screen .wolf-core-col-8.is-shop .entry-grid.entry-columns-default,
.notebook-screen .wolf-core-col-9.is-shop .entry-grid.entry-columns-default,
.notebook-screen .wolf-core-row-wrapper-width-small .wolf-core-col-12.is-shop .entry-grid.entry-columns-default, .notebook-screen.layout-sidebar.has-secondary.is-shop .entry-grid.entry-columns-default, .notebook-screen.layout-sidebar-right.has-secondary.is-shop .entry-grid.entry-columns-default, .notebook-screen.layout-sidebar-left.has-secondary.is-shop .entry-grid.entry-columns-default {
width: 33.33%;
}
.notebook-screen .wvc-col-8.is-shop .entry-grid.entry-columns-default:nth-child(2n + 1),
.notebook-screen .wvc-col-9.is-shop .entry-grid.entry-columns-default:nth-child(2n + 1),
.notebook-screen .wvc-row-wrapper-width-small .wvc-col-12.is-shop .entry-grid.entry-columns-default:nth-child(2n + 1),
.notebook-screen .wolf-core-col-8.is-shop .entry-grid.entry-columns-default:nth-child(2n + 1),
.notebook-screen .wolf-core-col-9.is-shop .entry-grid.entry-columns-default:nth-child(2n + 1),
.notebook-screen .wolf-core-row-wrapper-width-small .wolf-core-col-12.is-shop .entry-grid.entry-columns-default:nth-child(2n + 1), .notebook-screen.layout-sidebar.has-secondary.is-shop .entry-grid.entry-columns-default:nth-child(2n + 1), .notebook-screen.layout-sidebar-right.has-secondary.is-shop .entry-grid.entry-columns-default:nth-child(2n + 1), .notebook-screen.layout-sidebar-left.has-secondary.is-shop .entry-grid.entry-columns-default:nth-child(2n + 1) {
clear: none;
}
.notebook-screen .wvc-col-8.is-shop .entry-grid.entry-columns-default:nth-child(3n + 1),
.notebook-screen .wvc-col-9.is-shop .entry-grid.entry-columns-default:nth-child(3n + 1),
.notebook-screen .wvc-row-wrapper-width-small .wvc-col-12.is-shop .entry-grid.entry-columns-default:nth-child(3n + 1),
.notebook-screen .wolf-core-col-8.is-shop .entry-grid.entry-columns-default:nth-child(3n + 1),
.notebook-screen .wolf-core-col-9.is-shop .entry-grid.entry-columns-default:nth-child(3n + 1),
.notebook-screen .wolf-core-row-wrapper-width-small .wolf-core-col-12.is-shop .entry-grid.entry-columns-default:nth-child(3n + 1), .notebook-screen.layout-sidebar.has-secondary.is-shop .entry-grid.entry-columns-default:nth-child(3n + 1), .notebook-screen.layout-sidebar-right.has-secondary.is-shop .entry-grid.entry-columns-default:nth-child(3n + 1), .notebook-screen.layout-sidebar-left.has-secondary.is-shop .entry-grid.entry-columns-default:nth-child(3n + 1) {
clear: left;
}
/* Desktop */
.desktop-screen .entry-columns-2 {
width: 50%;
}
.desktop-screen .entry-columns-2:nth-child(2n + 1) {
clear: left;
}
.desktop-screen .entry-columns-3 {
width: 33.33%;
}
.desktop-screen .entry-columns-3:nth-child(3n + 1) {
clear: left;
}
.desktop-screen .entry-columns-4 {
width: 25%;
}
.desktop-screen .entry-columns-4:nth-child(4n + 1) {
clear: left;
}
.desktop-screen .entry-columns-5 {
width: 20%;
}
.desktop-screen .entry-columns-5:nth-child(5n + 1) {
clear: left;
}
.desktop-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-grid.entry-columns-default, .desktop-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-grid.entry-columns-default, .desktop-screen.layout-fullwidth .entry-grid.entry-columns-default, .desktop-screen.layout-standard .entry-grid.entry-columns-default, .desktop-screen.layout-sidebar-right.no-secondary .entry-grid.entry-columns-default, .desktop-screen.layout-sidebar-left.no-secondary .entry-grid.entry-columns-default {
width: 33.33%;
}
.desktop-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-grid.entry-columns-default:nth-child(2n + 1), .desktop-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(2n + 1), .desktop-screen.layout-fullwidth .entry-grid.entry-columns-default:nth-child(2n + 1), .desktop-screen.layout-standard .entry-grid.entry-columns-default:nth-child(2n + 1), .desktop-screen.layout-sidebar-right.no-secondary .entry-grid.entry-columns-default:nth-child(2n + 1), .desktop-screen.layout-sidebar-left.no-secondary .entry-grid.entry-columns-default:nth-child(2n + 1) {
clear: none;
}
.desktop-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-grid.entry-columns-default:nth-child(3n + 1), .desktop-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(3n + 1), .desktop-screen.layout-fullwidth .entry-grid.entry-columns-default:nth-child(3n + 1), .desktop-screen.layout-standard .entry-grid.entry-columns-default:nth-child(3n + 1), .desktop-screen.layout-sidebar-right.no-secondary .entry-grid.entry-columns-default:nth-child(3n + 1), .desktop-screen.layout-sidebar-left.no-secondary .entry-grid.entry-columns-default:nth-child(3n + 1) {
clear: left;
}
.desktop-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic, .desktop-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic, .desktop-screen.layout-fullwidth .entry-post-mosaic, .desktop-screen.layout-standard .entry-post-mosaic, .desktop-screen.layout-sidebar-right.no-secondary .entry-post-mosaic, .desktop-screen.layout-sidebar-left.no-secondary .entry-post-mosaic {
width: 33.33%;
height: 50vh;
}
.desktop-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 1), .desktop-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 1), .desktop-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 1), .desktop-screen.layout-standard .entry-post-mosaic:nth-child(13n + 1), .desktop-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 1), .desktop-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 1) {
width: 50%;
height: 100vh;
}
.desktop-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 1) .entry-title, .desktop-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 1) .entry-title, .desktop-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 1) .entry-title, .desktop-screen.layout-standard .entry-post-mosaic:nth-child(13n + 1) .entry-title, .desktop-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 1) .entry-title, .desktop-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 1) .entry-title {
font-size: 18px;
}
.desktop-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 2), .desktop-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 3), .desktop-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 2), .desktop-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 3), .desktop-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 2), .desktop-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 3), .desktop-screen.layout-standard .entry-post-mosaic:nth-child(13n + 2), .desktop-screen.layout-standard .entry-post-mosaic:nth-child(13n + 3), .desktop-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 2), .desktop-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 3), .desktop-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 2), .desktop-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 3) {
width: 50%;
height: 50vh;
}
.desktop-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 2) .entry-title, .desktop-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 3) .entry-title, .desktop-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 2) .entry-title, .desktop-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 3) .entry-title, .desktop-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 2) .entry-title, .desktop-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 3) .entry-title, .desktop-screen.layout-standard .entry-post-mosaic:nth-child(13n + 2) .entry-title, .desktop-screen.layout-standard .entry-post-mosaic:nth-child(13n + 3) .entry-title, .desktop-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 2) .entry-title, .desktop-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 3) .entry-title, .desktop-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 2) .entry-title, .desktop-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 3) .entry-title {
font-size: 16px;
}
.desktop-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 7), .desktop-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 9), .desktop-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 7), .desktop-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 9), .desktop-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 7), .desktop-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 9), .desktop-screen.layout-standard .entry-post-mosaic:nth-child(13n + 7), .desktop-screen.layout-standard .entry-post-mosaic:nth-child(13n + 9), .desktop-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 7), .desktop-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 9), .desktop-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 7), .desktop-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 9) {
width: 50%;
height: 50vh;
}
.desktop-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 7) .entry-title, .desktop-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 9) .entry-title, .desktop-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 7) .entry-title, .desktop-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 9) .entry-title, .desktop-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 7) .entry-title, .desktop-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 9) .entry-title, .desktop-screen.layout-standard .entry-post-mosaic:nth-child(13n + 7) .entry-title, .desktop-screen.layout-standard .entry-post-mosaic:nth-child(13n + 9) .entry-title, .desktop-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 7) .entry-title, .desktop-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 9) .entry-title, .desktop-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 7) .entry-title, .desktop-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 9) .entry-title {
font-size: 16px;
}
.desktop-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 9), .desktop-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 9), .desktop-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 9), .desktop-screen.layout-standard .entry-post-mosaic:nth-child(13n + 9), .desktop-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 9), .desktop-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 9) {
margin-top: -50vh;
}
.desktop-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 8), .desktop-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 8), .desktop-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 8), .desktop-screen.layout-standard .entry-post-mosaic:nth-child(13n + 8), .desktop-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 8), .desktop-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 8) {
width: 50%;
height: 100vh;
}
.desktop-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-post-mosaic:nth-child(13n + 8) .entry-title, .desktop-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-post-mosaic:nth-child(13n + 8) .entry-title, .desktop-screen.layout-fullwidth .entry-post-mosaic:nth-child(13n + 8) .entry-title, .desktop-screen.layout-standard .entry-post-mosaic:nth-child(13n + 8) .entry-title, .desktop-screen.layout-sidebar-right.no-secondary .entry-post-mosaic:nth-child(13n + 8) .entry-title, .desktop-screen.layout-sidebar-left.no-secondary .entry-post-mosaic:nth-child(13n + 8) .entry-title {
font-size: 18px;
}
.desktop-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-video-mosaic, .desktop-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-video-mosaic, .desktop-screen.layout-fullwidth .entry-video-mosaic, .desktop-screen.layout-standard .entry-video-mosaic, .desktop-screen.layout-sidebar-right.no-secondary .entry-video-mosaic, .desktop-screen.layout-sidebar-left.no-secondary .entry-video-mosaic {
width: 33.33%;
}
.desktop-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-video-mosaic .entry-box, .desktop-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-video-mosaic .entry-box, .desktop-screen.layout-fullwidth .entry-video-mosaic .entry-box, .desktop-screen.layout-standard .entry-video-mosaic .entry-box, .desktop-screen.layout-sidebar-right.no-secondary .entry-video-mosaic .entry-box, .desktop-screen.layout-sidebar-left.no-secondary .entry-video-mosaic .entry-box {
height: 100%;
}
.desktop-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-video-mosaic:nth-child(7n + 1), .desktop-screen:not(.menu-layout-lateral) .wvc-col-12 .entry-video-mosaic:nth-child(7n + 4), .desktop-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-video-mosaic:nth-child(7n + 1), .desktop-screen:not(.menu-layout-lateral) .wolf-core-col-12 .entry-video-mosaic:nth-child(7n + 4), .desktop-screen.layout-fullwidth .entry-video-mosaic:nth-child(7n + 1), .desktop-screen.layout-fullwidth .entry-video-mosaic:nth-child(7n + 4), .desktop-screen.layout-standard .entry-video-mosaic:nth-child(7n + 1), .desktop-screen.layout-standard .entry-video-mosaic:nth-child(7n + 4), .desktop-screen.layout-sidebar-right.no-secondary .entry-video-mosaic:nth-child(7n + 1), .desktop-screen.layout-sidebar-right.no-secondary .entry-video-mosaic:nth-child(7n + 4), .desktop-screen.layout-sidebar-left.no-secondary .entry-video-mosaic:nth-child(7n + 1), .desktop-screen.layout-sidebar-left.no-secondary .entry-video-mosaic:nth-child(7n + 4) {
width: 66.66%;
}
.desktop-screen .wvc-col-8 .entry-grid.entry-columns-default,
.desktop-screen .wvc-col-9 .entry-grid.entry-columns-default,
.desktop-screen .wvc-row-wrapper-width-small .wvc-col-12 .entry-grid.entry-columns-default,
.desktop-screen .wolf-core-col-8 .entry-grid.entry-columns-default,
.desktop-screen .wolf-core-col-9 .entry-grid.entry-columns-default,
.desktop-screen .wolf-core-row-wrapper-width-small .wolf-core-col-12 .entry-grid.entry-columns-default, .desktop-screen.layout-sidebar.has-secondary .entry-grid.entry-columns-default, .desktop-screen.layout-sidebar-right.has-secondary .entry-grid.entry-columns-default, .desktop-screen.layout-sidebar-left.has-secondary .entry-grid.entry-columns-default {
width: 50%;
}
.desktop-screen .wvc-col-8 .entry-grid.entry-columns-default:nth-child(2n + 1),
.desktop-screen .wvc-col-9 .entry-grid.entry-columns-default:nth-child(2n + 1),
.desktop-screen .wvc-row-wrapper-width-small .wvc-col-12 .entry-grid.entry-columns-default:nth-child(2n + 1),
.desktop-screen .wolf-core-col-8 .entry-grid.entry-columns-default:nth-child(2n + 1),
.desktop-screen .wolf-core-col-9 .entry-grid.entry-columns-default:nth-child(2n + 1),
.desktop-screen .wolf-core-row-wrapper-width-small .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(2n + 1), .desktop-screen.layout-sidebar.has-secondary .entry-grid.entry-columns-default:nth-child(2n + 1), .desktop-screen.layout-sidebar-right.has-secondary .entry-grid.entry-columns-default:nth-child(2n + 1), .desktop-screen.layout-sidebar-left.has-secondary .entry-grid.entry-columns-default:nth-child(2n + 1) {
clear: left;
}
.desktop-screen .wvc-col-8.is-shop .entry-grid.entry-columns-default,
.desktop-screen .wvc-col-9.is-shop .entry-grid.entry-columns-default,
.desktop-screen .wvc-row-wrapper-width-small .wvc-col-12.is-shop .entry-grid.entry-columns-default,
.desktop-screen .wolf-core-col-8.is-shop .entry-grid.entry-columns-default,
.desktop-screen .wolf-core-col-9.is-shop .entry-grid.entry-columns-default,
.desktop-screen .wolf-core-row-wrapper-width-small .wolf-core-col-12.is-shop .entry-grid.entry-columns-default, .desktop-screen.layout-sidebar.has-secondary.is-shop .entry-grid.entry-columns-default, .desktop-screen.layout-sidebar-right.has-secondary.is-shop .entry-grid.entry-columns-default, .desktop-screen.layout-sidebar-left.has-secondary.is-shop .entry-grid.entry-columns-default {
width: 33.33%;
}
.desktop-screen .wvc-col-8.is-shop .entry-grid.entry-columns-default:nth-child(2n + 1),
.desktop-screen .wvc-col-9.is-shop .entry-grid.entry-columns-default:nth-child(2n + 1),
.desktop-screen .wvc-row-wrapper-width-small .wvc-col-12.is-shop .entry-grid.entry-columns-default:nth-child(2n + 1),
.desktop-screen .wolf-core-col-8.is-shop .entry-grid.entry-columns-default:nth-child(2n + 1),
.desktop-screen .wolf-core-col-9.is-shop .entry-grid.entry-columns-default:nth-child(2n + 1),
.desktop-screen .wolf-core-row-wrapper-width-small .wolf-core-col-12.is-shop .entry-grid.entry-columns-default:nth-child(2n + 1), .desktop-screen.layout-sidebar.has-secondary.is-shop .entry-grid.entry-columns-default:nth-child(2n + 1), .desktop-screen.layout-sidebar-right.has-secondary.is-shop .entry-grid.entry-columns-default:nth-child(2n + 1), .desktop-screen.layout-sidebar-left.has-secondary.is-shop .entry-grid.entry-columns-default:nth-child(2n + 1) {
clear: none;
}
.desktop-screen .wvc-col-8.is-shop .entry-grid.entry-columns-default:nth-child(3n + 1),
.desktop-screen .wvc-col-9.is-shop .entry-grid.entry-columns-default:nth-child(3n + 1),
.desktop-screen .wvc-row-wrapper-width-small .wvc-col-12.is-shop .entry-grid.entry-columns-default:nth-child(3n + 1),
.desktop-screen .wolf-core-col-8.is-shop .entry-grid.entry-columns-default:nth-child(3n + 1),
.desktop-screen .wolf-core-col-9.is-shop .entry-grid.entry-columns-default:nth-child(3n + 1),
.desktop-screen .wolf-core-row-wrapper-width-small .wolf-core-col-12.is-shop .entry-grid.entry-columns-default:nth-child(3n + 1), .desktop-screen.layout-sidebar.has-secondary.is-shop .entry-grid.entry-columns-default:nth-child(3n + 1), .desktop-screen.layout-sidebar-right.has-secondary.is-shop .entry-grid.entry-columns-default:nth-child(3n + 1), .desktop-screen.layout-sidebar-left.has-secondary.is-shop .entry-grid.entry-columns-default:nth-child(3n + 1) {
clear: left;
}
.desktop-screen .wvc-col-8 .entry-product-grid.entry-columns-default,
.desktop-screen .wvc-col-9 .entry-product-grid.entry-columns-default,
.desktop-screen .wvc-row-wrapper-width-small .wvc-col-12 .entry-product-grid.entry-columns-default,
.desktop-screen .wolf-core-col-8 .entry-product-grid.entry-columns-default,
.desktop-screen .wolf-core-col-9 .entry-product-grid.entry-columns-default,
.desktop-screen .wolf-core-row-wrapper-width-small .wolf-core-col-12 .entry-product-grid.entry-columns-default, .desktop-screen.layout-sidebar.has-secondary .entry-product-grid.entry-columns-default, .desktop-screen.layout-sidebar-right.has-secondary .entry-product-grid.entry-columns-default, .desktop-screen.layout-sidebar-left.has-secondary .entry-product-grid.entry-columns-default {
width: 33.33%;
}
.desktop-screen .wvc-col-8 .entry-product-grid.entry-columns-default:nth-child(2n + 1),
.desktop-screen .wvc-col-9 .entry-product-grid.entry-columns-default:nth-child(2n + 1),
.desktop-screen .wvc-row-wrapper-width-small .wvc-col-12 .entry-product-grid.entry-columns-default:nth-child(2n + 1),
.desktop-screen .wolf-core-col-8 .entry-product-grid.entry-columns-default:nth-child(2n + 1),
.desktop-screen .wolf-core-col-9 .entry-product-grid.entry-columns-default:nth-child(2n + 1),
.desktop-screen .wolf-core-row-wrapper-width-small .wolf-core-col-12 .entry-product-grid.entry-columns-default:nth-child(2n + 1), .desktop-screen.layout-sidebar.has-secondary .entry-product-grid.entry-columns-default:nth-child(2n + 1), .desktop-screen.layout-sidebar-right.has-secondary .entry-product-grid.entry-columns-default:nth-child(2n + 1), .desktop-screen.layout-sidebar-left.has-secondary .entry-product-grid.entry-columns-default:nth-child(2n + 1) {
clear: none;
}
.desktop-screen .wvc-col-8 .entry-product-grid.entry-columns-default:nth-child(3n + 1),
.desktop-screen .wvc-col-9 .entry-product-grid.entry-columns-default:nth-child(3n + 1),
.desktop-screen .wvc-row-wrapper-width-small .wvc-col-12 .entry-product-grid.entry-columns-default:nth-child(3n + 1),
.desktop-screen .wolf-core-col-8 .entry-product-grid.entry-columns-default:nth-child(3n + 1),
.desktop-screen .wolf-core-col-9 .entry-product-grid.entry-columns-default:nth-child(3n + 1),
.desktop-screen .wolf-core-row-wrapper-width-small .wolf-core-col-12 .entry-product-grid.entry-columns-default:nth-child(3n + 1), .desktop-screen.layout-sidebar.has-secondary .entry-product-grid.entry-columns-default:nth-child(3n + 1), .desktop-screen.layout-sidebar-right.has-secondary .entry-product-grid.entry-columns-default:nth-child(3n + 1), .desktop-screen.layout-sidebar-left.has-secondary .entry-product-grid.entry-columns-default:nth-child(3n + 1) {
clear: left;
}
.desktop-screen:not(.menu-layout-lateral):not(.site-layout-boxed)
.wvc-row-wrapper-width-large
.wvc-col-12 .entry-grid.entry-columns-default, .desktop-screen:not(.menu-layout-lateral):not(.site-layout-boxed)
.wvc-row-wrapper-width-full
.wvc-col-12 .entry-grid.entry-columns-default, .desktop-screen:not(.menu-layout-lateral):not(.site-layout-boxed)
.wolf-core-row-wrapper-width-large
.wolf-core-col-12 .entry-grid.entry-columns-default, .desktop-screen:not(.menu-layout-lateral):not(.site-layout-boxed)
.wolf-core-row-wrapper-width-full
.wolf-core-col-12 .entry-grid.entry-columns-default, .desktop-screen.layout-fullwidth:not(.site-layout-boxed) .entry-grid.entry-columns-default {
width: 25%;
}
.desktop-screen:not(.menu-layout-lateral):not(.site-layout-boxed)
.wvc-row-wrapper-width-large
.wvc-col-12 .entry-grid.entry-columns-default:nth-child(3n + 1), .desktop-screen:not(.menu-layout-lateral):not(.site-layout-boxed)
.wvc-row-wrapper-width-full
.wvc-col-12 .entry-grid.entry-columns-default:nth-child(3n + 1), .desktop-screen:not(.menu-layout-lateral):not(.site-layout-boxed)
.wolf-core-row-wrapper-width-large
.wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(3n + 1), .desktop-screen:not(.menu-layout-lateral):not(.site-layout-boxed)
.wolf-core-row-wrapper-width-full
.wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(3n + 1), .desktop-screen.layout-fullwidth:not(.site-layout-boxed) .entry-grid.entry-columns-default:nth-child(3n + 1) {
clear: none;
}
.desktop-screen:not(.menu-layout-lateral):not(.site-layout-boxed)
.wvc-row-wrapper-width-large
.wvc-col-12 .entry-grid.entry-columns-default:nth-child(4n + 1), .desktop-screen:not(.menu-layout-lateral):not(.site-layout-boxed)
.wvc-row-wrapper-width-full
.wvc-col-12 .entry-grid.entry-columns-default:nth-child(4n + 1), .desktop-screen:not(.menu-layout-lateral):not(.site-layout-boxed)
.wolf-core-row-wrapper-width-large
.wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(4n + 1), .desktop-screen:not(.menu-layout-lateral):not(.site-layout-boxed)
.wolf-core-row-wrapper-width-full
.wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(4n + 1), .desktop-screen.layout-fullwidth:not(.site-layout-boxed) .entry-grid.entry-columns-default:nth-child(4n + 1) {
clear: left;
}
.desktop-screen .wvc-col-12 .entry-product-grid.entry-columns-default,
.desktop-screen .wolf-core-col-12 .entry-product-grid.entry-columns-default, .desktop-screen.is-shop.layout-standard .entry-product-grid.entry-columns-default {
width: 25%;
}
.desktop-screen .wvc-col-12 .entry-product-grid.entry-columns-default:nth-child(3n + 1),
.desktop-screen .wolf-core-col-12 .entry-product-grid.entry-columns-default:nth-child(3n + 1), .desktop-screen.is-shop.layout-standard .entry-product-grid.entry-columns-default:nth-child(3n + 1) {
clear: none;
}
.desktop-screen .wvc-col-12 .entry-product-grid.entry-columns-default:nth-child(4n + 1),
.desktop-screen .wolf-core-col-12 .entry-product-grid.entry-columns-default:nth-child(4n + 1), .desktop-screen.is-shop.layout-standard .entry-product-grid.entry-columns-default:nth-child(4n + 1) {
clear: left;
}
.desktop-screen .entry-columns-6 {
width: 16.66%;
}
.desktop-screen .entry-columns-6:nth-child(6n + 1) {
clear: left;
}
.desktop-screen .wvc-col-9 .entry-grid.entry-columns-default,
.desktop-screen .wolf-core-col-9 .entry-grid.entry-columns-default, .desktop-screen.menu-layout-lateral .wvc-row-wrapper-width-large .wvc-col-12 .entry-grid.entry-columns-default, .desktop-screen.menu-layout-lateral .wvc-row-wrapper-width-full .wvc-col-12 .entry-grid.entry-columns-default, .desktop-screen.menu-layout-lateral .wolf-core-row-wrapper-width-large .wolf-core-col-12 .entry-grid.entry-columns-default, .desktop-screen.menu-layout-lateral .wolf-core-row-wrapper-width-full .wolf-core-col-12 .entry-grid.entry-columns-default {
width: 33.33%;
}
.desktop-screen .wvc-col-9 .entry-grid.entry-columns-default:nth-child(2n + 1),
.desktop-screen .wolf-core-col-9 .entry-grid.entry-columns-default:nth-child(2n + 1), .desktop-screen.menu-layout-lateral .wvc-row-wrapper-width-large .wvc-col-12 .entry-grid.entry-columns-default:nth-child(2n + 1), .desktop-screen.menu-layout-lateral .wvc-row-wrapper-width-full .wvc-col-12 .entry-grid.entry-columns-default:nth-child(2n + 1), .desktop-screen.menu-layout-lateral .wolf-core-row-wrapper-width-large .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(2n + 1), .desktop-screen.menu-layout-lateral .wolf-core-row-wrapper-width-full .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(2n + 1) {
clear: none;
}
.desktop-screen .wvc-col-9 .entry-grid.entry-columns-default:nth-child(3n + 1),
.desktop-screen .wolf-core-col-9 .entry-grid.entry-columns-default:nth-child(3n + 1), .desktop-screen.menu-layout-lateral .wvc-row-wrapper-width-large .wvc-col-12 .entry-grid.entry-columns-default:nth-child(3n + 1), .desktop-screen.menu-layout-lateral .wvc-row-wrapper-width-full .wvc-col-12 .entry-grid.entry-columns-default:nth-child(3n + 1), .desktop-screen.menu-layout-lateral .wolf-core-row-wrapper-width-large .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(3n + 1), .desktop-screen.menu-layout-lateral .wolf-core-row-wrapper-width-full .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(3n + 1) {
clear: left;
}
.desktop-big-screen .wvc-row-wrapper-width-large .wvc-col-12 .entry-grid.entry-product.entry-columns-default,
.desktop-big-screen .wvc-row-wrapper-width-full .wvc-col-12 .entry-grid.entry-product.entry-columns-default,
.desktop-big-screen .wolf-core-row-wrapper-width-large .wolf-core-col-12 .entry-grid.entry-product.entry-columns-default,
.desktop-big-screen .wolf-core-row-wrapper-width-full .wolf-core-col-12 .entry-grid.entry-product.entry-columns-default, .desktop-big-screen.is-shop.layout-fullwidth .entry-grid.entry-product.entry-columns-default {
width: 16.66% !important;
}
.desktop-big-screen .wvc-row-wrapper-width-large .wvc-col-12 .entry-grid.entry-product.entry-columns-default:nth-child(2n + 1),
.desktop-big-screen .wvc-row-wrapper-width-full .wvc-col-12 .entry-grid.entry-product.entry-columns-default:nth-child(2n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-large .wolf-core-col-12 .entry-grid.entry-product.entry-columns-default:nth-child(2n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-full .wolf-core-col-12 .entry-grid.entry-product.entry-columns-default:nth-child(2n + 1), .desktop-big-screen.is-shop.layout-fullwidth .entry-grid.entry-product.entry-columns-default:nth-child(2n + 1) {
clear: none;
}
.desktop-big-screen .wvc-row-wrapper-width-large .wvc-col-12 .entry-grid.entry-product.entry-columns-default:nth-child(3n + 1),
.desktop-big-screen .wvc-row-wrapper-width-full .wvc-col-12 .entry-grid.entry-product.entry-columns-default:nth-child(3n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-large .wolf-core-col-12 .entry-grid.entry-product.entry-columns-default:nth-child(3n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-full .wolf-core-col-12 .entry-grid.entry-product.entry-columns-default:nth-child(3n + 1), .desktop-big-screen.is-shop.layout-fullwidth .entry-grid.entry-product.entry-columns-default:nth-child(3n + 1) {
clear: none;
}
.desktop-big-screen .wvc-row-wrapper-width-large .wvc-col-12 .entry-grid.entry-product.entry-columns-default:nth-child(4n + 1),
.desktop-big-screen .wvc-row-wrapper-width-full .wvc-col-12 .entry-grid.entry-product.entry-columns-default:nth-child(4n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-large .wolf-core-col-12 .entry-grid.entry-product.entry-columns-default:nth-child(4n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-full .wolf-core-col-12 .entry-grid.entry-product.entry-columns-default:nth-child(4n + 1), .desktop-big-screen.is-shop.layout-fullwidth .entry-grid.entry-product.entry-columns-default:nth-child(4n + 1) {
clear: none !important;
}
.desktop-big-screen .wvc-row-wrapper-width-large .wvc-col-12 .entry-grid.entry-product.entry-columns-default:nth-child(5n + 1),
.desktop-big-screen .wvc-row-wrapper-width-full .wvc-col-12 .entry-grid.entry-product.entry-columns-default:nth-child(5n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-large .wolf-core-col-12 .entry-grid.entry-product.entry-columns-default:nth-child(5n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-full .wolf-core-col-12 .entry-grid.entry-product.entry-columns-default:nth-child(5n + 1), .desktop-big-screen.is-shop.layout-fullwidth .entry-grid.entry-product.entry-columns-default:nth-child(5n + 1) {
clear: none;
}
.desktop-big-screen .wvc-row-wrapper-width-large .wvc-col-12 .entry-grid.entry-product.entry-columns-default:nth-child(6n + 1),
.desktop-big-screen .wvc-row-wrapper-width-full .wvc-col-12 .entry-grid.entry-product.entry-columns-default:nth-child(6n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-large .wolf-core-col-12 .entry-grid.entry-product.entry-columns-default:nth-child(6n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-full .wolf-core-col-12 .entry-grid.entry-product.entry-columns-default:nth-child(6n + 1), .desktop-big-screen.is-shop.layout-fullwidth .entry-grid.entry-product.entry-columns-default:nth-child(6n + 1) {
clear: left;
}
.desktop-big-screen.menu-layout-lateral .wvc-row-wrapper-width-large .wvc-col-12 .entry-grid.entry-columns-default, .desktop-big-screen.menu-layout-lateral .wvc-row-wrapper-width-full .wvc-col-12 .entry-grid.entry-columns-default,
.desktop-big-screen .wolf-core-row-wrapper-width-large .wolf-core-col-12 .entry-grid.entry-columns-default,
.desktop-big-screen .wolf-core-row-wrapper-width-full .wolf-core-col-12 .entry-grid.entry-columns-default {
width: 25%;
}
.desktop-big-screen.menu-layout-lateral .wvc-row-wrapper-width-large .wvc-col-12 .entry-grid.entry-columns-default:nth-child(2n + 1), .desktop-big-screen.menu-layout-lateral .wvc-row-wrapper-width-full .wvc-col-12 .entry-grid.entry-columns-default:nth-child(2n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-large .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(2n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-full .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(2n + 1) {
clear: none;
}
.desktop-big-screen.menu-layout-lateral .wvc-row-wrapper-width-large .wvc-col-12 .entry-grid.entry-columns-default:nth-child(3n + 1), .desktop-big-screen.menu-layout-lateral .wvc-row-wrapper-width-full .wvc-col-12 .entry-grid.entry-columns-default:nth-child(3n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-large .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(3n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-full .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(3n + 1) {
clear: none;
}
.desktop-big-screen.menu-layout-lateral .wvc-row-wrapper-width-large .wvc-col-12 .entry-grid.entry-columns-default:nth-child(4n + 1), .desktop-big-screen.menu-layout-lateral .wvc-row-wrapper-width-full .wvc-col-12 .entry-grid.entry-columns-default:nth-child(4n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-large .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(4n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-full .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(4n + 1) {
clear: left;
}
.desktop-big-screen.menu-layout-lateral .wvc-row-wrapper-width-large .wvc-col-12 .entry-grid.entry-columns-default:nth-child(5n + 1), .desktop-big-screen.menu-layout-lateral .wvc-row-wrapper-width-full .wvc-col-12 .entry-grid.entry-columns-default:nth-child(5n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-large .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(5n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-full .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(5n + 1) {
clear: none;
}
.desktop-big-screen.menu-layout-lateral .wvc-row-wrapper-width-large .wvc-col-12 .entry-grid.entry-columns-default:nth-child(6n + 1), .desktop-big-screen.menu-layout-lateral .wvc-row-wrapper-width-full .wvc-col-12 .entry-grid.entry-columns-default:nth-child(6n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-large .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(6n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-full .wolf-core-col-12 .entry-grid.entry-columns-default:nth-child(6n + 1) {
clear: none;
}
.desktop-big-screen.menu-layout-lateral .wvc-row-wrapper-width-large .wvc-col-12 .entry-product-grid.entry-columns-default, .desktop-big-screen.menu-layout-lateral .wvc-row-wrapper-width-full .wvc-col-12 .entry-product-grid.entry-columns-default,
.desktop-big-screen .wolf-core-row-wrapper-width-large .wolf-core-col-12 .entry-product-grid.entry-columns-default,
.desktop-big-screen .wolf-core-row-wrapper-width-full .wolf-core-col-12 .entry-product-grid.entry-columns-default {
width: 20% !important;
}
.desktop-big-screen.menu-layout-lateral .wvc-row-wrapper-width-large .wvc-col-12 .entry-product-grid.entry-columns-default:nth-child(4n + 1), .desktop-big-screen.menu-layout-lateral .wvc-row-wrapper-width-full .wvc-col-12 .entry-product-grid.entry-columns-default:nth-child(4n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-large .wolf-core-col-12 .entry-product-grid.entry-columns-default:nth-child(4n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-full .wolf-core-col-12 .entry-product-grid.entry-columns-default:nth-child(4n + 1) {
clear: none;
}
.desktop-big-screen.menu-layout-lateral .wvc-row-wrapper-width-large .wvc-col-12 .entry-product-grid.entry-columns-default:nth-child(5n + 1), .desktop-big-screen.menu-layout-lateral .wvc-row-wrapper-width-full .wvc-col-12 .entry-product-grid.entry-columns-default:nth-child(5n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-large .wolf-core-col-12 .entry-product-grid.entry-columns-default:nth-child(5n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-full .wolf-core-col-12 .entry-product-grid.entry-columns-default:nth-child(5n + 1) {
clear: left;
}
.desktop-big-screen.menu-layout-lateral .wvc-row-wrapper-width-large .wvc-col-12 .entry-product-grid.entry-columns-default:nth-child(6n + 1), .desktop-big-screen.menu-layout-lateral .wvc-row-wrapper-width-full .wvc-col-12 .entry-product-grid.entry-columns-default:nth-child(6n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-large .wolf-core-col-12 .entry-product-grid.entry-columns-default:nth-child(6n + 1),
.desktop-big-screen .wolf-core-row-wrapper-width-full .wolf-core-col-12 .entry-product-grid.entry-columns-default:nth-child(6n + 1) {
clear: none;
}
/*
@media screen and (min-width: 550px) {
// Float
.entry-columns-default,
.entry-columns-1,
.entry-columns-2,
.entry-columns-3,
.entry-columns-4,
.entry-columns-5,
.entry-columns-6{
float: left;
}
.entry-columns-2,
.entry-columns-4,
.entry-columns-5,
.entry-columns-6{
width: 50%;
&:nth-child(2n+1){
clear:left;
}
}
.wvc-col-12,
.layout-fullwidth,
.layout-standard,
.layout-sidebar-right.no-secondary,
.layout-sidebar-left.no-secondary{
.entry-grid{
&.entry-columns-default{
width: 50%;
&:nth-child(2n+1){
clear:left;
}
}
}
.entry-post-mosaic{
width: 50%;
float: left;
height: 50vh;
}
.entry-video-mosaic{
width: 50%;
float: left;
}
}
.wvc-col-8,
.wvc-col-9,
.layout-sidebar-right.has-secondary,
.layout-sidebar-left.has-secondary{
.entry-grid{
&.entry-columns-default{
width: 50%;
&:nth-child(2n+1){
clear:left;
}
}
}
.entry-post-mosaic{
width: 50%;
float: left;
height: 50vh;
}
.entry-video-mosaic{
width: 50%;
float: left;
}
}
.wvc-row-wrapper-width-large .wvc-col-12,
.wvc-row-wrapper-width-full .wvc-col-12,
.layout-fullwidth{
.entry-grid{
&.entry-columns-default{
width: 50%;
&:nth-child(2n+1){
clear:left;
}
}
}
}
}
@media screen and (min-width: 1000px) {
.entry-columns-3,
.entry-columns-5,
.entry-columns-6{
width: 33.33%;
&:nth-child(2n+1){
clear:none;
}
&:nth-child(3n+1){
clear:left;
}
}
body:not(.menu-layout-lateral) .wvc-col-12,
.layout-fullwidth,
.layout-standard,
.layout-sidebar-right.no-secondary,
.layout-sidebar-left.no-secondary{
.entry-grid{
&.entry-columns-default{
width: 33.33%;
&:nth-child(2n+1){
clear:none;
}
&:nth-child(3n+1){
clear:left;
}
}
}
// Mosaic pattern
.entry-post-mosaic{
width: 33.33%;
height: 50vh;
&:nth-child(13n+1){
width: 50%;
height: 100vh;
.entry-title{
font-size: 18px;
}
}
&:nth-child(13n+2),
&:nth-child(13n+3){
width: 50%;
height: 50vh;
.entry-title{
font-size: 16px;
}
}
&:nth-child(13n+7),
&:nth-child(13n+9){
width: 50%;
height: 50vh;
.entry-title{
font-size: 16px;
}
}
&:nth-child(13n+9){
margin-top: -50vh;
}
&:nth-child(13n+8){
width: 50%;
height: 100vh;
.entry-title{
font-size: 18px;
}
}
}
.entry-video-mosaic{
width: 33.33%;
//height: 25vh;
// 55.6%
.entry-box{
height: 100%;
}
&:nth-child(7n+1),
&:nth-child(7n+4){
width: 66.66%;
//height: 50vh;
}
}
}
.wvc-col-8,
.wvc-col-9,
.wvc-row-wrapper-width-small .wvc-col-12,
.layout-sidebar.has-secondary,
.layout-sidebar-right.has-secondary,
.layout-sidebar-left.has-secondary{
.entry-grid{
&.entry-columns-default{
width: 50%;
&:nth-child(2n+1){
clear:left;
}
}
}
&.is-shop{
.entry-grid{
&.entry-columns-default{
width: 33.33%;
&:nth-child(2n+1){
clear:none;
}
&:nth-child(3n+1){
clear:left;
}
}
}
}
}
body:not(.menu-layout-lateral) .wvc-row-wrapper-width-large .wvc-col-12,
body:not(.menu-layout-lateral) .wvc-row-wrapper-width-full .wvc-col-12,
.layout-fullwidthh{
}
}
@media screen and (min-width: 1200px) {
.entry-columns-4{
width: 25%;
&:nth-child(2n+1){
clear:none;
}
&:nth-child(3n+1){
clear:none;
}
&:nth-child(4n+1){
clear:left;
}
}
.entry-columns-5{
width: 20%;
&:nth-child(2n+1){
clear:none;
}
&:nth-child(3n+1){
clear:none;
}
&:nth-child(4n+1){
clear:none;
}
&:nth-child(5n+1){
clear:left;
}
}
body:not(.menu-layout-lateral):not(.site-layout-boxed) .wvc-row-wrapper-width-large .wvc-col-12,
body:not(.menu-layout-lateral):not(.site-layout-boxed) .wvc-row-wrapper-width-full .wvc-col-12,
.layout-fullwidth:not(.site-layout-boxed){
.entry-grid{
&.entry-columns-default{
width: 25%; // fix masonry glitch
&:nth-child(2n+1){
clear:none;
}
&:nth-child(3n+1){
clear:none;
}
&:nth-child(4n+1){
clear:left;
}
}
}
}
.wvc-col-12,
.is-shop.layout-standard{
.entry-grid.entry-product{
&.entry-columns-default{
width: 25%;
&:nth-child(2n+1){
clear:none;
}
&:nth-child(3n+1){
clear:none;
}
&:nth-child(4n+1){
clear:left;
}
}
}
}
}
@media screen and (min-width: 1350px) {
.entry-columns-6{
width: 16.66%;
&:nth-child(2n+1){
clear:none;
}
&:nth-child(3n+1){
clear:none;
}
&:nth-child(4n+1){
clear:none;
}
&:nth-child(6n+1){
clear:left;
}
}
.wvc-col-9,
.menu-layout-lateral .wvc-row-wrapper-width-large .wvc-col-12,
.menu-layout-lateral .wvc-row-wrapper-width-full .wvc-col-12{
.entry-grid{
&.entry-columns-default{
width: 33.33%;
&:nth-child(2n+1){
clear:none;
}
&:nth-child(3n+1){
clear:left;
}
}
}
}
}
@media screen and (min-width: 1600px) {
.wvc-row-wrapper-width-large .wvc-col-12,
.wvc-row-wrapper-width-full .wvc-col-12,
.is-shop.layout-fullwidth{
.entry-grid.entry-product{
&.entry-columns-default{
width: 16.66%;
&:nth-child(2n+1){
clear:none;
}
&:nth-child(3n+1){
clear:none;
}
&:nth-child(4n+1){
clear:none;
}
&:nth-child(6n+1){
clear:left;
}
}
}
}
.menu-layout-lateral .wvc-row-wrapper-width-large .wvc-col-12,
.menu-layout-lateral .wvc-row-wrapper-width-full .wvc-col-12{
.entry-grid{
&.entry-columns-default{
width: 25%; // fix masonry glitch
&:nth-child(2n+1){
clear:none;
}
&:nth-child(3n+1){
clear:none;
}
&:nth-child(4n+1){
clear:left;
}
}
}
}
}
*/
/**
* @# Pagination
**/
.pagination {
display: block;
margin: 35px auto;
width: auto;
}
.pagination .nav-links {
zoom: 1;
width: auto;
margin: 0 auto;
text-align: center;
display: block;
}
.pagination .nav-links:before, .pagination .nav-links:after {
content: "";
display: table;
}
.pagination .nav-links:after {
clear: both !important;
}
.forum-pagination ul.page-numbers,
.woocommerce-pagination ul.page-numbers {
padding: 0;
zoom: 1;
width: auto;
margin: 0 auto;
text-align: center;
display: block;
}
.forum-pagination ul.page-numbers:before, .forum-pagination ul.page-numbers:after,
.woocommerce-pagination ul.page-numbers:before,
.woocommerce-pagination ul.page-numbers:after {
content: "";
display: table;
}
.forum-pagination ul.page-numbers:after,
.woocommerce-pagination ul.page-numbers:after {
clear: both !important;
}
.forum-pagination ul.page-numbers li,
.woocommerce-pagination ul.page-numbers li {
list-style-type: none;
display: inline-block;
}
.page-links {
zoom: 1;
margin: 0 auto;
}
.page-links:before, .page-links:after {
content: "";
display: table;
}
.page-links:after {
clear: both !important;
}
.page-links a,
.page-links > span:not(.page-links-title),
span.page-numbers,
.comments-pagination .nav-links a,
a.page-numbers {
text-align: center;
font-size: 15px;
line-height: 27px;
position: relative;
cursor: pointer;
display: inline-block;
height: 28px;
width: 28px;
margin: 10px 0 0;
text-align: center;
text-shadow: none;
text-decoration: none !important;
border: none;
}
.page-links a.current,
.page-links > span:not(.page-links-title).current,
span.page-numbers.current,
.comments-pagination .nav-links a.current,
a.page-numbers.current {
font-weight: 700;
}
li.page-numbers {
list-style-type: none;
display: inline-block;
}
/* Comments */
.comments-pagination {
text-align: center;
/*.nav-links a.prev:before{
content: "\e879";
}
.nav-links a.next:before{
content: "\e87a";
}*/
}
.comments-pagination .nav-links a.prev,
.comments-pagination .nav-links a.next {
font-size: 0;
}
.comments-pagination .nav-links a.prev:before,
.comments-pagination .nav-links a.next:before {
font-size: 14px;
}
.comments-pagination .nav-links a.prev:before,
.pagination-icon-prev:before {
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: Linearicons-Free;
content: "\e879";
}
.comments-pagination .nav-links a.next:before,
.pagination-icon-next:before {
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: Linearicons-Free;
content: "\e87a";
}
.single-pagination-prev:before {
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: FontAwesome;
content: "\f104";
}
.single-pagination-next:before {
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: FontAwesome;
content: "\f105";
}
body.button-style-default span.page-numbers,
body.button-style-default a.page-numbers {
border-radius: 2px;
}
body.button-style-round span.page-numbers,
body.button-style-round a.page-numbers {
border-radius: 9999em;
}
.single-post-pagination {
width: 100%;
}
.single-post-pagination .nav-label {
text-transform: uppercase;
width: 100%;
display: block;
font-size: 1.2rem;
font-weight: 400;
}
.single-post-pagination .nav-index {
display: none;
}
.single-post-pagination .nav-index-icon {
font-size: 0;
}
.single-post-pagination .nav-index-icon:before {
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font: normal normal normal 14px/1 FontAwesome;
content: "\f009";
}
.single-post-pagination .nav-previous,
.single-post-pagination .nav-index,
.single-post-pagination .nav-next {
overflow: hidden;
position: relative;
vertical-align: middle;
border: solid 1px rgba(0, 0, 0, 0.08);
}
.single-post-pagination .nav-previous a,
.single-post-pagination .nav-index a,
.single-post-pagination .nav-next a {
position: relative;
z-index: 14;
padding: 30px;
display: block;
-webkit-transition: color .3s ease, -webkit-transform .3s ease;
transition: color .3s ease, transform .3s ease;
}
.single-post-pagination .nav-previous.nav-has-bg,
.single-post-pagination .nav-index.nav-has-bg,
.single-post-pagination .nav-next.nav-has-bg {
background: #222;
color: #fff;
}
.single-post-pagination .nav-previous.nav-has-bg:after,
.single-post-pagination .nav-index.nav-has-bg:after,
.single-post-pagination .nav-next.nav-has-bg:after {
z-index: 0;
content: ' ';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.33);
-webkit-transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
}
.single-post-pagination .nav-previous.nav-has-bg .img-bg,
.single-post-pagination .nav-index.nav-has-bg .img-bg,
.single-post-pagination .nav-next.nav-has-bg .img-bg {
-webkit-transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.single-post-pagination .nav-previous.nav-has-bg:hover .img-bg,
.single-post-pagination .nav-index.nav-has-bg:hover .img-bg,
.single-post-pagination .nav-next.nav-has-bg:hover .img-bg {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.single-post-pagination .nav-previous.nav-has-bg:hover:after,
.single-post-pagination .nav-index.nav-has-bg:hover:after,
.single-post-pagination .nav-next.nav-has-bg:hover:after {
background: rgba(0, 0, 0, 0.55);
}
.single-post-pagination .nav-previous.nav-has-bg a:not(:hover),
.single-post-pagination .nav-previous.nav-has-bg .nav-label,
.single-post-pagination .nav-index.nav-has-bg a:not(:hover),
.single-post-pagination .nav-index.nav-has-bg .nav-label,
.single-post-pagination .nav-next.nav-has-bg a:not(:hover),
.single-post-pagination .nav-next.nav-has-bg .nav-label {
color: #fff;
}
.single-post-pagination .nav-previous {
text-align-last: auto;
}
.single-post-pagination .nav-previous .meta-icon {
margin-right: 5px;
}
.single-post-pagination .nav-index {
text-align: center;
}
.single-post-pagination .nav-next {
text-align: right;
-webkit-transition: -webkit-transform .3s ease;
transition: transform .3s ease;
}
.single-post-pagination .nav-next .meta-icon {
margin-left: 5px;
}
/**
* @# Footer
**/
.footer-type-uncover #page-content {
padding-bottom: 0;
}
.footer-type-uncover .site-footer {
z-index: 0;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}
.footer-type-hidden .site-footer {
display: none;
visibility: hidden;
}
/* Hide footer */
.footer-type-hidden .site-footer,
.footer-type-hidden .music-social-icons-container {
display: none;
}
.site-footer-dark {
color: #fff;
}
.site-footer-dark h1,
.site-footer-dark h2,
.site-footer-dark h3,
.site-footer-dark h4,
.site-footer-dark h5,
.site-footer-dark h6,
.site-footer-dark a,
.site-footer-dark .widget a,
.site-footer-dark strong {
color: #fff !important;
}
.site-footer-dark td {
padding: 15px 5px;
}
.site-footer-dark .widget_search .search-field,
.site-footer-dark .widget.widget_product_search .search-field,
.site-footer-dark input,
.site-footer-dark select {
background: white !important;
}
.site-footer-dark .tagcloud a {
border-color: rgba(255, 255, 255, 0.44) !important;
}
.sidebar-footer-inner {
padding: 3em 0;
}
.footer-layout-wide .sidebar-footer-inner,
.footer-layout-wide .site-infos .wrap {
max-width: none;
}
.credits,
.bottom-social-links {
text-align: center;
}
.credits {
color: #fff;
}
.credits a {
color: #fff !important;
}
.credits a:hover {
opacity: 1;
}
.bottom-social-links .wvc-socials-container {
margin: 0 !important;
max-width: 100%;
}
@media screen and (min-width: 800px) {
.bottom-bar-layout-inline .bottom-social-links {
float: right;
text-align: right;
width: calc(100% - 500px);
}
.bottom-bar-layout-inline .bottom-social-links .wvc-socials-container {
text-align: right !important;
max-width: none;
}
.bottom-bar-layout-inline .credits {
float: left;
text-align: left;
width: 500px;
height: 50px;
line-height: 50px;
}
}
/* Copyright */
.site-infos {
padding: 20px;
font-size: 12px;
line-height: 2;
background: #000;
color: #888;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.site-infos a {
color: #888;
}
.site-infos a:hover {
opacity: 1;
}
.site-infos a,
.site-infos span {
opacity: 0.6;
}
.site-infos .wvc-socials-container,
.site-infos .wvc-socials-container {
padding: 0;
}
.site-infos .wvc-social {
color: #fff;
font-size: 18px;
opacity: 1;
margin: 5px;
}
.site-infos .tertiary-navigation {
text-align: center;
}
/* Back to top link */
#back-to-top {
width: 30px;
height: 30px;
position: fixed;
right: 20px;
bottom: 20px;
z-index: 100;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
text-indent: -9999px;
color: #fff;
background: rgba(44, 47, 48, 0.5);
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
-webkit-transform: translate3d(0, 200px, 0);
transform: translate3d(0, 200px, 0);
}
#back-to-top.back-to-top-visible {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#back-to-top:hover {
background: rgba(44, 47, 48, 0.8);
}
#back-to-top:before {
text-indent: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e877';
font-family: Linearicons-Free;
font-weight: 400 !important;
text-decoration: none !important;
line-height: 1;
top: 6px;
left: 6px;
font-size: 18px;
position: absolute;
}
body.is-wpm-bar-player #back-to-top {
bottom: 70px;
}
/**
* @# Dependencies
**/
/**
* @# FlexSlider
**/
.flexslider {
border-radius: 0;
border: none;
margin: 0;
background: none;
}
/**
* @# Flickity
**/
[class^='skin-default'] .items .flickity-page-dots .dot,
[class*=' skin-default'] .items .flickity-page-dots .dot,
[class^='skin-light'] .items .flickity-page-dots .dot,
[class*=' skin-light'] .items .flickity-page-dots .dot,
[class^='skin-light_'] .items .flickity-page-dots .dot,
[class*=' skin-light_'] .items .flickity-page-dots .dot,
.global-skin-light .related-products .items .flickity-page-dots .dot,
[class^='global-skin-light_'] .related-products .items .flickity-page-dots .dot,
[class*=' global-skin-light_'] .related-products .items .flickity-page-dots .dot,
.wvc-font-dark .items .flickity-page-dots .dot,
.wolf-core-font-dark .items .flickity-page-dots .dot {
background: #333;
border-color: #333;
}
[class^='skin-default'] .items .flickity-page-dots .dot.is-selected,
[class*=' skin-default'] .items .flickity-page-dots .dot.is-selected,
[class^='skin-light'] .items .flickity-page-dots .dot.is-selected,
[class*=' skin-light'] .items .flickity-page-dots .dot.is-selected,
[class^='skin-light_'] .items .flickity-page-dots .dot.is-selected,
[class*=' skin-light_'] .items .flickity-page-dots .dot.is-selected,
.global-skin-light .related-products .items .flickity-page-dots .dot.is-selected,
[class^='global-skin-light_'] .related-products .items .flickity-page-dots .dot.is-selected,
[class*=' global-skin-light_'] .related-products .items .flickity-page-dots .dot.is-selected,
.wvc-font-dark .items .flickity-page-dots .dot.is-selected,
.wolf-core-font-dark .items .flickity-page-dots .dot.is-selected {
-webkit-box-shadow: 0 0 0 1px #333;
box-shadow: 0 0 0 1px #333;
}
[class^='skin-dark'] .items .flickity-page-dots .dot,
[class*=' skin-dark'] .items .flickity-page-dots .dot,
[class^='skin-dark_'] .items .flickity-page-dots .dot,
[class*=' skin-dark_'] .items .flickity-page-dots .dot,
.global-skin-dark .related-products .items .flickity-page-dots .dot,
[class^='global-skin-dark_'] .related-products .items .flickity-page-dots .dot,
[class*=' global-skin-dark_'] .related-products .items .flickity-page-dots .dot,
.wvc-font-light .items .flickity-page-dots .dot,
.wolf-core-font-light .items .flickity-page-dots .dot {
background: #fff;
border-color: #fff;
}
[class^='skin-dark'] .items .flickity-page-dots .dot.is-selected,
[class*=' skin-dark'] .items .flickity-page-dots .dot.is-selected,
[class^='skin-dark_'] .items .flickity-page-dots .dot.is-selected,
[class*=' skin-dark_'] .items .flickity-page-dots .dot.is-selected,
.global-skin-dark .related-products .items .flickity-page-dots .dot.is-selected,
[class^='global-skin-dark_'] .related-products .items .flickity-page-dots .dot.is-selected,
[class*=' global-skin-dark_'] .related-products .items .flickity-page-dots .dot.is-selected,
.wvc-font-light .items .flickity-page-dots .dot.is-selected,
.wolf-core-font-light .items .flickity-page-dots .dot.is-selected {
-webkit-box-shadow: 0 0 0 1px #fff;
box-shadow: 0 0 0 1px #fff;
}
/**
* @# Fancybox
**/
html.fancybox-enabled {
overflow: visible !important;
}
html.fancybox-enabled .fancybox-container {
z-index: 999999 !important;
}
.fancybox-thumbs,
.fancybox-thumbs > ul > li {
background: #19191A;
}
.fancybox-thumbs > ul > li {
border-color: #19191A;
}
.fancybox-thumbs > ul > li:before {
border-color: #91ff6a;
}
.fancybox-iframe,
.fancybox-content {
background-color: transparent !important;
}
.fancybox-close-small,
.fancybox-share,
.fancybox-share__button span,
.fancybox-share h1,
.fancybox-share__input {
color: #fff !important;
}
@media screen and (min-width: 600px) {
.admin-bar .fancybox-infobar,
.admin-bar .fancybox-thumbs-y,
.admin-bar .fancybox-toolbar {
top: 46px;
}
}
@media screen and (min-width: 738px) {
.admin-bar .fancybox-infobar,
.admin-bar .fancybox-thumbs-y,
.admin-bar .fancybox-toolbar {
top: 32px;
}
}
/**
* @# Tooltipsy
**/
.tooltipsy {
padding: 5px 10px;
font-size: 10px;
max-width: 200px;
color: #fff;
background-color: #333;
border: 1px solid #0d0d0d;
-webkit-transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
.tooltipsy:after {
position: absolute;
bottom: -7px;
left: 50%;
margin-left: -7px;
content: ' ';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 7px 0 7px;
border-color: #333 transparent transparent transparent;
}
/**
* @# WooCommerce base
**/
/* WooCommerce container width */
.woocommerce-wishlist .content-wrapper,
.woocommerce-cart .content-wrapper,
.woocommerce-checkout .content-wrapper,
.woocommerce-account .content-wrapper {
max-width: 1400px;
}
.woocommerce-cart .entry-thumbnail,
.woocommerce-checkout .entry-thumbnail,
.woocommerce-account .entry-thumbnail {
display: none !important;
}
.woocommerce-products-header,
.woocommerce-breadcrumb {
display: none;
}
.woocommerce-breadcrumb {
zoom: 1;
margin-bottom: 30px;
padding: 0;
font-size: 0.92em;
color: #888;
}
.woocommerce-breadcrumb:before, .woocommerce-breadcrumb:after {
content: "";
display: table;
}
.woocommerce-breadcrumb:after {
clear: both !important;
}
.woocommerce-breadcrumb a {
color: #888;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.woocommerce a.button.loading:before,
.woocommerce button.button.loading:before,
.woocommerce input.button.loading:before,
.woocommerce #respond input#submit.loading:before,
.woocommerce #content input.button.loading:before,
.woocommerce-page a.button.loading:before,
.woocommerce-page button.button.loading:before,
.woocommerce-page input.button.loading:before,
.woocommerce-page #respond input#submit.loading:before,
.woocommerce-page #content input.button.loading:before {
background-image: url(../img/woocommerce/ajax-loader@2x.gif);
background-size: 16px 16px;
}
}
/* Layout media queries */
/*
@media screen and (min-width: 800px) {
.shop-columns-3,
.shop-columns-6,
div.woocommerce.columns-3,
div.woocommerce.columns-6{
.products li{
width: 33.33%;
&:nth-child(2n+1){
clear:none;
}
&:nth-child(3n+1){
clear:left;
}
}
}
.shop-columns-4,
div.woocommerce.columns-4{
.products li{
width: 25%;
&:nth-child(2n+1){
clear:none;
}
&:nth-child(4n+1){
clear:left;
}
}
}
}
@media screen and (min-width: 1200px) {
.shop-columns-5,
div.woocommerce.columns-5{
.products li{
width: 20%;
&:nth-child(2n+1){
clear:none;
}
&:nth-child(3n+1){
clear:none;
}
&:nth-child(4n+1){
clear:none;
}
&:nth-child(5n+1){
clear:left;
}
}
}
.shop-columns-6,
div.woocommerce.columns-6{
.products li{
width: 16.65%;
&:nth-child(2n+1){
clear:none;
}
&:nth-child(3n+1){
clear:none;
}
&:nth-child(4n+1){
clear:none;
}
&:nth-child(5n+1){
clear:none;
}
&:nth-child(6n+1){
clear:left;
}
}
}
}*/
/* Store notice */
p.demo_store,
.woocommerce-store-notice {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
width: 100%;
font-size: 1em;
padding: 1em 0;
text-align: center;
background-color: #91ff6a;
color: #fff;
z-index: 99998;
-webkit-box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2);
display: none;
}
p.demo_store a,
.woocommerce-store-notice a {
color: #fff;
text-decoration: underline;
}
/**
* @# Stars
**/
@font-face {
font-family: 'star';
src: url("lib/fonts/woocommerce/star.eot");
src: url("lib/fonts/woocommerce/star.eot?#iefix") format("embedded-opentype"), url("lib/fonts/woocommerce/star.woff") format("woff"), url("lib/fonts/woocommerce/star.ttf") format("truetype"), url("lib/fonts/woocommerce/star.svg#star") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'WooCommerce';
src: url("lib/fonts/woocommerce/WooCommerce.eot");
src: url("lib/fonts/woocommerce/WooCommerce.eot?#iefix") format("embedded-opentype"), url("lib/fonts/woocommerce/WooCommerce.woff") format("woff"), url("lib/fonts/woocommerce/WooCommerce.ttf") format("truetype"), url("lib/fonts/woocommerce/WooCommerce.svg#WooCommerce") format("svg");
font-weight: normal;
font-style: normal;
}
/* Star rating */
.star-rating {
text-align: center;
margin: 0 auto;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1em;
font-size: 13px;
width: 5.4em;
font-family: 'star';
}
.star-rating:before {
content: "\73\73\73\73\73";
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
}
p.stars {
position: relative;
font-size: 1em;
}
p.stars a {
border-bottom: none !important;
display: inline-block;
font-weight: 700;
margin-right: 1em;
text-indent: -9999px;
position: relative;
}
p.stars a:last-child {
border-right: 0;
}
p.stars a.star-1, p.stars a.star-2, p.stars a.star-3, p.stars a.star-4, p.stars a.star-5 {
border-right: 1px solid #ccc;
}
p.stars a.star-1:after, p.stars a.star-2:after, p.stars a.star-3:after, p.stars a.star-4:after, p.stars a.star-5:after {
font-family: "WooCommerce";
text-indent: 0;
position: absolute;
top: 0;
left: 0;
}
p.stars a.star-1 {
width: 2em;
}
p.stars a.star-1:after {
content: "\e021";
}
p.stars a.star-1:hover:after, p.stars a.star-1.active:after {
content: "î€ ";
}
p.stars a.star-2 {
width: 3em;
}
p.stars a.star-2:after {
content: "\e021\e021";
}
p.stars a.star-2:hover:after, p.stars a.star-2.active:after {
content: "î€ î€ ";
}
p.stars a.star-3 {
width: 4em;
}
p.stars a.star-3:after {
content: "\e021\e021\e021";
}
p.stars a.star-3:hover:after, p.stars a.star-3.active:after {
content: "î€ î€ î€ ";
}
p.stars a.star-4 {
width: 5em;
}
p.stars a.star-4:after {
content: "\e021\e021\e021\e021";
}
p.stars a.star-4:hover:after, p.stars a.star-4.active:after {
content: "î€ î€ î€ î€ ";
}
p.stars a.star-5 {
width: 6em;
border: 0;
}
p.stars a.star-5:after {
content: "\e021\e021\e021\e021\e021";
}
p.stars a.star-5:hover:after, p.stars a.star-5.active:after {
content: "î€ î€ î€ î€ î€ ";
}
.wr-stars > span.wr-star-voted:before, .wr-stars > span.wr-star-voted ~ span:before {
color: #f5d016 !important;
}
/**
* @# Stars
**/
/* Currency switcher */
.currency-switcher {
text-align: center;
width: 80px !important;
font-size: 13px;
}
.wwcs-selector {
-webkit-transition: 0.5s cubic-bezier(0.39, 0.28, 0.31, 1.27);
transition: 0.5s cubic-bezier(0.39, 0.28, 0.31, 1.27);
left: auto;
right: 0;
display: block !important;
visibility: hidden;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
opacity: 0;
}
.wwcs-selector li {
opacity: 1;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
line-height: 2;
}
.wwcs-selector li:hover {
opacity: 0.88;
}
.wwcs-selector-item {
line-height: 2 !important;
}
.wvcs-currency-switcher-container.wwcs-dropdown .wwcs-selector {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.wwcs-current-currency,
.woocs-style-1-select {
text-align: center;
}
.wwcs-current-currency:after,
.woocs-style-1-select:after {
font-family: dripicons-v2 !important;
font-size: 12px;
content: '\54';
position: relative;
top: 2px;
left: 2px;
}
.currency-switcher .woocs-style-1-dropdown {
height: 100% !important;
-webkit-transition: none;
transition: none;
color: inherit !important;
line-height: inherit;
}
.currency-switcher .woocs-style-1-select {
outline: none !important;
background: none !important;
padding: 0 !important;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
height: 98px;
-webkit-transition: none;
transition: none;
}
.currency-switcher .woocs-style-1-dropdown .woocs-style-1-dropdown-menu {
border-radius: 0 !important;
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 0;
margin: 0 !important;
padding: 15px;
width: 150px;
list-style: none !important;
max-height: none !important;
left: auto;
right: 0;
top: 98px;
padding: 10px;
}
.currency-switcher .woocs-style-1-dropdown .woocs-style-1-dropdown-menu li {
list-style-type: none;
opacity: 1;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
line-height: 1;
background-color: transparent !important;
text-align: center;
}
.currency-switcher .woocs-style-1-dropdown .woocs-style-1-dropdown-menu li:hover {
opacity: 0.88;
background-color: transparent !important;
}
.currency-switcher .woocs-style-1-dropdown {
position: relative;
max-height: none;
height: auto;
-webkit-box-shadow: none !important;
box-shadow: none !important;
outline: none !important;
background: none !important;
/*&:after{
position: absolute;
font-family: dripicons-v2!important;
font-size: 12px;
content: "\54";
position: relative;
top: 2px;
right: 2px;
}*/
}
.currency-switcher .woocs-style-1-dropdown .fa2 {
display: none;
}
.sticking .currency-switcher .woocs-style-1-dropdown .woocs-style-1-dropdown-menu {
top: 63px;
}
.breakpoint .currency-switcher .woocs-style-1-select {
line-height: 63px;
}
.breakpoint .currency-switcher .woocs-style-1-dropdown .woocs-style-1-dropdown-menu {
top: 63px;
}
/**
* @# Widgets
**/
.widget.woocommerce .star-rating {
margin: 5px 0;
}
.widget.woocommerce .amount {
font-size: 16px;
}
/* Cart widget */
.widget_shopping_cart .button {
width: 100%;
margin: 0;
margin-bottom: 5px;
}
/* Search widget */
.widget_product_search #s {
padding-left: 1%;
padding-right: 1%;
width: 98%;
}
.widget_product_search #woocommerce-product-search-field {
margin-bottom: 5px;
}
/* Filter */
.widget_layered_nav ul li {
list-style-type: none;
margin-left: 0;
}
.widget_layered_nav ul li a:before {
font-size: 14px;
font-family: Fontawesome;
content: "\f096";
margin-right: 8px;
margin-top: 3px;
}
.widget_layered_nav ul li a:focus:before {
content: "\f046";
}
.widget_layered_nav ul li.chosen a:before {
content: "\f046";
}
.widget_layered_nav_filters ul li a {
border: 1px solid rgba(0, 0, 0, 0.2);
}
.widget_layered_nav_filters ul li {
list-style-type: none;
margin-left: 0;
margin-right: 5px;
display: inline;
}
.widget_layered_nav_filters ul li a {
display: inline-block;
padding: 2px 8px;
opacity: 1;
}
.widget_layered_nav_filters ul li a:before {
font-size: 14px;
content: '\00d7';
margin-right: 5px;
}
body.button-style-default .widget_layered_nav_filters ul li a {
border-radius: 3px;
}
body.button-style-round .widget_layered_nav_filters ul li a {
border-radius: 9999em;
}
/* =Cart Sidebar
-------------------------------------------------------------- */
ul.cart_list,
ul.product_list_widget {
list-style: none outside;
padding: 0;
margin: 0;
}
ul.cart_list li,
ul.product_list_widget li {
padding: 4px 0;
margin-left: 0 !important;
margin-bottom: 1.2rem;
zoom: 1;
list-style: none;
}
ul.cart_list li:before, ul.cart_list li:after,
ul.product_list_widget li:before,
ul.product_list_widget li:after {
content: "";
display: table;
}
ul.cart_list li:after,
ul.product_list_widget li:after {
clear: both !important;
}
ul.cart_list li a,
ul.product_list_widget li a {
display: block;
font-weight: 700;
}
ul.cart_list li img,
ul.product_list_widget li img {
float: left;
margin-right: 14px;
width: auto;
height: auto;
max-width: 80px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
ul.cart_list li dl,
ul.product_list_widget li dl {
margin: 0;
padding-left: 1em;
border-left: 2px solid rgba(0, 0, 0, 0.1);
zoom: 1;
}
ul.cart_list li dl:before, ul.cart_list li dl:after,
ul.product_list_widget li dl:before,
ul.product_list_widget li dl:after {
content: "";
display: table;
}
ul.cart_list li dl:after,
ul.product_list_widget li dl:after {
clear: both !important;
}
ul.cart_list li dl dt, ul.cart_list li dl dd,
ul.product_list_widget li dl dt,
ul.product_list_widget li dl dd {
display: inline-block;
float: left;
margin-botom: 1em;
}
ul.cart_list li dl dt,
ul.product_list_widget li dl dt {
font-weight: bold;
padding: 0 0 .25em 0;
margin: 0 4px 0 0;
clear: left;
}
ul.cart_list li dl dd,
ul.product_list_widget li dl dd {
padding: 0 0 .25em 0;
}
ul.cart_list li dl dd p:last-child,
ul.product_list_widget li dl dd p:last-child {
margin-bottom: 0;
}
ul.cart_list li .quantity,
ul.product_list_widget li .quantity {
width: 150px;
}
ul.cart_list li .star-rating,
ul.product_list_widget li .star-rating {
float: none;
}
ul.cart_list li .reviewer,
ul.product_list_widget li .reviewer {
font-size: 1.2rem;
}
.widget_shopping_cart .total, .widget_shopping_cart .total {
border-top: 3px double rgba(0, 0, 0, 0.5);
padding: 4px 0 0;
}
.widget_shopping_cart .total strong, .widget_shopping_cart .total b, .widget_shopping_cart .total strong, .widget_shopping_cart .total b {
min-width: 40px;
display: inline-block;
}
.widget_shopping_cart .buttons, .widget_shopping_cart .buttons {
zoom: 1;
padding: 0;
}
.widget_shopping_cart .buttons:before, .widget_shopping_cart .buttons:after, .widget_shopping_cart .buttons:before, .widget_shopping_cart .buttons:after {
content: "";
display: table;
}
.widget_shopping_cart .buttons:after, .widget_shopping_cart .buttons:after {
clear: both !important;
}
.widget_shopping_cart .remove, .widget_shopping_cart .remove {
text-align: right;
}
/**
* Rating Filter Widget
*/
.widget_rating_filter ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
}
.widget_rating_filter ul li {
margin-left: 0;
overflow: hidden;
*zoom: 1;
padding: 0 0 1px;
list-style: none;
font-size: 15px;
}
.widget_rating_filter ul li a {
padding: 1px 0;
text-decoration: none;
}
.widget_rating_filter ul li .star-rating {
float: none;
display: inline-block;
position: relative;
top: 5px;
}
/* =Price Filter Widget
-------------------------------------------------------------- */
.widget_price_filter .widget-title,
.widget_price_filter .widgettitle {
border: none;
padding-bottom: 0;
}
.widget_price_filter .button {
display: inline-block;
width: auto;
float: left;
margin-top: 5px;
}
.widget_price_filter .price_label {
display: inline-block;
position: relative;
top: 8px;
}
.widget_price_filter .price_slider {
margin-bottom: 1em;
}
.widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4em;
font-size: 0.8751em;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 14px;
height: 14px;
border-radius: 14px;
cursor: pointer;
background: #333;
outline: none;
top: -4px;
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -1em;
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background: #91ff6a;
opacity: .88;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
background: rgba(0, 0, 0, 0.3);
}
.widget_price_filter .ui-slider-horizontal {
height: .5em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
/* =Product Categories Widget
-------------------------------------------------------------- */
.widget_product_categories ul.children {
margin-left: 15px;
}
/**
* @# Products Archives
**/
@media screen and (min-width: 768px) {
.woocommerce-result-count {
float: left;
width: 50%;
margin-top: 5px;
}
.woocommerce-ordering {
margin-top: 0;
float: right;
text-align: right;
width: 50%;
max-width: 320px;
}
.woocommerce-ordering:after {
zoom: 1;
content: "";
display: table;
clear: both;
}
}
@media screen and (max-width: 768px) {
.woocommerce-ordering {
margin-bottom: 35px;
}
}
/**
* @# Single Product Base
**/
.woocommerce-tabs h2,
.related.products h2 {
font-size: 18px;
}
#reviews ol.commentlist {
padding: 0;
}
.single-product .product .summary table.variations td {
border-top: 0;
border-left: 0;
border-right: 0;
}
.wc-forward:before {
content: '\f174';
font-family: Dashicons;
margin-right: 5px;
position: relative;
top: 1px;
font-weight: 400;
}
.wc-forward.checkout:before {
top: 0;
font-family: FontAwesome;
content: '\f08b';
}
.single-product .entry-single-product {
position: relative;
}
.single-product .entry-single-product .star-rating {
margin: 5px 0;
}
.single-product .entry-single-product .out-of-stock {
color: red;
font-weight: 700;
}
.single-product .entry-single-product .woocommerce-main-image:before {
display: none;
}
.single-product .entry-single-product .product_title {
line-height: 1;
margin-bottom: 15px;
margin-top: 35px;
}
.single-product .entry-single-product .flexslider {
margin-bottom: 0;
}
.single-product .entry-single-product .images ul {
padding: 0;
margin: 0;
}
.single-product .entry-single-product .images ul li {
list-style-type: none;
}
.single-product .entry-single-product .images .stacked-image {
margin-bottom: 15px;
}
.single-product .entry-single-product .images .thumbnails {
width: calc(100% + 6px);
margin-left: -3px !important;
padding-top: 2px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.single-product .entry-single-product .images .thumbnails img {
padding: 3px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
/*&:hover{
opacity: .88;
}*/
}
.single-product .entry-single-product .images .thumbnails a {
display: block;
}
.single-product .entry-single-product .images .thumbnails a:before {
display: none;
}
.single-product .entry-single-product .images .thumbnails a:hover img {
opacity: 0.88;
}
.single-product .entry-single-product .summary {
margin-bottom: 2em;
}
.single-product .entry-single-product .summary .button {
margin-top: 0;
}
.single-product .entry-single-product .summary p {
margin-top: 0;
margin-bottom: 1em;
}
.single-product .entry-single-product .summary h1 {
font-size: 3rem;
}
.single-product .entry-single-product .summary .woocommerce-product-rating {
margin-top: 30px;
margin-bottom: 20px;
}
.single-product .entry-single-product .summary .star-rating {
margin-bottom: 10px;
}
.single-product .entry-single-product .summary .star-rating {
margin-top: 0.5rem;
}
.single-product .entry-single-product .summary .woocommerce-review-link {
font-size: 12px;
}
.single-product .entry-single-product .summary .amount {
font-size: 2rem;
}
.single-product .entry-single-product .summary table.variations {
font-size: inherit;
}
.single-product .entry-single-product .summary table.variations tr {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.single-product .entry-single-product .summary table.variations th,
.single-product .entry-single-product .summary table.variations td {
padding: 0;
}
.single-product .entry-single-product .summary table.variations tr,
.single-product .entry-single-product .summary table.variations th,
.single-product .entry-single-product .summary table.variations td {
border: none !important;
}
.single-product .entry-single-product .summary table.variations td {
width: 100%;
margin: 0;
padding: 0 !important;
line-height: 30px;
position: relative;
}
.single-product .entry-single-product .summary table.variations td.value select {
margin-top: 2rem;
margin-bottom: 2rem;
}
.single-product .entry-single-product .summary .product_meta span:not(.sku) {
display: block;
font-weight: 700;
}
.single-product .entry-single-product .summary .product_meta span:not(.sku) a {
font-weight: 400;
}
.single-product .entry-single-product .summary .sku {
font-weight: 400;
}
.single-product .entry-single-product .summary .button {
width: auto !important;
padding-top: 16px;
padding-bottom: 16px;
display: inline-block;
}
.single-product .entry-single-product .summary .price ins {
text-decoration: none;
font-weight: 700;
}
.single-product .entry-single-product .share-box {
text-align: left;
}
.single-product .entry-single-product .share-box .share-link-text {
display: none;
}
.single-add-to-wishlist {
width: auto;
margin-top: 30px;
}
.single-add-to-wishlist-label {
font-weight: 700;
position: relative;
margin-right: 8px;
top: -2px;
}
.tawcvs-swatches {
margin: 0;
}
.woocommerce div.product form.cart.variations_form .tawcvs-swatches,
.woocommerce.single-product form.cart.variations_form .tawcvs-swatches,
.woocommerce.archive form.cart.variations_form .tawcvs-swatches {
margin: 0 !important;
}
table.variations td.value {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
table.variations tr {
max-width: 450px;
}
table.variations th.label {
min-width: 150px;
padding-right: 40px !important;
}
.woocommerce
div.product
form.cart.variations_form
.tawcvs-swatches
.swatch.selected:before,
.woocommerce
div.product
form.cart.variations_form
.tawcvs-swatches
.swatch-show-more.selected:before,
.woocommerce.archive
form.cart.variations_form
.tawcvs-swatches
.swatch.selected:before,
.woocommerce.archive
form.cart.variations_form
.tawcvs-swatches
.swatch-show-more.selected:before,
.woocommerce.single-product
form.cart.variations_form
.tawcvs-swatches
.swatch.selected:before,
.woocommerce.single-product
form.cart.variations_form
.tawcvs-swatches
.swatch-show-more.selected:before {
border-color: black !important;
}
.global-skin-dark.woocommerce
div.product
form.cart.variations_form
.tawcvs-swatches
.swatch.selected:before, .global-skin-dark.woocommerce
div.product
form.cart.variations_form
.tawcvs-swatches
.swatch-show-more.selected:before, .global-skin-dark.woocommerce.archive
form.cart.variations_form
.tawcvs-swatches
.swatch.selected:before, .global-skin-dark.woocommerce.archive
form.cart.variations_form
.tawcvs-swatches
.swatch-show-more.selected:before, .global-skin-dark.woocommerce.single-product
form.cart.variations_form
.tawcvs-swatches
.swatch.selected:before, .global-skin-dark.woocommerce.single-product
form.cart.variations_form
.tawcvs-swatches
.swatch-show-more.selected:before {
border-color: white !important;
}
body.woocommerce
div.product
form.cart.variations_form
.tawcvs-swatches
.swatch-item-wrapper,
body.woocommerce.single-product
form.cart.variations_form
.tawcvs-swatches
.swatch-item-wrapper,
body.woocommerce.archive
form.cart.variations_form
.tawcvs-swatches
.swatch-item-wrapper {
margin-bottom: 0 !important;
}
.single-product .product-content .wp-audio-shortcode {
margin-bottom: 35px;
}
.swatch {
width: 30px !important;
height: 30px !important;
}
/**
* @# Tabs
**/
/* Tabs on the product page */
.woocommerce-tabs {
clear: both;
}
.woocommerce-tabs ul.tabs {
list-style: none;
padding: 0 0 0 1em;
margin: 0;
overflow: hidden;
position: relative;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
border-bottom: 1px solid grey;
}
.woocommerce-tabs ul.tabs li {
font-weight: 400;
display: inline-block;
position: relative;
z-index: 0;
margin: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.woocommerce-tabs ul.tabs li a {
padding: 15px;
display: block;
}
.woocommerce-tabs ul.tabs li.active {
font-weight: 700;
-webkit-box-shadow: inset 0px -3px 0px 0px #000;
box-shadow: inset 0px -3px 0px 0px #000;
}
.woocommerce-tabs ul.tabs li:hover {
font-weight: 700;
}
#reviews #comments {
max-width: none;
}
#reviews #reply-title {
font-weight: 700;
}
#reviews .comment-form-comment label {
display: none;
}
#reviews textarea#comment {
min-height: 180px;
}
#reviews h2 small {
float: right;
font-size: 15px;
line-height: 21px;
margin: 10px 0 0 0;
}
#reviews h2 small a {
text-decoration: none;
}
#reviews h3 {
margin: 0;
}
#reviews #respond {
margin: 0;
border: 0;
padding: 0;
}
#reviews #comment {
height: 75px;
}
#reviews #comments h2 {
clear: none;
margin-bottom: 30px;
}
#reviews #comments ol.commentlist {
margin: 0;
width: 100%;
background: none;
list-style: none;
}
#reviews #comments ol.commentlist li {
padding: 0;
margin: 0 0 3em;
border: 0;
position: relative;
background: 0;
border: 0;
}
#reviews #comments ol.commentlist li .meta {
font-size: 0.75em;
margin-top: 15px;
}
#reviews #comments ol.commentlist li img.avatar {
float: left;
position: absolute;
top: 0;
left: 0;
padding: 3px;
width: 60px;
height: auto;
margin: 0;
line-height: 1;
}
#reviews #comments ol.commentlist li .comment-text {
margin: 0 0 0 60px;
padding: 0 2em 0;
}
#reviews #comments ol.commentlist li .comment-text p {
margin: 0 0 1em;
}
#reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 0.83em;
}
#reviews #comments ol.commentlist li .comment-text .star-rating {
margin-top: 0.5rem;
}
#reviews #comments ol.commentlist ul.children {
list-style: none outside;
margin: 20px 0 0 50px;
}
#reviews #comments ol.commentlist ul.children .star-rating {
display: none;
}
#reviews #comments ol.commentlist #respond {
padding: 1em 1em 0;
margin: 20px 0 0 50px;
}
#reviews #comments .commentlist > li:before {
content: "";
}
/**
* @# Form
**/
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3 {
font-size: 18px;
}
.woocommerce,
.woocommerce-page {
/* =Forms
-------------------------------------------------------------- */
}
.woocommerce .quantity,
.woocommerce-page .quantity {
width: 75px;
height: 49px;
float: left;
margin-right: 8px;
}
.woocommerce .qty,
.woocommerce-page .qty {
text-align: center;
width: 100%;
height: 100%;
margin-top: -1px;
}
.woocommerce .quantity .plus,
.woocommerce .quantity .minus,
.woocommerce-page .quantity .plus,
.woocommerce-page .quantity .minus {
display: none;
}
.woocommerce form .select2-container .select2-choice,
.woocommerce-page form .select2-container .select2-choice {
padding: 7px;
}
.woocommerce form .form-row,
.woocommerce-page form .form-row {
zoom: 1;
}
.woocommerce form .form-row:before, .woocommerce form .form-row:after,
.woocommerce-page form .form-row:before,
.woocommerce-page form .form-row:after {
content: '';
display: table;
}
.woocommerce form .form-row:after,
.woocommerce-page form .form-row:after {
clear: both;
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
display: block;
}
.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox {
display: inline;
}
.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
width: 100%;
}
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
width: 100%;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
float: left;
width: 47%;
overflow: visible;
}
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-last {
float: right;
}
.woocommerce form .form-row-wide,
.woocommerce-page form .form-row-wide {
clear: both;
}
.woocommerce form .form-row,
.woocommerce-page form .form-row {
margin: 0 0 15px;
}
.woocommerce form .form-row .select2-container--default.select2-results
> .select2-results__options,
.woocommerce-page form .form-row .select2-container--default.select2-results
> .select2-results__options {
color: #333 !important;
}
.woocommerce form .form-row select,
.woocommerce form .form-row textarea,
.woocommerce form .form-row input.input-text,
.woocommerce-page form .form-row select,
.woocommerce-page form .form-row textarea,
.woocommerce-page form .form-row input.input-text {
border-color: #ccc;
}
.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder,
.woocommerce-page form .form-row [placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.5s 0.5s ease;
transition: opacity 0.5s 0.5s ease;
opacity: 0;
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
line-height: 2em;
}
.woocommerce form .form-row label.hidden,
.woocommerce-page form .form-row label.hidden {
visibility: hidden;
}
.woocommerce form .form-row label.inline,
.woocommerce-page form .form-row label.inline {
display: inline;
}
.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
margin: 0;
}
.woocommerce form .form-row .required,
.woocommerce-page form .form-row .required {
color: red;
font-weight: bold;
border: 0;
}
.woocommerce form .form-row .input-checkbox,
.woocommerce-page form .form-row .input-checkbox {
display: inline;
margin-left: 5px;
text-align: center;
vertical-align: middle;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea {
width: 100%;
margin: 0;
outline: 0;
line-height: 1em;
}
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row textarea {
display: block;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce form .form-row.validate-required.woocommerce-invalid .chosen-single,
.woocommerce form .form-row.validate-required.woocommerce-invalid .chosen-drop,
.woocommerce form .form-row.validate-required.woocommerce-invalid input.input-text,
.woocommerce form .form-row.validate-required.woocommerce-invalid select,
.woocommerce-page form .form-row.validate-required.woocommerce-invalid .chosen-single,
.woocommerce-page form .form-row.validate-required.woocommerce-invalid .chosen-drop,
.woocommerce-page form .form-row.validate-required.woocommerce-invalid input.input-text,
.woocommerce-page form .form-row.validate-required.woocommerce-invalid select {
border-color: #fb7f88;
}
.woocommerce form.login,
.woocommerce form.checkout_coupon,
.woocommerce form.register,
.woocommerce-page form.login,
.woocommerce-page form.checkout_coupon,
.woocommerce-page form.register {
padding: 20px;
margin: 2em 0 2em 0px;
text-align: left;
}
.woocommerce ul#shipping_method,
.woocommerce-page ul#shipping_method {
list-style: none outside;
margin: 0;
padding: 0;
}
.woocommerce ul#shipping_method li,
.woocommerce-page ul#shipping_method li {
margin: 0;
padding: 0.25em 0 0.25em 22px;
text-indent: -22px;
list-style: none outside;
}
.woocommerce ul#shipping_method .amount,
.woocommerce-page ul#shipping_method .amount {
font-weight: bold;
}
.woocommerce p.woocommerce-shipping-contents,
.woocommerce-page p.woocommerce-shipping-contents {
margin: 0;
}
.woocommerce-EditAccountForm .woocommerce-Button {
margin-top: 35px;
}
.woocommerce-form-login__rememberme {
margin: 20px 0 35px;
}
/**
* @# Cart
**/
/* =Cart
-------------------------------------------------------------- */
.woocommerce-cart h2 {
font-size: 18px;
}
.woocommerce-cart #coupon_code {
width: 100%;
margin-bottom: 10px;
}
.woocommerce-cart .coupon {
width: 100%;
}
.woocommerce-cart .coupon label {
display: block;
}
.woocommerce-cart input.button {
display: block;
width: 100%;
margin: 5px 0;
}
#ship-to-different-address-checkbox {
height: 13px;
}
.shipping-calculator-form {
margin-top: 30px;
max-width: 750px;
}
table.cart,
#content table.cart {
margin-bottom: 50px;
}
table.cart thead,
#content table.cart thead {
color: #333;
}
table.cart .product-thumbnail,
#content table.cart .product-thumbnail {
min-width: 80px;
}
table.cart img,
#content table.cart img {
width: 80px;
}
table.cart th,
table.cart td,
#content table.cart th,
#content table.cart td {
vertical-align: middle;
}
table.cart a.remove,
#content table.cart a.remove {
border-radius: 100%;
display: block;
font-size: 1.5em;
height: 1em;
width: 1em;
text-align: center;
line-height: 1;
color: red;
text-decoration: none;
font-weight: bold;
border-bottom: none;
}
table.cart td.actions,
#content table.cart td.actions {
text-align: right;
padding: 1em;
}
table.cart .coupon,
#content table.cart .coupon {
text-align: left;
}
table.cart .coupon .input-text,
#content table.cart .coupon .input-text {
outline: 0;
line-height: 20px;
}
table.cart input,
#content table.cart input {
vertical-align: middle;
}
.woocommerce-cart tr th,
.woocommerce-cart tr td:not(.actions) {
font-size: 12px;
}
.woocommerce-cart .coupon button.button {
margin-bottom: 8px;
}
.woocommerce-cart .coupon input {
margin-bottom: 5px;
}
.wc-backward {
width: auto;
margin-left: 0;
}
.woocommerce-cart .cross-sells {
margin-bottom: 30px;
}
button:disabled,
button[disabled] {
opacity: 0.5;
pointer-events: none;
}
@media screen and (max-width: 770px) {
table.cart td.product-remove {
padding: 0;
position: relative;
}
table.cart td.product-remove a.remove {
position: absolute;
font-size: 1.41575em;
top: -0.6180469716em;
right: -0.6180469716em;
background: red;
color: white !important;
}
table.shop_table thead {
display: none;
}
table.shop_table tbody th {
display: none;
}
table.shop_table tr:before {
content: '';
display: block;
height: 20px;
}
table.shop_table tr:after {
content: '';
display: block;
height: 10px;
}
table.shop_table tr td {
display: block !important;
text-align: right;
clear: both;
padding: 15px 0;
}
table.shop_table tr td .quantity {
float: right;
margin-right: 0;
}
table.shop_table tr td.product-thumbnail {
text-align: center;
}
table.shop_table tr {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
table.shop_table tr td[data-title]:before {
content: attr(data-title) ": ";
font-weight: 700;
float: left;
}
}
@media screen and (max-width: 770px) {
.woocommerce ul#shipping_method li,
.woocommerce-page ul#shipping_method li {
text-indent: 0;
padding: 0;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
float: none;
width: 100%;
}
.showcoupon {
display: block;
}
.woocommerce-checkout-review-order table.shop_table tr td {
text-align: left;
padding: 15px 0 0;
border: none;
}
.woocommerce-checkout-review-order-table tfoot tr {
border: none !important;
}
.woocommerce-checkout-review-order-table tfoot tr * {
border: none !important;
}
.woocommerce-checkout-review-order-table tfoot tr::before {
display: none !important;
}
.woocommerce-checkout-review-order-table tfoot tr th {
padding-left: 0;
}
.woocommerce-checkout-review-order-table tfoot tr td {
text-align: right !important;
}
.woocommerce-checkout-review-order-table tfoot tr td[data-title]:before {
display: none;
}
.woocommerce-checkout-review-order-table tfoot:before {
content: '';
display: block;
height: 30px;
}
}
/**
* @# Checkout
**/
.showcoupon {
font-weight: 700;
}
.checkout_coupon {
padding: 0 !important;
}
.checkout_coupon .form-row {
width: 100% !important;
}
.checkout_coupon .form-row #coupon_code {
padding: .9rem;
}
.checkout_coupon .form-row .button,
.checkout_coupon .form-row #coupon_code {
width: 100% !important;
}
.woocommerce-checkout .form-row .chosen-container {
width: 100% !important;
}
.woocommerce-checkout .form-row .chosen-container-single .chosen-single {
height: 28px;
line-height: 29px;
}
.woocommerce-checkout .form-row .chosen-container-single .chosen-single div b {
background: url("../img/woocommerce/chosen-sprite.png") no-repeat 0 3px !important;
}
.woocommerce-checkout .form-row .chosen-container-active .chosen-single-with-drop div b {
background-position: -18px 4px !important;
}
.woocommerce-checkout .form-row .chosen-container-single .chosen-search input {
line-height: 13px;
width: 100% !important;
}
.woocommerce-checkout .form-row .chosen-container .chosen-drop {
width: 100% !important;
}
.woocommerce-checkout-payment {
color: #333;
}
.woocommerce,
.woocommerce-page {
/* =Checkout
-------------------------------------------------------------- */
/* Payment box - appears on checkout and page page */
}
.woocommerce .col2-set,
.woocommerce-page .col2-set {
zoom: 1;
}
.woocommerce .col2-set:before, .woocommerce .col2-set:after,
.woocommerce-page .col2-set:before,
.woocommerce-page .col2-set:after {
content: "";
display: table;
}
.woocommerce .col2-set:after,
.woocommerce-page .col2-set:after {
clear: both !important;
}
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-1,
.woocommerce-page .col2-set .col-2 {
width: 100%;
margin: 0;
margin-bottom: 50px;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
margin-left: 0;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
margin-right: 0;
}
.woocommerce .checkout .col2-set,
.woocommerce-page .checkout .col2-set {
zoom: 1;
}
.woocommerce .checkout .col2-set:before, .woocommerce .checkout .col2-set:after,
.woocommerce-page .checkout .col2-set:before,
.woocommerce-page .checkout .col2-set:after {
content: "";
display: table;
}
.woocommerce .checkout .col2-set:after,
.woocommerce-page .checkout .col2-set:after {
clear: both !important;
}
.woocommerce .checkout .col2-set .col-1,
.woocommerce-page .checkout .col2-set .col-1 {
margin-left: 0;
}
.woocommerce .checkout .col2-set .col-2,
.woocommerce-page .checkout .col2-set .col-2 {
margin-right: 0;
}
.woocommerce .checkout .col-2 h3#ship-to-different-address,
.woocommerce-page .checkout .col-2 h3#ship-to-different-address {
float: left;
clear: none;
}
.woocommerce .checkout .col-2 .notes,
.woocommerce-page .checkout .col-2 .notes {
clear: left;
}
.woocommerce .checkout .col-2 .form-row-first,
.woocommerce-page .checkout .col-2 .form-row-first {
clear: left;
}
.woocommerce .checkout .create-account small,
.woocommerce-page .checkout .create-account small {
font-size: 11px;
line-height: 13px;
font-weight: normal;
}
.woocommerce .checkout div.shipping-address,
.woocommerce-page .checkout div.shipping-address {
padding: 0;
clear: left;
width: 100%;
}
.woocommerce .checkout .shipping_address,
.woocommerce-page .checkout .shipping_address {
clear: both;
}
.woocommerce #payment,
.woocommerce-page #payment {
padding: 15px;
background: #fff;
color: #000 !important;
border-radius: 5px;
}
.woocommerce #payment .about_paypal,
.woocommerce-page #payment .about_paypal {
color: #000;
margin-left: 10px;
}
.woocommerce #payment ul.payment_methods,
.woocommerce-page #payment ul.payment_methods {
zoom: 1;
text-align: left;
padding: 1em;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
margin: 0;
list-style: none outside;
}
.woocommerce #payment ul.payment_methods:before, .woocommerce #payment ul.payment_methods:after,
.woocommerce-page #payment ul.payment_methods:before,
.woocommerce-page #payment ul.payment_methods:after {
content: "";
display: table;
}
.woocommerce #payment ul.payment_methods:after,
.woocommerce-page #payment ul.payment_methods:after {
clear: both !important;
}
.woocommerce #payment ul.payment_methods li,
.woocommerce-page #payment ul.payment_methods li {
list-style-type: none !important;
line-height: 2em;
text-align: left;
margin: 0;
font-weight: normal;
}
.woocommerce #payment ul.payment_methods li input,
.woocommerce-page #payment ul.payment_methods li input {
margin: 0 1em 0 0;
}
.woocommerce #payment ul.payment_methods li img,
.woocommerce-page #payment ul.payment_methods li img {
vertical-align: middle;
margin: -2px 0 0 .5em;
position: relative;
}
.woocommerce #payment div.form-row,
.woocommerce-page #payment div.form-row {
padding: 1em;
}
.woocommerce #payment div.payment_box,
.woocommerce-page #payment div.payment_box {
position: relative;
width: 96%;
padding: 10px;
margin: 1em 0 1em 0;
font-size: 0.92em;
border-radius: 2px;
line-height: 1.5em;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
background-color: #ebe8eb;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebe8eb), to(#e0dadf));
background-image: linear-gradient(to bottom, #ebe8eb, #e0dadf);
color: #666 !important;
}
.woocommerce #payment div.payment_box p,
.woocommerce-page #payment div.payment_box p {
margin-top: 0;
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc {
font-size: 1.5em;
padding: 8px;
background-repeat: no-repeat;
background-position: right;
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.visa,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.visa,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.visa,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.visa,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.visa,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.visa {
background-image: url(../img/woocommerce/icons/credit-cards/visa.png);
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.mastercard,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.mastercard,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard {
background-image: url(../img/woocommerce/icons/credit-cards/mastercard.png);
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.laser,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.laser,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.laser,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.laser,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.laser,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.laser {
background-image: url(../img/woocommerce/icons/credit-cards/laser.png);
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub {
background-image: url(../img/woocommerce/icons/credit-cards/diners.png);
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.maestro,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.maestro,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.maestro {
background-image: url(../img/woocommerce/icons/credit-cards/maestro.png);
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.jcb,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.jcb,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.jcb {
background-image: url(../img/woocommerce/icons/credit-cards/jcb.png);
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.amex,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.amex,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.amex,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.amex,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.amex,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.amex {
background-image: url(../img/woocommerce/icons/credit-cards/amex.png);
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.discover,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.discover,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.discover,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.discover,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.discover,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.discover {
background-image: url(../img/woocommerce/icons/credit-cards/discover.png);
}
.woocommerce #payment div.payment_box span.help,
.woocommerce-page #payment div.payment_box span.help {
font-size: 11px;
color: #888;
line-height: 13px;
font-weight: normal;
}
.woocommerce #payment div.payment_box .form-row,
.woocommerce-page #payment div.payment_box .form-row {
margin: 0 0 1em;
}
.woocommerce #payment div.payment_box p:last-child,
.woocommerce-page #payment div.payment_box p:last-child {
margin-bottom: 0;
}
.woocommerce #payment div.payment_box:after,
.woocommerce-page #payment div.payment_box:after {
content: "";
display: block;
border: 8px solid #e0dadf;
/* arrow size / color */
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -1px;
left: 0;
margin: -1em 0 0 2em;
}
.woocommerce #customer_details,
.woocommerce-page #customer_details {
margin-bottom: 2em;
}
input[type='submit']#place_order {
width: 100% !important;
display: block;
background: #91ff6a !important;
border-color: #91ff6a !important;
color: #FFF !important;
padding-top: 15px;
padding-bottom: 15px;
font-size: 16px;
}
input[type='submit']#place_order:hover {
background-color: transparent !important;
color: #91ff6a !important;
}
/**
* @# Message
**/
.wolf-alert {
width: 100%;
padding: 0;
position: relative;
text-shadow: none !important;
line-height: 1.5;
font-size: 14px;
-webkit-box-shadow: none;
box-shadow: none;
padding: 2em;
margin-bottom: 1em;
}
.wolf-alert a {
text-decoration: underline !important;
font-weight: 700;
opacity: 1 !important;
border: none !important;
}
.wolf-alert .fa {
margin-right: 15px;
}
.wolf-alert .wolf-alert-close {
cursor: pointer;
position: absolute;
top: 0px;
right: 3px;
width: 12px;
height: 15px;
display: inline-block;
font-size: 100%;
text-decoration: none !important;
font-weight: 700 !important;
line-height: 1.5;
font-size: 16px;
font-family: Helvetica, Arial, sans-serif;
}
.wolf-alert.info {
color: #001c25;
border: 1px solid #00a2d8 !important;
background-color: #beefff;
}
.wolf-alert.info a,
.wolf-alert.info a:hover,
.wolf-alert.info strong,
.wolf-alert.info span,
.wolf-alert.info b {
color: #001c25 !important;
}
.wolf-alert.alert {
color: #3d3100;
border: 1px solid #f0c100 !important;
background-color: #fff7d6;
}
.wolf-alert.alert a,
.wolf-alert.alert a:hover,
.wolf-alert.alert strong,
.wolf-alert.alert span,
.wolf-alert.alert b {
color: #3d3100 !important;
}
.wolf-alert.success, .woocommerce-message, .woocommerce-info,
.woocommerce-error {
color: #223602;
border: 1px solid #8fe00a !important;
background-color: #edfdd3;
}
.wolf-alert.success a, .woocommerce-message a, .woocommerce-info a,
.woocommerce-error a,
.wolf-alert.success a:hover,
.woocommerce-message a:hover,
.woocommerce-info a:hover,
.woocommerce-error a:hover,
.wolf-alert.success strong,
.woocommerce-message strong,
.woocommerce-info strong,
.woocommerce-error strong,
.wolf-alert.success span,
.woocommerce-message span,
.woocommerce-info span,
.woocommerce-error span,
.wolf-alert.success b,
.woocommerce-message b,
.woocommerce-info b,
.woocommerce-error b {
color: #223602 !important;
}
.wolf-alert.error, .woocommerce-error {
color: #4a0800;
border: 1px solid #fd1b00 !important;
background-color: #ffe6e3;
}
.wolf-alert.error a, .woocommerce-error a,
.wolf-alert.error a:hover,
.woocommerce-error a:hover,
.wolf-alert.error strong,
.woocommerce-error strong,
.wolf-alert.error span,
.woocommerce-error span,
.wolf-alert.error b,
.woocommerce-error b {
color: #4a0800 !important;
}
.woocommerce-message {
position: relative;
zoom: 1;
padding: 2em;
margin: 0;
margin-bottom: 30px;
}
.woocommerce-message:before, .woocommerce-message:after {
content: "";
display: table;
}
.woocommerce-message:after {
clear: both !important;
}
.woocommerce-message .button {
display: inline;
padding: 0;
margin: 0;
width: auto;
float: right;
background-color: transparent !important;
border: none !important;
line-height: 25px;
text-transform: none;
}
.woocommerce-message .button:hover {
background-color: transparent !important;
color: #333;
}
.woocommerce-info,
.woocommerce-error {
position: relative;
zoom: 1;
margin: 0;
margin-left: 0;
margin-bottom: 30px;
padding: 2em;
}
.woocommerce-info:before, .woocommerce-info:after,
.woocommerce-error:before,
.woocommerce-error:after {
content: "";
display: table;
}
.woocommerce-info:after,
.woocommerce-error:after {
clear: both !important;
}
.woocommerce-error {
text-align: left;
padding-left: 80px;
}
.woocommerce-error li {
margin-left: 1em;
}
small.note {
display: block;
color: #888;
font-size: 11px;
line-height: 21px;
margin-top: 10px;
}
.woocommerce-message {
/*display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;*/
}
.woocommerce-message .button {
white-space: nowrap;
}
.woocommerce-message p {
margin-bottom: 0;
}
.mobile-screen .woocommerce-message .button {
margin-top: 35px;
margin-left: 0 !important;
margin-bottom: 0;
width: 100%;
}
.tablet-screen .woocommerce-MyAccount-content .woocommerce-message,
.notebook-screen .woocommerce-MyAccount-content .woocommerce-message,
.desktop-screen .woocommerce-MyAccount-content .woocommerce-message {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
display: table;
width: 100%;
}
.tablet-screen .woocommerce-MyAccount-content .woocommerce-message .button,
.tablet-screen .woocommerce-MyAccount-content .woocommerce-message p,
.notebook-screen .woocommerce-MyAccount-content .woocommerce-message .button,
.notebook-screen .woocommerce-MyAccount-content .woocommerce-message p,
.desktop-screen .woocommerce-MyAccount-content .woocommerce-message .button,
.desktop-screen .woocommerce-MyAccount-content .woocommerce-message p {
display: table-cell;
vertical-align: middle;
}
.tablet-screen .woocommerce-MyAccount-content .woocommerce-message .button,
.notebook-screen .woocommerce-MyAccount-content .woocommerce-message .button,
.desktop-screen .woocommerce-MyAccount-content .woocommerce-message .button {
text-align: right;
}
.tablet-screen .woocommerce-message,
.notebook-screen .woocommerce-message,
.desktop-screen .woocommerce-message {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
/**
* @# Account
**/
.woocommerce-account .woocommerce form {
padding: 0;
}
.woocommerce-MyAccount-navigation ul {
padding-left: 0;
list-style-type: none;
}
.woocommerce-MyAccount-navigation ul li {
display: inline-block;
padding-right: 15px;
}
.woocommerce-form-login .woocommerce-form__label-for-checkbox {
margin-left: 15px;
}
.woocommerce-account:not(.logged-in) .woocommerce {
max-width: 450px;
margin: 0 auto;
}
.wc-registration-allowed .woocommerce {
max-width: none !important;
}
.theme-wc-account-message {
padding: 35px 0;
margin-top: 45px;
}
.theme-wc-account-message .button {
line-height: 45px;
}
.theme-wc-account-message p {
margin-bottom: 0;
}
.mobile-screen .theme-wc-account-message,
.tablet-screen .theme-wc-account-message {
text-align: center;
}
.notebook-screen .theme-wc-account-message,
.desktop-screen .theme-wc-account-message,
.desktop-big-screen .theme-wc-account-message {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (min-width: 770px) {
.woocommerce-orders-table .button {
margin-right: 5px;
}
}
.woocommerce-orders-table .button {
line-height: 1.5;
}
@media screen and (max-width: 770px) {
.woocommerce-orders-table__cell {
border-left: none !important;
border-right: none !important;
border-top: none !important;
}
.woocommerce-orders-table__cell-order-actions::before {
display: none;
}
.woocommerce-orders-table .button {
margin-bottom: 5px;
}
table.shop_table tr {
border-bottom: none !important;
}
table.woocommerce-table--order-details tr td {
display: table-cell !important;
padding: 15px;
}
table.woocommerce-table--order-details tr td.woocommerce-table__product-name {
text-align-last: left;
}
}
/**
* @# Plugins
**/
/**
* @# Twitter
**/
/* Wolf Twitter */
.wolf-tweet-list {
padding: 0 !important;
margin: 0 !important;
}
.wolf ul.wolf-tweet-list li .wolf-tweet-link {
-webkit-transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
transition: all 0.44s cubic-bezier(0.675, 0.475, 0.05, 0.67);
}
.wolf ul.wolf-tweet-list li:before {
font-family: Fontawesome;
content: "\f099";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #41b7d8;
font-size: 18px;
opacity: 0.6;
position: absolute;
left: -0.1em;
top: 0;
opacity: 1;
}
.wolf-tweet-list .wolf-tweet-text,
.wolf-tweet-list .wolf-tweet-time {
font-weight: 400 !important;
}
.wolf-bigtweet-content {
text-align: center;
max-width: 1400px !important;
}
.wolf-bigtweet-content:before {
display: block;
color: #41b7d8;
font-family: Dashicons;
content: "\f301";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: normal !important;
font-size: 24px;
position: relative;
margin-right: 0;
}
.wolf-bigtweet-content a {
color: #91ff6a !important;
}
.wolf-bigtweet-content a:hover {
opacity: 0.8;
}
.wolf-bigtweet-content span.wolf-tweet-text {
font-style: normal;
font-size: 24px;
}
.wolf-tweet-time_big a, .wolf-tweet-time a {
font-weight: 400;
text-decoration: none !important;
}
.wolf-tweet-separator,
.wolf-tweet-time_big a {
font-size: 0.9em;
}
/**
* @# Filters
**/
/*#plugin-filter,
#blog-filter,
#videos-filter,
#albums-filter,
#work-filter{
list-style-type: none;
display: inline-block;
padding: 0;
margin: 0;
margin-bottom: 15px;
li {
list-style-type: none!important;
display:inline;
line-height: 30px;
margin: 0;
a{
&.active,
&:hover{
}
}
}
}*/
/**
* @# Instagram
**/
/**
* @# Music Social Network
**/
.music-social-icons-container {
padding: 20px;
background: #333;
}
.wolf-music-logo-link img {
-webkit-transition: opacity .2 ease;
transition: opacity .2 ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.wolf-music-logo-link:hover img {
opacity: 0.8 !important;
}
/**
* @# Portfolio
**/
.work-item img {
width: 100%;
}
.work-item .work-title {
font-size: 18px;
}
.portfolio-layout-fullwidth.portfolio-grid-padding-yes .content-inner {
padding: 10px;
}
.portfolio-layout-fullwidth.portfolio-grid-padding-yes #work-filter {
padding-top: 10px;
padding-left: 0;
}
.portfolio-grid-padding-yes .work {
padding: 10px;
}
.portfolio-grid-padding-yes .works {
width: calc( 100% + 20px );
margin-left: -10px !important;
}
.portfolio-grid-padding-no #work-filter {
padding-bottom: 10px;
}
.portfolio-grid-padding-no.portfolio-layout-fullwidth #work-filter-container {
padding: 5px 0;
}
.portfolio-grid-padding-no.portfolio-layout-fullwidth #work-filter {
padding-top: 15px;
padding-left: 15px;
padding-bottom: 0;
}
@media screen and (min-width: 500px) {
.work-grid-col-2 .work-item,
.work-grid-col-3 .work-item,
.work-grid-col-4 .work-item,
.work-grid-col-5 .work-item,
.work-grid-col-6 .work-item,
.works-grid-col-2 .work-item,
.works-grid-col-3 .work-item,
.works-grid-col-4 .work-item,
.works-grid-col-5 .work-item,
.works-grid-col-6 .work-item {
float: left;
width: 50%;
}
.work-grid-col-3 .work-item,
.works-grid-col-3 .work-item {
float: left;
width: 33.33%;
}
.work-grid-col-3 .work-item:nth-child(2n+1),
.works-grid-col-3 .work-item:nth-child(2n+1) {
clear: none;
}
.work-grid-col-3 .work-item:nth-child(3n+1),
.works-grid-col-3 .work-item:nth-child(3n+1) {
clear: left;
}
}
@media screen and (min-width: 900px) {
span.play-overlay {
background-size: 60px 60px;
}
.work-grid-col-3 .work-item,
.work-grid-col-6 .work-item,
.works-grid-col-3 .work-item,
.works-grid-col-6 .work-item {
float: left;
width: 33.33%;
}
.work-grid-col-3 .work-item:nth-child(2n+1),
.work-grid-col-6 .work-item:nth-child(2n+1),
.works-grid-col-3 .work-item:nth-child(2n+1),
.works-grid-col-6 .work-item:nth-child(2n+1) {
clear: none;
}
.work-grid-col-3 .work-item:nth-child(3n+1),
.work-grid-col-6 .work-item:nth-child(3n+1),
.works-grid-col-3 .work-item:nth-child(3n+1),
.works-grid-col-6 .work-item:nth-child(3n+1) {
clear: left;
}
.work-grid-col-4 .work-item,
.works-grid-col-4 .work-item {
width: 25%;
}
.work-grid-col-4 .work-item:nth-child(2n+1),
.works-grid-col-4 .work-item:nth-child(2n+1) {
clear: none;
}
.work-grid-col-4 .work-item:nth-child(4n+1),
.works-grid-col-4 .work-item:nth-child(4n+1) {
clear: left;
}
}
@media screen and (min-width: 1200px) {
.work-grid-col-5 .work-item,
.works-grid-col-5 .work-item {
width: 20%;
}
.work-grid-col-5 .work-item:nth-child(2n+1),
.works-grid-col-5 .work-item:nth-child(2n+1) {
clear: none;
}
.work-grid-col-5 .work-item:nth-child(3n+1),
.works-grid-col-5 .work-item:nth-child(3n+1) {
clear: none;
}
.work-grid-col-5 .work-item:nth-child(4n+1),
.works-grid-col-5 .work-item:nth-child(4n+1) {
clear: none;
}
.work-grid-col-5 .work-item:nth-child(5n+1),
.works-grid-col-5 .work-item:nth-child(5n+1) {
clear: left;
}
.work-grid-col-6 .work-item,
.works-grid-col-6 .work-item {
width: 16.65%;
}
.work-grid-col-6 .work-item:nth-child(2n+1),
.works-grid-col-6 .work-item:nth-child(2n+1) {
clear: none;
}
.work-grid-col-6 .work-item:nth-child(3n+1),
.works-grid-col-6 .work-item:nth-child(3n+1) {
clear: none;
}
.work-grid-col-6 .work-item:nth-child(4n+1),
.works-grid-col-6 .work-item:nth-child(4n+1) {
clear: none;
}
.work-grid-col-6 .work-item:nth-child(5n+1),
.works-grid-col-6 .work-item:nth-child(5n+1) {
clear: none;
}
.work-grid-col-6 .work-item:nth-child(6n+1),
.works-grid-col-6 .work-item:nth-child(6n+1) {
clear: left;
}
}
/* Videos */
/**
* @# WPBakery Page Builder
**/
/* Counter */
/* Tabs */
/* Tabs */
ul.wvc-tabs-menu {
border-bottom: 1px solid grey;
}
ul.wvc-tabs-menu li {
margin: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
ul.wvc-tabs-menu li:hover, ul.wvc-tabs-menu li.ui-tabs-active {
font-weight: 700;
}
.wvc-tabs-container .ui-tabs-panel,
.wvc-tabs-menu li.ui-tabs-active a {
background-color: transparent !important;
}
.wvc-tabs-container .ui-tabs-panel {
padding: 40px 0;
}
.wvc-font-dark ul.wvc-tabs-menu {
border-bottom-color: rgba(0, 0, 0, 0.14);
}
.wvc-font-dark ul.wvc-tabs-menu li.ui-tabs-active {
-webkit-box-shadow: inset 0px -3px 0px 0px #333;
box-shadow: inset 0px -3px 0px 0px #333;
}
.wvc-font-light ul.wvc-tabs-menu {
border-bottom-color: rgba(255, 255, 255, 0.14);
}
.wvc-font-light ul.wvc-tabs-menu li.ui-tabs-active {
-webkit-box-shadow: inset 0px -3px 0px 0px #fff;
box-shadow: inset 0px -3px 0px 0px #fff;
}
/* Accordion */
.wvc-accordion-tab,
.wolf-core-accordion-tab .elementor-tab-title {
background-color: transparent !important;
padding: 1em 0;
}
.wvc-accordion .ui-accordion-content,
.wolf-core-accordion .ui-accordion-content,
.elementor-accordion .elementor-tab-content {
background-color: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 1em 0;
}
.wvc-font-dark .wvc-accordion-tab {
border-bottom-color: rgba(0, 0, 0, 0.14);
}
.wvc-font-light .wvc-accordion-tab {
border-bottom-color: rgba(255, 255, 255, 0.14);
}
.wolf-core-font-dark .wolf-core-accordion-tab,
.wolf-core-font-dark .elementor-tab-title {
border-bottom-color: rgba(0, 0, 0, 0.14);
}
.wolf-core-font-light .wolf-core-accordion-tab,
.wolf-core-font-light .elementor-tab-title {
border-bottom-color: rgba(255, 255, 255, 0.14);
}
/* Pricing Table */
.wvc-pricing-table-inner {
-webkit-transition: -webkit-transform .3s ease;
transition: transform .3s ease;
}
.wvc-pricing-table-inner ul {
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.wvc-pricing-table-inner:hover {
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);
}
.wvc-font-dark .wvc-pricing-table-inner ul {
border: 1px solid rgba(0, 0, 0, 0.08);
}
.wvc-font-dark .wvc-pricing-table-inner:hover ul {
-webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1);
}
.wvc-font-light .wvc-pricing-table-inner ul {
border: 1px solid rgba(0, 0, 0, 0.22);
}
.wvc-font-light .wvc-pricing-table-inner:hover ul {
-webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.44);
box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.44);
}
/* Last Posts */
.wvc-post-column .entry-link {
-webkit-transition: all 0.7s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: all 0.7s cubic-bezier(0.694, 0.0482, 0.335, 1);
}
/* Service Table */
.wvc-service-table {
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.wvc-service-table:hover {
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);
}
.wvc-font-dark .wvc-service-table {
border: 1px solid rgba(0, 0, 0, 0.08);
}
.wvc-font-dark .wvc-service-table:hover {
-webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1);
}
.wvc-font-light .wvc-service-table {
border: 1px solid rgba(0, 0, 0, 0.22);
}
.wvc-font-light .wvc-service-table:hover {
-webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.44);
box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.44);
}
/* Map */
.wpb_gmaps_widget .wpb_wrapper {
padding: 0 !important;
}
/* Testimonial slider */
@media screen and (min-width: 800px) {
blockquote.wvc-testimonial-content {
font-size: 22px;
}
}
/* Mailchimp */
.wvc-mailchimp-email {
background: #fff !important;
color: #333 !important;
}
.wvc-mailchimp-email::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.66) !important;
}
/* Audio */
.wvc-audio-shortcode-container .wp-audio-shortcode {
margin-bottom: 0;
}
/* Audio */
.wvc-vs-big-video-inner .video-shortcode-container {
margin-bottom: 0;
}
/**
* @# WPML
**/
.wpml-ls-current-language {
font-weight: 700;
}
.wpm-sticky-playlist-container {
z-index: 99;
}
.cta-container .custom-wpml-iso-codes {
font-style: 13px;
}
/**
* @# ContactForm7
**/
.wpcf7-form {
margin-top: 0;
}
.wpcf7-wrapper p,
.wpcf7-wrapper .wpcf7-field,
.wpcf7-form p,
.wpcf7-form .wpcf7-field {
margin-bottom: 20px;
}
.wpcf7-field-no-margin {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.wpcf7-submit-field {
margin-bottom: 0 !important;
}
.wpcf7-button-fullwidth {
display: block !important;
width: 100% !important;
}
@media screen and (min-width: 800px) {
.wpcf7-inline-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.wpcf7-inline-wrapper p,
.wpcf7-inline-wrapper .wpcf7-field {
margin-bottom: 20px;
}
.wpcf7-inline-wrapper .wpcf7-inline-field {
width: 50%;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
}
.wpcf7-inline-wrapper .wpcf7-inline-field:first-of-type {
margin-left: 0;
}
.wpcf7-inline-wrapper .wpcf7-inline-field:last-of-type {
margin-right: 0;
}
}
/**
* @# Skins
**/
/* Global skin style */
.global-skin-light .logo-svg *,
.global-skin-default .logo-svg *,
[class^="global-skin-light_"] .logo-svg *,
[class*=" global-skin-light_"] .logo-svg * {
fill: #333;
}
.global-skin-light .logo-light,
.global-skin-default .logo-light,
[class^="global-skin-light_"] .logo-light,
[class*=" global-skin-light_"] .logo-light {
opacity: 0;
}
.global-skin-light .hamburger-icon .line,
.global-skin-default .hamburger-icon .line,
[class^="global-skin-light_"] .hamburger-icon .line,
[class*=" global-skin-light_"] .hamburger-icon .line {
background: #333;
}
.global-skin-light.no-hero #hero,
.global-skin-default.no-hero #hero,
[class^="global-skin-light_"].no-hero #hero,
[class*=" global-skin-light_"].no-hero #hero {
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.global-skin-light.desktop.menu-style-solid #nav-bar, .global-skin-light.desktop.menu-style-solid-light #nav-bar,
.global-skin-default.desktop.menu-style-solid #nav-bar,
.global-skin-default.desktop.menu-style-solid-light #nav-bar,
[class^="global-skin-light_"].desktop.menu-style-solid #nav-bar,
[class^="global-skin-light_"].desktop.menu-style-solid-light #nav-bar,
[class*=" global-skin-light_"].desktop.menu-style-solid #nav-bar,
[class*=" global-skin-light_"].desktop.menu-style-solid-light #nav-bar {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.global-skin-dark .logo-svg *,
[class^="global-skin-dark_"] .logo-svg *,
[class*=" global-skin-dark_"] .logo-svg * {
fill: #fff;
}
.global-skin-dark .logo-dark,
[class^="global-skin-dark_"] .logo-dark,
[class*=" global-skin-dark_"] .logo-dark {
opacity: 0;
}
.global-skin-dark .hamburger-icon .line,
[class^="global-skin-dark_"] .hamburger-icon .line,
[class*=" global-skin-dark_"] .hamburger-icon .line {
background: #fff;
}
.global-skin-dark.no-hero #hero,
[class^="global-skin-dark_"].no-hero #hero,
[class*=" global-skin-dark_"].no-hero #hero {
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.global-skin-dark.desktop.menu-style-solid #nav-bar, .global-skin-dark.desktop.menu-style-solid-light #nav-bar,
[class^="global-skin-dark_"].desktop.menu-style-solid #nav-bar,
[class^="global-skin-dark_"].desktop.menu-style-solid-light #nav-bar,
[class*=" global-skin-dark_"].desktop.menu-style-solid #nav-bar,
[class*=" global-skin-dark_"].desktop.menu-style-solid-light #nav-bar {
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
/* Non page builder skin only */
.skin-dark span.page-numbers,
.skin-dark a.page-numbers,
.skin-dark .page-links a,
[class^="skin-dark_"] span.page-numbers,
[class^="skin-dark_"] a.page-numbers,
[class^="skin-dark_"] .page-links a,
[class*=" skin-dark_"] span.page-numbers,
[class*=" skin-dark_"] a.page-numbers,
[class*=" skin-dark_"] .page-links a {
color: #fff !important;
}
/* Common skin style */
.skin-light .tagcloud a,
.skin-default .tagcloud a,
[class^="skin-light_"] .tagcloud a,
[class*=" skin-light_"] .tagcloud a,
.wvc-font-dark .tagcloud a {
border-color: rgba(0, 0, 0, 0.44);
}
.skin-dark .tagcloud a,
[class^="skin-dark_"] .tagcloud a,
[class*=" skin-dark_"] .tagcloud a,
.wvc-font-light .tagcloud a {
border-color: rgba(255, 255, 255, 0.44);
}
.skin-dark input[type=text],
.skin-dark input[type=search],
.skin-dark input[type=tel],
.skin-dark input[type=time],
.skin-dark input[type=url],
.skin-dark input[type=week],
.skin-dark input[type=password],
.skin-dark input[type=color],
.skin-dark input[type=date],
.skin-dark input[type=datetime],
.skin-dark input[type=datetime-local],
.skin-dark input[type=email],
.skin-dark input[type=month],
.skin-dark input[type=number],
.skin-dark select,
.skin-dark textarea,
[class^="skin-dark_"] input[type=text],
[class^="skin-dark_"] input[type=search],
[class^="skin-dark_"] input[type=tel],
[class^="skin-dark_"] input[type=time],
[class^="skin-dark_"] input[type=url],
[class^="skin-dark_"] input[type=week],
[class^="skin-dark_"] input[type=password],
[class^="skin-dark_"] input[type=color],
[class^="skin-dark_"] input[type=date],
[class^="skin-dark_"] input[type=datetime],
[class^="skin-dark_"] input[type=datetime-local],
[class^="skin-dark_"] input[type=email],
[class^="skin-dark_"] input[type=month],
[class^="skin-dark_"] input[type=number],
[class^="skin-dark_"] select,
[class^="skin-dark_"] textarea,
[class*=" skin-dark_"] input[type=text],
[class*=" skin-dark_"] input[type=search],
[class*=" skin-dark_"] input[type=tel],
[class*=" skin-dark_"] input[type=time],
[class*=" skin-dark_"] input[type=url],
[class*=" skin-dark_"] input[type=week],
[class*=" skin-dark_"] input[type=password],
[class*=" skin-dark_"] input[type=color],
[class*=" skin-dark_"] input[type=date],
[class*=" skin-dark_"] input[type=datetime],
[class*=" skin-dark_"] input[type=datetime-local],
[class*=" skin-dark_"] input[type=email],
[class*=" skin-dark_"] input[type=month],
[class*=" skin-dark_"] input[type=number],
[class*=" skin-dark_"] select,
[class*=" skin-dark_"] textarea,
.wvc-font-light input[type=text],
.wvc-font-light input[type=search],
.wvc-font-light input[type=tel],
.wvc-font-light input[type=time],
.wvc-font-light input[type=url],
.wvc-font-light input[type=week],
.wvc-font-light input[type=password],
.wvc-font-light input[type=color],
.wvc-font-light input[type=date],
.wvc-font-light input[type=datetime],
.wvc-font-light input[type=datetime-local],
.wvc-font-light input[type=email],
.wvc-font-light input[type=month],
.wvc-font-light input[type=number],
.wvc-font-light select,
.wvc-font-light textarea {
border-color: rgba(255, 255, 255, 0.2);
background-color: rgba(26, 27, 28, 0.66);
color: #fff;
}
/* WPB & VC skins */
.wpb-font-light .bit-widget-container,
.wvc-font-light .bit-widget-container {
color: #f7f7f7;
}
.wpb-font-light .comment-meta,
.wpb-font-light .comment-meta a,
.wpb-font-light .comment-awaiting-moderation,
.wpb-font-light .ping-meta,
.wpb-font-light .edit-link,
.wpb-font-light .wpb-entry-meta a,
.wpb-font-light .widget:not(.wpm_playlist_widget):not(.we_event_list_widget) a,
.wvc-font-light .comment-meta,
.wvc-font-light .comment-meta a,
.wvc-font-light .comment-awaiting-moderation,
.wvc-font-light .ping-meta,
.wvc-font-light .edit-link,
.wvc-font-light .wpb-entry-meta a,
.wvc-font-light .widget:not(.wpm_playlist_widget):not(.we_event_list_widget) a {
color: #f7f7f7 !important;
}
.wpb-font-light a:not(.wolf-more-text):not(.wpb-button):not(.wvc-button):not(.button):not(.added_to_cart):not(.more-link):not(.button-download):not(.wvc-social-icon-link):not(.wvc-fittext-link):not(.wvc-bigttext-link):not(.wolf-tweet-link),
.wpb-font-light strong, .wpb-font-light b, .wpb-font-light .post-meta,
.wvc-font-light a:not(.wolf-more-text):not(.wpb-button):not(.wvc-button):not(.button):not(.added_to_cart):not(.more-link):not(.button-download):not(.wvc-social-icon-link):not(.wvc-fittext-link):not(.wvc-bigttext-link):not(.wolf-tweet-link),
.wvc-font-light strong,
.wvc-font-light b,
.wvc-font-light .post-meta {
color: #fff;
}
.wpb-font-light .wpb-last-posts-standard .entry-title a,
.wvc-font-light .wpb-last-posts-standard .entry-title a {
color: #fff !important;
}
.wpb-font-light footer.entry-meta, .wpb-font-light .post-title-divider,
.wvc-font-light footer.entry-meta,
.wvc-font-light .post-title-divider {
border-top-color: rgba(255, 255, 255, 0.15);
}
.wpb-font-light .post-grid2-entry-content,
.wvc-font-light .post-grid2-entry-content {
background-color: #333333 !important;
}
.wpb-font-light .post-grid2-entry-content a,
.wvc-font-light .post-grid2-entry-content a {
color: #FFF !important;
}
.wpb-font-light .post-grid2-entry a.entry-thumbnail:before,
.wvc-font-light .post-grid2-entry a.entry-thumbnail:before {
border-bottom-color: #333333;
}
.wpb-font-light a.wolf-button:hover,
.wvc-font-light a.wolf-button:hover {
color: #FFF !important;
border-color: #FFF !important;
}
.wpb-font-light .button:hover,
.wpb-font-light .button-download:hover,
.wvc-font-light .button:hover,
.wvc-font-light .button-download:hover {
color: #fff;
}
.wpb-font-dark .bit-widget-container,
.wvc-font-dark .bit-widget-container {
color: #333;
}
.wpb-font-dark .comment-meta,
.wpb-font-dark .comment-meta a,
.wpb-font-dark .comment-awaiting-moderation,
.wpb-font-dark .ping-meta,
.wpb-font-dark .edit-link,
.wpb-font-dark .wpb-entry-meta a,
.wpb-font-dark .widget:not(.wpm_playlist_widget):not(.we_event_list_widget) a,
.wvc-font-dark .comment-meta,
.wvc-font-dark .comment-meta a,
.wvc-font-dark .comment-awaiting-moderation,
.wvc-font-dark .ping-meta,
.wvc-font-dark .edit-link,
.wvc-font-dark .wpb-entry-meta a,
.wvc-font-dark .widget:not(.wpm_playlist_widget):not(.we_event_list_widget) a {
color: #333333 !important;
}
.wpb-font-dark a:not(.wolf-more-text):not(.wpb-button):not(.wvc-button):not(.button):not(.added_to_cart):not(.more-link):not(.button-download):not(.wvc-social-icon-link):not(.wvc-fittext-link):not(.wvc-bigttext-link):not(.wolf-tweet-link),
.wpb-font-dark strong, .wpb-font-dark b, .wpb-font-dark .post-meta,
.wvc-font-dark a:not(.wolf-more-text):not(.wpb-button):not(.wvc-button):not(.button):not(.added_to_cart):not(.more-link):not(.button-download):not(.wvc-social-icon-link):not(.wvc-fittext-link):not(.wvc-bigttext-link):not(.wolf-tweet-link),
.wvc-font-dark strong,
.wvc-font-dark b,
.wvc-font-dark .post-meta {
color: #333333;
}
.wpb-font-dark .wpb-last-posts-standard .entry-title a,
.wvc-font-dark .wpb-last-posts-standard .entry-title a {
color: #333333 !important;
}
.wpb-font-dark footer.entry-meta, .wpb-font-dark .post-title-divider,
.wvc-font-dark footer.entry-meta,
.wvc-font-dark .post-title-divider {
border-top-color: rgba(0, 0, 0, 0.15);
}
.wpb-font-dark .products li .price, .wpb-font-dark .products li .star-rating,
.wvc-font-dark .products li .price,
.wvc-font-dark .products li .star-rating {
color: #333;
}
.wpb-font-dark .button:hover,
.wpb-font-dark .button-download:hover,
.wvc-font-dark .button:hover,
.wvc-font-dark .button-download:hover {
color: #333;
}
/* VC only */
/* Tracklist */
.wvc-column-font-dark .wvc-ati-link,
.wvc-column-font-dark .wvc-ati-play-button {
color: #333 !important;
}
.wvc-column-font-light .wvc-ati-link,
.wvc-column-font-light .wvc-ati-play-button {
color: #fff !important;
}
/**
* @# 404 Page
**/
body.error404.no-404-plugin #masthead {
display: none;
}
body.error404.no-404-plugin #hero {
display: none;
}
body.error404.no-404-plugin #hero,
body.error404.no-404-plugin #colophon,
body.error404.no-404-plugin .music-social-icons-container,
body.error404.no-404-plugin .site-infos {
display: none;
}
body.error404.no-404-plugin #primary {
width: 100%;
text-align: center;
}
body.error404.no-404-plugin .content-wrapper {
height: 100vh;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
max-width: 500px;
}
body.error404.no-404-plugin.has-default-header {
color: #fff;
background: #333 no-repeat center center;
background-size: cover;
}
body.error404.no-404-plugin.has-default-header .content-inner {
background-color: transparent !important;
}
body.error404.no-404-plugin.has-default-header .content-inner:after {
content: ' ';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
opacity: 0.44;
}
body.error404.no-404-plugin.has-default-header .error404 .button:hover {
color: white;
}
body.error404.no-404-plugin #error-404-text-container {
margin-bottom: 50px;
}
/**
* @# Password Protected page
**/
.single-proof_gallery.password-protected #hero,
.single-proof_gallery.password-protected #colophon,
.single-proof_gallery.password-protected .music-social-icons-container,
.single-proof_gallery.password-protected .site-infos {
display: none;
}
.single-proof_gallery.password-protected #primary {
width: 100%;
text-align: center;
}
.single-proof_gallery.password-protected .content-inner {
height: 100vh;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.single-proof_gallery.password-protected .post-password-form label {
display: none;
}
.single-proof_gallery.password-protected .content-wrapper {
max-width: 750px;
text-align: center;
}
.single-proof_gallery.password-protected.has-default-header {
color: #fff;
background: #333 no-repeat center center;
background-size: cover;
}
.single-proof_gallery.password-protected.has-default-header .content-inner {
background-color: transparent !important;
}
.single-proof_gallery.password-protected.has-default-header .content-inner:after {
content: ' ';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
opacity: 0.44;
}
.single-proof_gallery.password-protected.has-default-header .error404 .button:hover {
color: white;
}
/**
* @# Mobile
**/
/**
* @# Media Queries
**/
.col {
margin-bottom: 35px;
}
@media screen and (min-width: 800px) {
.row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.col {
margin: 0 35px;
float: left;
}
* .col:first-child {
margin-left: 0 !important;
}
* .col:last-child {
margin-right: 0 !important;
}
.col-1 {
width: 8.33333%;
}
.col-2 {
width: 16.66667%;
}
.col-3 {
width: 25%;
}
.col-4 {
width: 33.33333%;
}
.col-5 {
width: 41.66667%;
}
.col-6 {
width: 50%;
}
.col-7 {
width: 58.33333%;
}
.col-8 {
width: 66.66667%;
}
.col-9 {
width: 75%;
}
.col-10 {
width: 83.33333%;
}
.col-11 {
width: 91.66667%;
}
}
@media screen and (max-width: 782px) {
.admin-bar.mobile-menu-toggle #mobile-bar {
top: 46px;
}
.admin-bar #mobile-menu-panel {
top: 46px;
}
.admin-bar .offcanvas-menu-panel,
.admin-bar .vertical-menu-panel,
.admin-bar .side-panel {
padding-top: 46px;
}
.admin-bar .frame-border-top {
top: 46px;
}
.admin-bar.attop.menu-sticky-soft .nav-bar, .admin-bar.attop.menu-sticky-none .nav-bar, .admin-bar.attop.menu-sticky-hard .nav-bar {
top: 46px;
}
#back-to-top {
display: none !important;
}
.admin-bar #ajax-progress-bar {
top: 46px;
}
.hero-layout-fullheight.admin-bar #hero {
height: calc(100vh - 46px);
}
.side-panel {
width: 350px;
}
.side-panel-position-right .side-panel {
right: -350px;
}
.side-panel-position-left .side-panel {
left: -350px;
}
}
@media screen and (max-width: 600px) {
.admin-bar #mobile-bar {
-webkit-transition: top 0.2s ease;
transition: top 0.2s ease;
}
.admin-bar.attop #mobile-menu-panel, .admin-bar.attop #mobile-bar {
top: 46px;
}
.admin-bar.untop #mobile-menu-panel, .admin-bar.untop #mobile-bar {
top: 0;
}
.admin-bar.attop.menu-sticky-soft .nav-bar, .admin-bar.attop.menu-sticky-none .nav-bar, .admin-bar.attop.menu-sticky-hard .nav-bar {
top: 46px;
}
.admin-bar.untop.menu-sticky-soft .nav-bar, .admin-bar.untop.menu-sticky-none .nav-bar, .admin-bar.untop.menu-sticky-hard .nav-bar {
top: 0;
}
.admin-bar.attop #ajax-progress-bar {
top: 46px;
}
.admin-bar.untop #ajax-progress-bar {
top: 46px;
}
.product-stock-status {
display: none;
}
}
@media screen and (min-width: 500px) {
/* Related posts */
.related-posts .post {
float: left;
margin-bottom: 0;
width: 50%;
height: 200px !important;
}
}
@media screen and (min-width: 800px) {
/* Button */
.button,
.button-secondary,
.added_to_cart,
.wolf-button,
.wolf-more-dates,
.nav-menu li.menu-button-primary > a:first-child > .menu-item-inner,
.nav-menu li.menu-button-secondary > a:first-child > .menu-item-inner,
.nav-menu li.nav-button > a:first-child > .menu-item-inner,
.tagcloud a,
input[type="submit"],
.more-link,
.button-download {
display: inline-block;
width: auto;
}
.trigger {
font-size: 18px;
padding: 20px;
}
/* Hero */
.post-title-container .post-title {
font-size: 48px;
}
.post-meta-container,
.post-secondary-meta-container {
font-size: 16px;
}
.single-post-pagination {
display: table;
}
.single-post-pagination .nav-previous,
.single-post-pagination .nav-next {
display: table-cell;
width: 50%;
}
#hero-content {
padding: 5em 0;
}
/* Containers width sidebar */
.layout-sidebar.has-secondary #primary,
.layout-sidebar.has-secondary #container,
.layout-sidebar-right.has-secondary #primary,
.layout-sidebar-right.has-secondary #container,
.page-sidebar-right #primary,
.page-sidebar-right #container,
.single-post-layout-sidebar #primary,
.single-post-layout-sidebar #container,
.single-post-layout-sidebar-right #primary,
.single-post-layout-sidebar-right #container {
margin-right: 30px;
width: 65.7%;
width: calc(66.66667% - 30px);
float: left;
}
.layout-sidebar.has-secondary #secondary,
.layout-sidebar-right.has-secondary #secondary,
.page-sidebar-right #secondary,
.single-post-layout-sidebar #secondary,
.single-post-layout-sidebar-right #secondary {
margin-left: 30px;
width: 29.2%;
width: calc(33.33333% - 30px);
float: right;
}
.page-sidebar-left #primary,
.page-sidebar-left #container,
.layout-sidebar-left.has-secondary #primary,
.layout-sidebar-left.has-secondary #container,
.single-post-layout-sidebar-left #primary,
.single-post-layout-sidebar-left #container {
margin-left: 30px;
width: 65.7%;
width: calc(66.66667% - 30px);
float: right;
}
.page-sidebar-left #secondary,
.layout-sidebar-left.has-secondary #secondary,
.single-post-layout-sidebar-left #secondary {
margin-right: 30px;
width: 29.2%;
width: calc(33.33333% - 30px);
float: left;
}
#secondary {
margin-top: 0;
}
/* Comment */
.comment-content .gravatar {
float: left;
top: 10px;
position: relative;
}
.comment-content .comment-reply-link {
position: absolute;
top: 0;
right: 0;
margin-top: 32px;
}
.comment-meta.post-meta {
margin-left: 90px;
}
section.child-comments.comments-list {
padding-left: 30px;
}
/* Footer */
#tertiary .widget-area {
margin-left: -30px;
width: calc(100% + 60px);
}
#tertiary .widget {
padding: 0 30px 0;
margin-bottom: 0;
}
.footer-widgets-layout-2-cols #tertiary .widget,
.footer-widgets-layout-4-cols #tertiary .widget {
float: left;
width: 50%;
}
.footer-widgets-layout-2-cols #tertiary .widget:nth-child(2n+1),
.footer-widgets-layout-4-cols #tertiary .widget:nth-child(2n+1) {
clear: both;
}
.footer-widgets-layout-3-cols #tertiary .widget {
float: left;
width: 33.33%;
}
.footer-widgets-layout-3-cols #tertiary .widget:nth-child(3n+1) {
clear: both;
}
.footer-widgets-layout-one-half-two-quarter #tertiary .widget {
float: left;
width: 25%;
}
.footer-widgets-layout-one-half-two-quarter #tertiary .widget:first-child {
width: 50%;
}
.footer-widgets-layout-two-quarter-one-half #tertiary .widget {
float: left;
width: 25%;
}
.footer-widgets-layout-two-quarter-one-half #tertiary .widget:nth-child(3) {
width: 50%;
}
.products li .button {
width: auto;
}
.woocommerce-cart #primary,
.woocommerce-checkout #primary,
.woocommerce-account #primary,
.wolf-wishlist-page #primary {
float: none;
margin: 0 auto;
width: 100%;
}
.single-product .product .product_title {
margin-top: 0;
}
.woocommerce-MyAccount-navigation ul {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.woocommerce-MyAccount-navigation ul li {
display: inline-block;
padding-right: 15px;
}
.woocommerce-cart tr th,
.woocommerce-cart tr td:not(.actions) {
font-size: 15px;
}
.woocommerce-cart .product-thumbnail {
display: block;
}
.woocommerce-cart .coupon {
width: auto;
float: left;
}
.woocommerce-cart .coupon button,
.woocommerce-cart .coupon input {
margin-bottom: 0;
}
.woocommerce-cart .coupon .input-text {
margin-right: 4px;
}
.woocommerce-cart .coupon label {
display: inline;
}
.woocommerce-cart input.button,
.woocommerce-cart #coupon_code {
display: inline-block;
width: auto !important;
margin: 5px 5px;
}
.woocommerce-cart .actions button.button {
margin-bottom: 0 !important;
}
.woocommerce-cart #coupon_code {
padding: 9px 10px;
margin-top: 0;
margin-bottom: 0;
}
/*.woocommerce{
&.columns-3{
.products li{
width: 31%!important;
&:nth-child(2n+1){
clear:none!important;
}
&:nth-child(3n+1){
clear:left!important;
}
}
}
&.columns-4{
.products li{
width: 23%!important;
margin-right: 1%!important;
margin-left: 1%!important;
&:nth-child(2n+1),
&:nth-child(3n+1){
clear:none!important;
}
&:nth-child(4n+1){
clear:left!important;
}
}
}
}*/
}
@media screen and (min-width: 1000px) {
/* Author box avatar */
.author-avatar {
float: left;
}
.author-description {
padding-left: 110px;
}
/* Related posts */
.related-posts .entry {
height: 250px !important;
}
/* Password form */
.post-password-form input[type="password"] {
float: left;
width: 70%;
}
.post-password-form input[type="submit"] {
float: left;
width: calc( 30% - 5px );
width: 30%;
padding-top: 16px;
padding-bottom: 16px;
margin-top: 0;
}
.button-style-round .post-password-form input[type="password"],
.button-style-standard .post-password-form input[type="password"] {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.button-style-round .post-password-form input[type="submit"],
.button-style-standard .post-password-form input[type="submit"] {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
@media screen and (min-width: 1200px) {
/* Header */
.hero-layout-standard #hero-content {
padding: 7em 0;
}
.hero-layout-big #hero-content {
padding: 10em 0;
}
/* Related posts */
.related-posts .entry {
width: 33.33% !important;
}
section.child-comments.comments-list {
padding-left: 60px;
}
/* single post pagination */
.single-post-pagination .nav-index a,
.single-post-pagination .nav-previous a,
.single-post-pagination .nav-next a {
padding: 60px 45px;
}
.single-post-pagination .nav-index {
display: table-cell;
width: 33.33%;
}
.single-post-pagination .nav-previous,
.single-post-pagination .nav-next {
width: 33.33%;
}
.single-post-pagination .nav-previous:hover a {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
.single-post-pagination .nav-next:hover a {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
/* Footer widgets */
.footer-widgets-layout-4-cols #tertiary .widget {
width: 25%;
}
.footer-widgets-layout-4-cols #tertiary .widget:nth-child(2n+1) {
clear: none;
}
.footer-widgets-layout-4-cols #tertiary .widget:nth-child(4n+1) {
clear: both;
}
.widget_shopping_cart .button {
width: 48%;
margin: 0;
margin-right: 3%;
}
.widget_shopping_cart .checkout {
margin-right: 0;
}
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-1,
.woocommerce-page .col2-set .col-2 {
float: left;
width: 48.382%;
margin-left: 1.618%;
margin-right: 1.618%;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
margin-left: 0;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
margin-right: 0;
}
}
@media screen and (min-width: 1600px) {
/* Post header big */
.hero-layout-big:not(.site-layout-boxed) #hero-content {
padding: 14em 0;
}
/* Single Post Nav */
.single-post-pagination .nav-index a,
.single-post-pagination .nav-previous a,
.single-post-pagination .nav-next a {
padding: 80px 45px;
}
}
.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-horizontal-volume-slider
.mejs-horizontal-volume-current {
background: #353535;
}
.video-shortcode-container {
overflow: hidden;
}
.video-shortcode-container,
.audio-shortcode-container {
max-width: 100% !important;
}
.video-shortcode-container .mejs-button, .video-shortcode-container .mejs-time, .video-shortcode-container .mejs-time-rail,
.audio-shortcode-container .mejs-button,
.audio-shortcode-container .mejs-time,
.audio-shortcode-container .mejs-time-rail {
height: 100%;
}
.video-shortcode-container .mejs-inner,
.audio-shortcode-container .mejs-inner {
height: 44px !important;
}
.video-shortcode-container .mejs-container .mejs-time-buffering,
.video-shortcode-container .mejs-container .mejs-time-current,
.video-shortcode-container .mejs-container .mejs-time-float,
.video-shortcode-container .mejs-container .mejs-time-float-corner,
.video-shortcode-container .mejs-container .mejs-time-float-current,
.video-shortcode-container .mejs-container .mejs-time-hovered,
.video-shortcode-container .mejs-container .mejs-time-loaded,
.video-shortcode-container .mejs-container .mejs-time-marker,
.video-shortcode-container .mejs-container .mejs-time-total,
.video-shortcode-container .mejs-container .mejs-horizontal-volume-total,
.audio-shortcode-container .mejs-container .mejs-time-buffering,
.audio-shortcode-container .mejs-container .mejs-time-current,
.audio-shortcode-container .mejs-container .mejs-time-float,
.audio-shortcode-container .mejs-container .mejs-time-float-corner,
.audio-shortcode-container .mejs-container .mejs-time-float-current,
.audio-shortcode-container .mejs-container .mejs-time-hovered,
.audio-shortcode-container .mejs-container .mejs-time-loaded,
.audio-shortcode-container .mejs-container .mejs-time-marker,
.audio-shortcode-container .mejs-container .mejs-time-total,
.audio-shortcode-container .mejs-container .mejs-horizontal-volume-total {
height: 5px;
}
.video-shortcode-container .mejs-container .mejs-controls,
.audio-shortcode-container .mejs-container .mejs-controls {
padding: 0 10px 0 0;
height: 42px;
}
.video-shortcode-container .mejs-container .mejs-controls > .mejs-playpause-button,
.audio-shortcode-container .mejs-container .mejs-controls > .mejs-playpause-button {
width: 42px;
margin-right: 4px;
}
.video-shortcode-container .mejs-container .mejs-controls > .mejs-playpause-button > button,
.audio-shortcode-container .mejs-container .mejs-controls > .mejs-playpause-button > button {
margin-left: 11px;
}
.video-shortcode-container .mejs-container .mejs-controls .mejs-button button,
.audio-shortcode-container .mejs-container .mejs-controls .mejs-button button {
margin-top: 11px;
}
.video-shortcode-container .mejs-container .mejs-controls .mejs-time-rail,
.audio-shortcode-container .mejs-container .mejs-controls .mejs-time-rail {
padding-top: 13px;
}
.video-shortcode-container .mejs-container .mejs-controls .mejs-time-rail .mejs-time-hovered,
.video-shortcode-container .mejs-container .mejs-controls .mejs-time-rail .mejs-time-handle,
.audio-shortcode-container .mejs-container .mejs-controls .mejs-time-rail .mejs-time-hovered,
.audio-shortcode-container .mejs-container .mejs-controls .mejs-time-rail .mejs-time-handle {
display: none !important;
}
.video-shortcode-container .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded,
.audio-shortcode-container .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #353535;
}
.video-shortcode-container .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.audio-shortcode-container .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #353535;
margin-top: 2px;
}
.video-shortcode-container .mejs-container .mejs-controls .mejs-button button,
.audio-shortcode-container .mejs-container .mejs-controls .mejs-button button {
background-image: url(../img/controls.svg);
}
.entry-post-masonry_modern .wp-audio-shortcode {
height: 44px !important;
}
.video-shortcode-container .mejs-inner {
margin-top: -44px;
}
.video-shortcode-container .mejs-container, .video-shortcode-container .mejs-embed, .video-shortcode-container .mejs-embed body, .video-shortcode-container .mejs-container .mejs-controls {
background: none;
}
.video-shortcode-container .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: rgba(0, 0, 0, 0.14);
}
.video-shortcode-container .mejs-overlay-button {
outline: none !important;
background: none;
}
.video-shortcode-container .mejs-overlay-button:before {
display: inline-block;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff !important;
font-family: FontAwesome;
content: "\f04b";
font-size: 3em;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.wvc-as-transparent .mejs-container,
.wvc-as-transparent .mejs-embed, .wvc-as-transparent .mejs-embed body,
.wvc-as-transparent .mejs-container .mejs-controls {
background: transparent !important;
}
.wvc-as-light .mejs-container .mejs-controls .mejs-time,
.wvc-font-dark .wvc-as-transparent .mejs-container .mejs-controls .mejs-time {
color: #333;
}
.wvc-as-light .mejs-container .mejs-controls .mejs-button button,
.wvc-font-dark .wvc-as-transparent .mejs-container .mejs-controls .mejs-button button {
background-image: url(../img/controls_dark.svg);
}
.wvc-as-light .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded,
.wvc-as-light .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total,
.wvc-as-light .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.wvc-font-dark .wvc-as-transparent .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded,
.wvc-font-dark .wvc-as-transparent .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total,
.wvc-font-dark .wvc-as-transparent .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: rgba(0, 0, 0, 0.14) !important;
}
.wvc-as-dark .mejs-container .mejs-controls .mejs-time,
.wvc-font-light .wvc-as-transparent .mejs-container .mejs-controls .mejs-time {
color: #fff;
}
.wvc-as-dark .mejs-container .mejs-controls .mejs-button button,
.wvc-font-light .wvc-as-transparent .mejs-container .mejs-controls .mejs-button button {
background-image: url(../img/controls.svg);
}
.single-release .tooltipsy {
-webkit-transform: translate3d(-6px, -15px, 0);
transform: translate3d(-6px, -15px, 0);
}
.socicon-youtube {
top: 1px;
position: relative;
}
.select2-container {
color: #000 !important;
}
.select2-container .select2-selection--single {
height: 50px;
}
.woocommerce-checkout
.select2-container
.select2-selection--single
.select2-selection__rendered {
line-height: 48px;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
top: 11px;
}
body.button-style-square .select2-container--default .select2-selection--single {
border-radius: 0;
}
.woocommerce-cart-form .product-remove a,
.woocommerce-cart-form .product-thumbnail a,
.wolf-woocommerce-wishlist-table .product-remove a,
.wolf-woocommerce-wishlist-table .product-thumbnail a {
border: none;
}
.woocommerce-cart-form .product-remove a:after,
.woocommerce-cart-form .product-thumbnail a:after,
.wolf-woocommerce-wishlist-table .product-remove a:after,
.wolf-woocommerce-wishlist-table .product-thumbnail a:after {
display: none;
}
body.screenshot-mode {
font-size: 2em;
}
body.screenshot-mode #back-to-top,
body.screenshot-mode .site-header,
body.screenshot-mode .wvc-arrow-down {
display: none !important;
}
/* Hide social icons in menu on mobile */
.mobile-screen #mobile-bar .wvc-socials-container,
.mobile-screen #mobile-bar .wolf-core-socials-container {
display: none;
}
#mobile-bar .flex-mobile-wrap {
width: 100% !important;
}
.sbi_info {
display: none !important;
}
.we-date-format-custom {
width: 35px;
}
/* Hide insta feed pro caption/hashtag */
.sbi_info {
display: none !important;
}
/* Insta icon quickfix */
.sbi_item:not(.sbi_type_video) .sbi_photo:after {
font-family: Socicon !important;
content: "\e044" !important;
}
/* New insta plugins padding fix*/
#sb_instagram #sbi_images {
padding: 0 !important;
}
/* Custom date width */
.we-date-format-custom {
width: 35px;
}
/* Woo Price del */
.price del {
text-decoration: none;
position: relative;
}
.price del:after {
content: '';
position: absolute;
display: block;
width: 105%;
background: currentColor;
height: 2px;
top: 50%;
left: 0;
-webkit-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
}