tonbauhuette.de
Open in
urlscan Pro
2a01:4f8:172:116e::2
Public Scan
Submitted URL: http://tonbauhuette.de/wp-content/plugins/wolf-visual-composer/assets/css/wvc.css?ver=1729365294
Effective URL: https://tonbauhuette.de/wp-content/plugins/wolf-visual-composer/assets/css/wvc.css?ver=1729365294
Submission: On October 23 via api from US — Scanned from DE
Effective URL: https://tonbauhuette.de/wp-content/plugins/wolf-visual-composer/assets/css/wvc.css?ver=1729365294
Submission: On October 23 via api from US — Scanned from DE
Form analysis
0 forms found in the DOMText Content
/* MAIN STYLESHEET ------------------------- */ /** * Base */ body.wolf-visual-composer p:empty { display: none; } .wvc-element { margin-bottom: 35px; } .wvc-column-wrapper .wvc-element:last-of-type, .wvc-column-wrapper .wvc-element:only-child { margin-bottom: 0; } .wvc-column-wrapper .wvc-hours:last-of-type, .wvc-column-wrapper .wvc-hours:only-child { margin-bottom: 0; } /** * Lazyload */ /* to prevent flickering for lazyload */ .wvc-lazyload-bg { opacity: 0; transition: opacity 0.2s ease; } .lazy-hidden { opacity: 0; } .lazy-loaded { opacity: 1 !important; } /* Fix for Safari issue not removing lazy-hidden class */ .wvc-is-apple .lazy-hidden { opacity: 1 !important; } /** * WOW */ .wvc-wow { visibility: hidden; } .wvc-no-animations .wvc-wow { visibility: visible; } .aos-disabled { visibility: hidden; } /** * AOS */ body[data-aos-duration='50'] [data-aos], [data-aos][data-aos][data-aos-duration='50'] { transition-duration: 50ms; } body[data-aos-delay='50'] [data-aos], [data-aos][data-aos][data-aos-delay='50'] { transition-delay: 0s; } body[data-aos-delay='50'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='50'].aos-animate { transition-delay: 50ms; } body[data-aos-duration='100'] [data-aos], [data-aos][data-aos][data-aos-duration='100'] { transition-duration: 100ms; } body[data-aos-delay='100'] [data-aos], [data-aos][data-aos][data-aos-delay='100'] { transition-delay: 0s; } body[data-aos-delay='100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='100'].aos-animate { transition-delay: 100ms; } body[data-aos-duration='150'] [data-aos], [data-aos][data-aos][data-aos-duration='150'] { transition-duration: 150ms; } body[data-aos-delay='150'] [data-aos], [data-aos][data-aos][data-aos-delay='150'] { transition-delay: 0s; } body[data-aos-delay='150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='150'].aos-animate { transition-delay: 150ms; } body[data-aos-duration='200'] [data-aos], [data-aos][data-aos][data-aos-duration='200'] { transition-duration: 200ms; } body[data-aos-delay='200'] [data-aos], [data-aos][data-aos][data-aos-delay='200'] { transition-delay: 0s; } body[data-aos-delay='200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='200'].aos-animate { transition-delay: 200ms; } body[data-aos-duration='250'] [data-aos], [data-aos][data-aos][data-aos-duration='250'] { transition-duration: 250ms; } body[data-aos-delay='250'] [data-aos], [data-aos][data-aos][data-aos-delay='250'] { transition-delay: 0s; } body[data-aos-delay='250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='250'].aos-animate { transition-delay: 250ms; } body[data-aos-duration='300'] [data-aos], [data-aos][data-aos][data-aos-duration='300'] { transition-duration: 300ms; } body[data-aos-delay='300'] [data-aos], [data-aos][data-aos][data-aos-delay='300'] { transition-delay: 0s; } body[data-aos-delay='300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='300'].aos-animate { transition-delay: 300ms; } body[data-aos-duration='350'] [data-aos], [data-aos][data-aos][data-aos-duration='350'] { transition-duration: 350ms; } body[data-aos-delay='350'] [data-aos], [data-aos][data-aos][data-aos-delay='350'] { transition-delay: 0s; } body[data-aos-delay='350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='350'].aos-animate { transition-delay: 350ms; } body[data-aos-duration='400'] [data-aos], [data-aos][data-aos][data-aos-duration='400'] { transition-duration: 400ms; } body[data-aos-delay='400'] [data-aos], [data-aos][data-aos][data-aos-delay='400'] { transition-delay: 0s; } body[data-aos-delay='400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='400'].aos-animate { transition-delay: 400ms; } body[data-aos-duration='450'] [data-aos], [data-aos][data-aos][data-aos-duration='450'] { transition-duration: 450ms; } body[data-aos-delay='450'] [data-aos], [data-aos][data-aos][data-aos-delay='450'] { transition-delay: 0s; } body[data-aos-delay='450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='450'].aos-animate { transition-delay: 450ms; } body[data-aos-duration='500'] [data-aos], [data-aos][data-aos][data-aos-duration='500'] { transition-duration: 500ms; } body[data-aos-delay='500'] [data-aos], [data-aos][data-aos][data-aos-delay='500'] { transition-delay: 0s; } body[data-aos-delay='500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='500'].aos-animate { transition-delay: 500ms; } body[data-aos-duration='550'] [data-aos], [data-aos][data-aos][data-aos-duration='550'] { transition-duration: 550ms; } body[data-aos-delay='550'] [data-aos], [data-aos][data-aos][data-aos-delay='550'] { transition-delay: 0s; } body[data-aos-delay='550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='550'].aos-animate { transition-delay: 550ms; } body[data-aos-duration='600'] [data-aos], [data-aos][data-aos][data-aos-duration='600'] { transition-duration: 600ms; } body[data-aos-delay='600'] [data-aos], [data-aos][data-aos][data-aos-delay='600'] { transition-delay: 0s; } body[data-aos-delay='600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='600'].aos-animate { transition-delay: 600ms; } body[data-aos-duration='650'] [data-aos], [data-aos][data-aos][data-aos-duration='650'] { transition-duration: 650ms; } body[data-aos-delay='650'] [data-aos], [data-aos][data-aos][data-aos-delay='650'] { transition-delay: 0s; } body[data-aos-delay='650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='650'].aos-animate { transition-delay: 650ms; } body[data-aos-duration='700'] [data-aos], [data-aos][data-aos][data-aos-duration='700'] { transition-duration: 700ms; } body[data-aos-delay='700'] [data-aos], [data-aos][data-aos][data-aos-delay='700'] { transition-delay: 0s; } body[data-aos-delay='700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='700'].aos-animate { transition-delay: 700ms; } body[data-aos-duration='750'] [data-aos], [data-aos][data-aos][data-aos-duration='750'] { transition-duration: 750ms; } body[data-aos-delay='750'] [data-aos], [data-aos][data-aos][data-aos-delay='750'] { transition-delay: 0s; } body[data-aos-delay='750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='750'].aos-animate { transition-delay: 750ms; } body[data-aos-duration='800'] [data-aos], [data-aos][data-aos][data-aos-duration='800'] { transition-duration: 800ms; } body[data-aos-delay='800'] [data-aos], [data-aos][data-aos][data-aos-delay='800'] { transition-delay: 0s; } body[data-aos-delay='800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='800'].aos-animate { transition-delay: 800ms; } body[data-aos-duration='850'] [data-aos], [data-aos][data-aos][data-aos-duration='850'] { transition-duration: 850ms; } body[data-aos-delay='850'] [data-aos], [data-aos][data-aos][data-aos-delay='850'] { transition-delay: 0s; } body[data-aos-delay='850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='850'].aos-animate { transition-delay: 850ms; } body[data-aos-duration='900'] [data-aos], [data-aos][data-aos][data-aos-duration='900'] { transition-duration: 900ms; } body[data-aos-delay='900'] [data-aos], [data-aos][data-aos][data-aos-delay='900'] { transition-delay: 0s; } body[data-aos-delay='900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='900'].aos-animate { transition-delay: 900ms; } body[data-aos-duration='950'] [data-aos], [data-aos][data-aos][data-aos-duration='950'] { transition-duration: 950ms; } body[data-aos-delay='950'] [data-aos], [data-aos][data-aos][data-aos-delay='950'] { transition-delay: 0s; } body[data-aos-delay='950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='950'].aos-animate { transition-delay: 950ms; } body[data-aos-duration='1000'] [data-aos], [data-aos][data-aos][data-aos-duration='1000'] { transition-duration: 1000ms; } body[data-aos-delay='1000'] [data-aos], [data-aos][data-aos][data-aos-delay='1000'] { transition-delay: 0s; } body[data-aos-delay='1000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1000'].aos-animate { transition-delay: 1000ms; } body[data-aos-duration='1050'] [data-aos], [data-aos][data-aos][data-aos-duration='1050'] { transition-duration: 1050ms; } body[data-aos-delay='1050'] [data-aos], [data-aos][data-aos][data-aos-delay='1050'] { transition-delay: 0s; } body[data-aos-delay='1050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1050'].aos-animate { transition-delay: 1050ms; } body[data-aos-duration='1100'] [data-aos], [data-aos][data-aos][data-aos-duration='1100'] { transition-duration: 1100ms; } body[data-aos-delay='1100'] [data-aos], [data-aos][data-aos][data-aos-delay='1100'] { transition-delay: 0s; } body[data-aos-delay='1100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1100'].aos-animate { transition-delay: 1100ms; } body[data-aos-duration='1150'] [data-aos], [data-aos][data-aos][data-aos-duration='1150'] { transition-duration: 1150ms; } body[data-aos-delay='1150'] [data-aos], [data-aos][data-aos][data-aos-delay='1150'] { transition-delay: 0s; } body[data-aos-delay='1150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1150'].aos-animate { transition-delay: 1150ms; } body[data-aos-duration='1200'] [data-aos], [data-aos][data-aos][data-aos-duration='1200'] { transition-duration: 1200ms; } body[data-aos-delay='1200'] [data-aos], [data-aos][data-aos][data-aos-delay='1200'] { transition-delay: 0s; } body[data-aos-delay='1200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1200'].aos-animate { transition-delay: 1200ms; } body[data-aos-duration='1250'] [data-aos], [data-aos][data-aos][data-aos-duration='1250'] { transition-duration: 1250ms; } body[data-aos-delay='1250'] [data-aos], [data-aos][data-aos][data-aos-delay='1250'] { transition-delay: 0s; } body[data-aos-delay='1250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1250'].aos-animate { transition-delay: 1250ms; } body[data-aos-duration='1300'] [data-aos], [data-aos][data-aos][data-aos-duration='1300'] { transition-duration: 1300ms; } body[data-aos-delay='1300'] [data-aos], [data-aos][data-aos][data-aos-delay='1300'] { transition-delay: 0s; } body[data-aos-delay='1300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1300'].aos-animate { transition-delay: 1300ms; } body[data-aos-duration='1350'] [data-aos], [data-aos][data-aos][data-aos-duration='1350'] { transition-duration: 1350ms; } body[data-aos-delay='1350'] [data-aos], [data-aos][data-aos][data-aos-delay='1350'] { transition-delay: 0s; } body[data-aos-delay='1350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1350'].aos-animate { transition-delay: 1350ms; } body[data-aos-duration='1400'] [data-aos], [data-aos][data-aos][data-aos-duration='1400'] { transition-duration: 1400ms; } body[data-aos-delay='1400'] [data-aos], [data-aos][data-aos][data-aos-delay='1400'] { transition-delay: 0s; } body[data-aos-delay='1400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1400'].aos-animate { transition-delay: 1400ms; } body[data-aos-duration='1450'] [data-aos], [data-aos][data-aos][data-aos-duration='1450'] { transition-duration: 1450ms; } body[data-aos-delay='1450'] [data-aos], [data-aos][data-aos][data-aos-delay='1450'] { transition-delay: 0s; } body[data-aos-delay='1450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1450'].aos-animate { transition-delay: 1450ms; } body[data-aos-duration='1500'] [data-aos], [data-aos][data-aos][data-aos-duration='1500'] { transition-duration: 1500ms; } body[data-aos-delay='1500'] [data-aos], [data-aos][data-aos][data-aos-delay='1500'] { transition-delay: 0s; } body[data-aos-delay='1500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1500'].aos-animate { transition-delay: 1500ms; } body[data-aos-duration='1550'] [data-aos], [data-aos][data-aos][data-aos-duration='1550'] { transition-duration: 1550ms; } body[data-aos-delay='1550'] [data-aos], [data-aos][data-aos][data-aos-delay='1550'] { transition-delay: 0s; } body[data-aos-delay='1550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1550'].aos-animate { transition-delay: 1550ms; } body[data-aos-duration='1600'] [data-aos], [data-aos][data-aos][data-aos-duration='1600'] { transition-duration: 1600ms; } body[data-aos-delay='1600'] [data-aos], [data-aos][data-aos][data-aos-delay='1600'] { transition-delay: 0s; } body[data-aos-delay='1600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1600'].aos-animate { transition-delay: 1600ms; } body[data-aos-duration='1650'] [data-aos], [data-aos][data-aos][data-aos-duration='1650'] { transition-duration: 1650ms; } body[data-aos-delay='1650'] [data-aos], [data-aos][data-aos][data-aos-delay='1650'] { transition-delay: 0s; } body[data-aos-delay='1650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1650'].aos-animate { transition-delay: 1650ms; } body[data-aos-duration='1700'] [data-aos], [data-aos][data-aos][data-aos-duration='1700'] { transition-duration: 1700ms; } body[data-aos-delay='1700'] [data-aos], [data-aos][data-aos][data-aos-delay='1700'] { transition-delay: 0s; } body[data-aos-delay='1700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1700'].aos-animate { transition-delay: 1700ms; } body[data-aos-duration='1750'] [data-aos], [data-aos][data-aos][data-aos-duration='1750'] { transition-duration: 1750ms; } body[data-aos-delay='1750'] [data-aos], [data-aos][data-aos][data-aos-delay='1750'] { transition-delay: 0s; } body[data-aos-delay='1750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1750'].aos-animate { transition-delay: 1750ms; } body[data-aos-duration='1800'] [data-aos], [data-aos][data-aos][data-aos-duration='1800'] { transition-duration: 1800ms; } body[data-aos-delay='1800'] [data-aos], [data-aos][data-aos][data-aos-delay='1800'] { transition-delay: 0s; } body[data-aos-delay='1800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1800'].aos-animate { transition-delay: 1800ms; } body[data-aos-duration='1850'] [data-aos], [data-aos][data-aos][data-aos-duration='1850'] { transition-duration: 1850ms; } body[data-aos-delay='1850'] [data-aos], [data-aos][data-aos][data-aos-delay='1850'] { transition-delay: 0s; } body[data-aos-delay='1850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1850'].aos-animate { transition-delay: 1850ms; } body[data-aos-duration='1900'] [data-aos], [data-aos][data-aos][data-aos-duration='1900'] { transition-duration: 1900ms; } body[data-aos-delay='1900'] [data-aos], [data-aos][data-aos][data-aos-delay='1900'] { transition-delay: 0s; } body[data-aos-delay='1900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1900'].aos-animate { transition-delay: 1900ms; } body[data-aos-duration='1950'] [data-aos], [data-aos][data-aos][data-aos-duration='1950'] { transition-duration: 1950ms; } body[data-aos-delay='1950'] [data-aos], [data-aos][data-aos][data-aos-delay='1950'] { transition-delay: 0s; } body[data-aos-delay='1950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1950'].aos-animate { transition-delay: 1950ms; } body[data-aos-duration='2000'] [data-aos], [data-aos][data-aos][data-aos-duration='2000'] { transition-duration: 2000ms; } body[data-aos-delay='2000'] [data-aos], [data-aos][data-aos][data-aos-delay='2000'] { transition-delay: 0s; } body[data-aos-delay='2000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2000'].aos-animate { transition-delay: 2000ms; } body[data-aos-duration='2050'] [data-aos], [data-aos][data-aos][data-aos-duration='2050'] { transition-duration: 2050ms; } body[data-aos-delay='2050'] [data-aos], [data-aos][data-aos][data-aos-delay='2050'] { transition-delay: 0s; } body[data-aos-delay='2050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2050'].aos-animate { transition-delay: 2050ms; } body[data-aos-duration='2100'] [data-aos], [data-aos][data-aos][data-aos-duration='2100'] { transition-duration: 2100ms; } body[data-aos-delay='2100'] [data-aos], [data-aos][data-aos][data-aos-delay='2100'] { transition-delay: 0s; } body[data-aos-delay='2100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2100'].aos-animate { transition-delay: 2100ms; } body[data-aos-duration='2150'] [data-aos], [data-aos][data-aos][data-aos-duration='2150'] { transition-duration: 2150ms; } body[data-aos-delay='2150'] [data-aos], [data-aos][data-aos][data-aos-delay='2150'] { transition-delay: 0s; } body[data-aos-delay='2150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2150'].aos-animate { transition-delay: 2150ms; } body[data-aos-duration='2200'] [data-aos], [data-aos][data-aos][data-aos-duration='2200'] { transition-duration: 2200ms; } body[data-aos-delay='2200'] [data-aos], [data-aos][data-aos][data-aos-delay='2200'] { transition-delay: 0s; } body[data-aos-delay='2200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2200'].aos-animate { transition-delay: 2200ms; } body[data-aos-duration='2250'] [data-aos], [data-aos][data-aos][data-aos-duration='2250'] { transition-duration: 2250ms; } body[data-aos-delay='2250'] [data-aos], [data-aos][data-aos][data-aos-delay='2250'] { transition-delay: 0s; } body[data-aos-delay='2250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2250'].aos-animate { transition-delay: 2250ms; } body[data-aos-duration='2300'] [data-aos], [data-aos][data-aos][data-aos-duration='2300'] { transition-duration: 2300ms; } body[data-aos-delay='2300'] [data-aos], [data-aos][data-aos][data-aos-delay='2300'] { transition-delay: 0s; } body[data-aos-delay='2300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2300'].aos-animate { transition-delay: 2300ms; } body[data-aos-duration='2350'] [data-aos], [data-aos][data-aos][data-aos-duration='2350'] { transition-duration: 2350ms; } body[data-aos-delay='2350'] [data-aos], [data-aos][data-aos][data-aos-delay='2350'] { transition-delay: 0s; } body[data-aos-delay='2350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2350'].aos-animate { transition-delay: 2350ms; } body[data-aos-duration='2400'] [data-aos], [data-aos][data-aos][data-aos-duration='2400'] { transition-duration: 2400ms; } body[data-aos-delay='2400'] [data-aos], [data-aos][data-aos][data-aos-delay='2400'] { transition-delay: 0s; } body[data-aos-delay='2400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2400'].aos-animate { transition-delay: 2400ms; } body[data-aos-duration='2450'] [data-aos], [data-aos][data-aos][data-aos-duration='2450'] { transition-duration: 2450ms; } body[data-aos-delay='2450'] [data-aos], [data-aos][data-aos][data-aos-delay='2450'] { transition-delay: 0s; } body[data-aos-delay='2450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2450'].aos-animate { transition-delay: 2450ms; } body[data-aos-duration='2500'] [data-aos], [data-aos][data-aos][data-aos-duration='2500'] { transition-duration: 2500ms; } body[data-aos-delay='2500'] [data-aos], [data-aos][data-aos][data-aos-delay='2500'] { transition-delay: 0s; } body[data-aos-delay='2500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2500'].aos-animate { transition-delay: 2500ms; } body[data-aos-duration='2550'] [data-aos], [data-aos][data-aos][data-aos-duration='2550'] { transition-duration: 2550ms; } body[data-aos-delay='2550'] [data-aos], [data-aos][data-aos][data-aos-delay='2550'] { transition-delay: 0s; } body[data-aos-delay='2550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2550'].aos-animate { transition-delay: 2550ms; } body[data-aos-duration='2600'] [data-aos], [data-aos][data-aos][data-aos-duration='2600'] { transition-duration: 2600ms; } body[data-aos-delay='2600'] [data-aos], [data-aos][data-aos][data-aos-delay='2600'] { transition-delay: 0s; } body[data-aos-delay='2600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2600'].aos-animate { transition-delay: 2600ms; } body[data-aos-duration='2650'] [data-aos], [data-aos][data-aos][data-aos-duration='2650'] { transition-duration: 2650ms; } body[data-aos-delay='2650'] [data-aos], [data-aos][data-aos][data-aos-delay='2650'] { transition-delay: 0s; } body[data-aos-delay='2650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2650'].aos-animate { transition-delay: 2650ms; } body[data-aos-duration='2700'] [data-aos], [data-aos][data-aos][data-aos-duration='2700'] { transition-duration: 2700ms; } body[data-aos-delay='2700'] [data-aos], [data-aos][data-aos][data-aos-delay='2700'] { transition-delay: 0s; } body[data-aos-delay='2700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2700'].aos-animate { transition-delay: 2700ms; } body[data-aos-duration='2750'] [data-aos], [data-aos][data-aos][data-aos-duration='2750'] { transition-duration: 2750ms; } body[data-aos-delay='2750'] [data-aos], [data-aos][data-aos][data-aos-delay='2750'] { transition-delay: 0s; } body[data-aos-delay='2750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2750'].aos-animate { transition-delay: 2750ms; } body[data-aos-duration='2800'] [data-aos], [data-aos][data-aos][data-aos-duration='2800'] { transition-duration: 2800ms; } body[data-aos-delay='2800'] [data-aos], [data-aos][data-aos][data-aos-delay='2800'] { transition-delay: 0s; } body[data-aos-delay='2800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2800'].aos-animate { transition-delay: 2800ms; } body[data-aos-duration='2850'] [data-aos], [data-aos][data-aos][data-aos-duration='2850'] { transition-duration: 2850ms; } body[data-aos-delay='2850'] [data-aos], [data-aos][data-aos][data-aos-delay='2850'] { transition-delay: 0s; } body[data-aos-delay='2850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2850'].aos-animate { transition-delay: 2850ms; } body[data-aos-duration='2900'] [data-aos], [data-aos][data-aos][data-aos-duration='2900'] { transition-duration: 2900ms; } body[data-aos-delay='2900'] [data-aos], [data-aos][data-aos][data-aos-delay='2900'] { transition-delay: 0s; } body[data-aos-delay='2900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2900'].aos-animate { transition-delay: 2900ms; } body[data-aos-duration='2950'] [data-aos], [data-aos][data-aos][data-aos-duration='2950'] { transition-duration: 2950ms; } body[data-aos-delay='2950'] [data-aos], [data-aos][data-aos][data-aos-delay='2950'] { transition-delay: 0s; } body[data-aos-delay='2950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2950'].aos-animate { transition-delay: 2950ms; } body[data-aos-duration='3000'] [data-aos], [data-aos][data-aos][data-aos-duration='3000'] { transition-duration: 3000ms; } body[data-aos-delay='3000'] [data-aos], [data-aos][data-aos][data-aos-delay='3000'] { transition-delay: 0s; } body[data-aos-delay='3000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3000'].aos-animate { transition-delay: 3000ms; } body[data-aos-duration='3050'] [data-aos], [data-aos][data-aos][data-aos-duration='3050'] { transition-duration: 3050ms; } body[data-aos-delay='3050'] [data-aos], [data-aos][data-aos][data-aos-delay='3050'] { transition-delay: 0s; } body[data-aos-delay='3050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3050'].aos-animate { transition-delay: 3050ms; } body[data-aos-duration='3100'] [data-aos], [data-aos][data-aos][data-aos-duration='3100'] { transition-duration: 3100ms; } body[data-aos-delay='3100'] [data-aos], [data-aos][data-aos][data-aos-delay='3100'] { transition-delay: 0s; } body[data-aos-delay='3100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3100'].aos-animate { transition-delay: 3100ms; } body[data-aos-duration='3150'] [data-aos], [data-aos][data-aos][data-aos-duration='3150'] { transition-duration: 3150ms; } body[data-aos-delay='3150'] [data-aos], [data-aos][data-aos][data-aos-delay='3150'] { transition-delay: 0s; } body[data-aos-delay='3150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3150'].aos-animate { transition-delay: 3150ms; } body[data-aos-duration='3200'] [data-aos], [data-aos][data-aos][data-aos-duration='3200'] { transition-duration: 3200ms; } body[data-aos-delay='3200'] [data-aos], [data-aos][data-aos][data-aos-delay='3200'] { transition-delay: 0s; } body[data-aos-delay='3200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3200'].aos-animate { transition-delay: 3200ms; } body[data-aos-duration='3250'] [data-aos], [data-aos][data-aos][data-aos-duration='3250'] { transition-duration: 3250ms; } body[data-aos-delay='3250'] [data-aos], [data-aos][data-aos][data-aos-delay='3250'] { transition-delay: 0s; } body[data-aos-delay='3250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3250'].aos-animate { transition-delay: 3250ms; } body[data-aos-duration='3300'] [data-aos], [data-aos][data-aos][data-aos-duration='3300'] { transition-duration: 3300ms; } body[data-aos-delay='3300'] [data-aos], [data-aos][data-aos][data-aos-delay='3300'] { transition-delay: 0s; } body[data-aos-delay='3300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3300'].aos-animate { transition-delay: 3300ms; } body[data-aos-duration='3350'] [data-aos], [data-aos][data-aos][data-aos-duration='3350'] { transition-duration: 3350ms; } body[data-aos-delay='3350'] [data-aos], [data-aos][data-aos][data-aos-delay='3350'] { transition-delay: 0s; } body[data-aos-delay='3350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3350'].aos-animate { transition-delay: 3350ms; } body[data-aos-duration='3400'] [data-aos], [data-aos][data-aos][data-aos-duration='3400'] { transition-duration: 3400ms; } body[data-aos-delay='3400'] [data-aos], [data-aos][data-aos][data-aos-delay='3400'] { transition-delay: 0s; } body[data-aos-delay='3400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3400'].aos-animate { transition-delay: 3400ms; } body[data-aos-duration='3450'] [data-aos], [data-aos][data-aos][data-aos-duration='3450'] { transition-duration: 3450ms; } body[data-aos-delay='3450'] [data-aos], [data-aos][data-aos][data-aos-delay='3450'] { transition-delay: 0s; } body[data-aos-delay='3450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3450'].aos-animate { transition-delay: 3450ms; } body[data-aos-duration='3500'] [data-aos], [data-aos][data-aos][data-aos-duration='3500'] { transition-duration: 3500ms; } body[data-aos-delay='3500'] [data-aos], [data-aos][data-aos][data-aos-delay='3500'] { transition-delay: 0s; } body[data-aos-delay='3500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3500'].aos-animate { transition-delay: 3500ms; } body[data-aos-duration='3550'] [data-aos], [data-aos][data-aos][data-aos-duration='3550'] { transition-duration: 3550ms; } body[data-aos-delay='3550'] [data-aos], [data-aos][data-aos][data-aos-delay='3550'] { transition-delay: 0s; } body[data-aos-delay='3550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3550'].aos-animate { transition-delay: 3550ms; } body[data-aos-duration='3600'] [data-aos], [data-aos][data-aos][data-aos-duration='3600'] { transition-duration: 3600ms; } body[data-aos-delay='3600'] [data-aos], [data-aos][data-aos][data-aos-delay='3600'] { transition-delay: 0s; } body[data-aos-delay='3600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3600'].aos-animate { transition-delay: 3600ms; } body[data-aos-duration='3650'] [data-aos], [data-aos][data-aos][data-aos-duration='3650'] { transition-duration: 3650ms; } body[data-aos-delay='3650'] [data-aos], [data-aos][data-aos][data-aos-delay='3650'] { transition-delay: 0s; } body[data-aos-delay='3650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3650'].aos-animate { transition-delay: 3650ms; } body[data-aos-duration='3700'] [data-aos], [data-aos][data-aos][data-aos-duration='3700'] { transition-duration: 3700ms; } body[data-aos-delay='3700'] [data-aos], [data-aos][data-aos][data-aos-delay='3700'] { transition-delay: 0s; } body[data-aos-delay='3700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3700'].aos-animate { transition-delay: 3700ms; } body[data-aos-duration='3750'] [data-aos], [data-aos][data-aos][data-aos-duration='3750'] { transition-duration: 3750ms; } body[data-aos-delay='3750'] [data-aos], [data-aos][data-aos][data-aos-delay='3750'] { transition-delay: 0s; } body[data-aos-delay='3750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3750'].aos-animate { transition-delay: 3750ms; } body[data-aos-duration='3800'] [data-aos], [data-aos][data-aos][data-aos-duration='3800'] { transition-duration: 3800ms; } body[data-aos-delay='3800'] [data-aos], [data-aos][data-aos][data-aos-delay='3800'] { transition-delay: 0s; } body[data-aos-delay='3800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3800'].aos-animate { transition-delay: 3800ms; } body[data-aos-duration='3850'] [data-aos], [data-aos][data-aos][data-aos-duration='3850'] { transition-duration: 3850ms; } body[data-aos-delay='3850'] [data-aos], [data-aos][data-aos][data-aos-delay='3850'] { transition-delay: 0s; } body[data-aos-delay='3850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3850'].aos-animate { transition-delay: 3850ms; } body[data-aos-duration='3900'] [data-aos], [data-aos][data-aos][data-aos-duration='3900'] { transition-duration: 3900ms; } body[data-aos-delay='3900'] [data-aos], [data-aos][data-aos][data-aos-delay='3900'] { transition-delay: 0s; } body[data-aos-delay='3900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3900'].aos-animate { transition-delay: 3900ms; } body[data-aos-duration='3950'] [data-aos], [data-aos][data-aos][data-aos-duration='3950'] { transition-duration: 3950ms; } body[data-aos-delay='3950'] [data-aos], [data-aos][data-aos][data-aos-delay='3950'] { transition-delay: 0s; } body[data-aos-delay='3950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3950'].aos-animate { transition-delay: 3950ms; } body[data-aos-duration='4000'] [data-aos], [data-aos][data-aos][data-aos-duration='4000'] { transition-duration: 4000ms; } body[data-aos-delay='4000'] [data-aos], [data-aos][data-aos][data-aos-delay='4000'] { transition-delay: 0s; } body[data-aos-delay='4000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4000'].aos-animate { transition-delay: 4000ms; } body[data-aos-duration='4050'] [data-aos], [data-aos][data-aos][data-aos-duration='4050'] { transition-duration: 4050ms; } body[data-aos-delay='4050'] [data-aos], [data-aos][data-aos][data-aos-delay='4050'] { transition-delay: 0s; } body[data-aos-delay='4050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4050'].aos-animate { transition-delay: 4050ms; } body[data-aos-duration='4100'] [data-aos], [data-aos][data-aos][data-aos-duration='4100'] { transition-duration: 4100ms; } body[data-aos-delay='4100'] [data-aos], [data-aos][data-aos][data-aos-delay='4100'] { transition-delay: 0s; } body[data-aos-delay='4100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4100'].aos-animate { transition-delay: 4100ms; } body[data-aos-duration='4150'] [data-aos], [data-aos][data-aos][data-aos-duration='4150'] { transition-duration: 4150ms; } body[data-aos-delay='4150'] [data-aos], [data-aos][data-aos][data-aos-delay='4150'] { transition-delay: 0s; } body[data-aos-delay='4150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4150'].aos-animate { transition-delay: 4150ms; } body[data-aos-duration='4200'] [data-aos], [data-aos][data-aos][data-aos-duration='4200'] { transition-duration: 4200ms; } body[data-aos-delay='4200'] [data-aos], [data-aos][data-aos][data-aos-delay='4200'] { transition-delay: 0s; } body[data-aos-delay='4200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4200'].aos-animate { transition-delay: 4200ms; } body[data-aos-duration='4250'] [data-aos], [data-aos][data-aos][data-aos-duration='4250'] { transition-duration: 4250ms; } body[data-aos-delay='4250'] [data-aos], [data-aos][data-aos][data-aos-delay='4250'] { transition-delay: 0s; } body[data-aos-delay='4250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4250'].aos-animate { transition-delay: 4250ms; } body[data-aos-duration='4300'] [data-aos], [data-aos][data-aos][data-aos-duration='4300'] { transition-duration: 4300ms; } body[data-aos-delay='4300'] [data-aos], [data-aos][data-aos][data-aos-delay='4300'] { transition-delay: 0s; } body[data-aos-delay='4300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4300'].aos-animate { transition-delay: 4300ms; } body[data-aos-duration='4350'] [data-aos], [data-aos][data-aos][data-aos-duration='4350'] { transition-duration: 4350ms; } body[data-aos-delay='4350'] [data-aos], [data-aos][data-aos][data-aos-delay='4350'] { transition-delay: 0s; } body[data-aos-delay='4350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4350'].aos-animate { transition-delay: 4350ms; } body[data-aos-duration='4400'] [data-aos], [data-aos][data-aos][data-aos-duration='4400'] { transition-duration: 4400ms; } body[data-aos-delay='4400'] [data-aos], [data-aos][data-aos][data-aos-delay='4400'] { transition-delay: 0s; } body[data-aos-delay='4400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4400'].aos-animate { transition-delay: 4400ms; } body[data-aos-duration='4450'] [data-aos], [data-aos][data-aos][data-aos-duration='4450'] { transition-duration: 4450ms; } body[data-aos-delay='4450'] [data-aos], [data-aos][data-aos][data-aos-delay='4450'] { transition-delay: 0s; } body[data-aos-delay='4450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4450'].aos-animate { transition-delay: 4450ms; } body[data-aos-duration='4500'] [data-aos], [data-aos][data-aos][data-aos-duration='4500'] { transition-duration: 4500ms; } body[data-aos-delay='4500'] [data-aos], [data-aos][data-aos][data-aos-delay='4500'] { transition-delay: 0s; } body[data-aos-delay='4500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4500'].aos-animate { transition-delay: 4500ms; } body[data-aos-duration='4550'] [data-aos], [data-aos][data-aos][data-aos-duration='4550'] { transition-duration: 4550ms; } body[data-aos-delay='4550'] [data-aos], [data-aos][data-aos][data-aos-delay='4550'] { transition-delay: 0s; } body[data-aos-delay='4550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4550'].aos-animate { transition-delay: 4550ms; } body[data-aos-duration='4600'] [data-aos], [data-aos][data-aos][data-aos-duration='4600'] { transition-duration: 4600ms; } body[data-aos-delay='4600'] [data-aos], [data-aos][data-aos][data-aos-delay='4600'] { transition-delay: 0s; } body[data-aos-delay='4600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4600'].aos-animate { transition-delay: 4600ms; } body[data-aos-duration='4650'] [data-aos], [data-aos][data-aos][data-aos-duration='4650'] { transition-duration: 4650ms; } body[data-aos-delay='4650'] [data-aos], [data-aos][data-aos][data-aos-delay='4650'] { transition-delay: 0s; } body[data-aos-delay='4650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4650'].aos-animate { transition-delay: 4650ms; } body[data-aos-duration='4700'] [data-aos], [data-aos][data-aos][data-aos-duration='4700'] { transition-duration: 4700ms; } body[data-aos-delay='4700'] [data-aos], [data-aos][data-aos][data-aos-delay='4700'] { transition-delay: 0s; } body[data-aos-delay='4700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4700'].aos-animate { transition-delay: 4700ms; } body[data-aos-duration='4750'] [data-aos], [data-aos][data-aos][data-aos-duration='4750'] { transition-duration: 4750ms; } body[data-aos-delay='4750'] [data-aos], [data-aos][data-aos][data-aos-delay='4750'] { transition-delay: 0s; } body[data-aos-delay='4750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4750'].aos-animate { transition-delay: 4750ms; } body[data-aos-duration='4800'] [data-aos], [data-aos][data-aos][data-aos-duration='4800'] { transition-duration: 4800ms; } body[data-aos-delay='4800'] [data-aos], [data-aos][data-aos][data-aos-delay='4800'] { transition-delay: 0s; } body[data-aos-delay='4800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4800'].aos-animate { transition-delay: 4800ms; } body[data-aos-duration='4850'] [data-aos], [data-aos][data-aos][data-aos-duration='4850'] { transition-duration: 4850ms; } body[data-aos-delay='4850'] [data-aos], [data-aos][data-aos][data-aos-delay='4850'] { transition-delay: 0s; } body[data-aos-delay='4850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4850'].aos-animate { transition-delay: 4850ms; } body[data-aos-duration='4900'] [data-aos], [data-aos][data-aos][data-aos-duration='4900'] { transition-duration: 4900ms; } body[data-aos-delay='4900'] [data-aos], [data-aos][data-aos][data-aos-delay='4900'] { transition-delay: 0s; } body[data-aos-delay='4900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4900'].aos-animate { transition-delay: 4900ms; } body[data-aos-duration='4950'] [data-aos], [data-aos][data-aos][data-aos-duration='4950'] { transition-duration: 4950ms; } body[data-aos-delay='4950'] [data-aos], [data-aos][data-aos][data-aos-delay='4950'] { transition-delay: 0s; } body[data-aos-delay='4950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='4950'].aos-animate { transition-delay: 4950ms; } body[data-aos-duration='5000'] [data-aos], [data-aos][data-aos][data-aos-duration='5000'] { transition-duration: 5000ms; } body[data-aos-delay='5000'] [data-aos], [data-aos][data-aos][data-aos-delay='5000'] { transition-delay: 0s; } body[data-aos-delay='5000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='5000'].aos-animate { transition-delay: 5000ms; } [data-aos] { pointer-events: none; } [data-aos].aos-animate { pointer-events: auto; } /** * Helper classes */ /* Disable lightbox when draggin carousel */ .wvc-disabled { pointer-events: none !important; } /* Hide element */ .wvc-hide { display: none !important; } .wvc-hidden, .wvc-display-print { display: none; height: 0; visibility: hidden; } .wvc-mobile-show { display: none; } .wvc-is-mobile .wvc-mobile-show { display: block; } .wvc-is-mobile .wvc-mobile-hide { display: none; } /* Table style element */ .wvc-table { display: table; width: 100%; height: 100%; } .wvc-table-cell { display: table-cell; vertical-align: middle; } /* Text alignement */ .wvc-text-left { text-align: left !important; } .wvc-text-center { text-align: center !important; } .wvc-text-right { text-align: right !important; } @media screen and (max-width: 800px) { .wvc-mobile-text-center, .wvc-mobile-text-align-center { text-align: center !important; } .wvc-mobile-text-center *, .wvc-mobile-text-align-center * { text-align: center !important; } .wvc-mobile-center, .wvc-mobile-align-center { margin: 0 auto !important; } } /* Content alignement */ .wvc-align-left { margin-left: 0; margin-right: auto; } .wvc-align-right { margin-right: 0; margin-left: auto; } .wvc-align-center { margin: 0 auto; } /* Font */ .wvc-font-bold { font-weight: bold !important; font-weight: 700 !important; } /* Overflow */ .wvc-overflow-hidden { overflow: hidden; } /* Simple button */ .wvc-simple-button { color: #fff !important; padding: 1em 1.2em; line-height: 1; border: 1px solid #fff; display: inline-block; transition: .25s; } .wvc-simple-button:hover { background: #FFF; color: #333 !important; } /* Backgrounds */ .wvc-img-bg { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; } .wvc-img-bg-color { display: inline-block; } .wvc-img-bg-overlay { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; } .wvc-img-cover { object-fit: cover; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100% !important; z-index: 0; font-family: "object-fit: cover;"; } .wvc-compat-cover { background-size: cover; background-position: center center; background-repeat: no-repeat; } .wvc-compat-cover .wvc-img-cover { opacity: 0; } .wvc-img-contain { object-fit: contain; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100% !important; z-index: 0; font-family: "object-fit: contain;"; } .wvc-compat-contain { background-size: contain; background-position: center center; background-repeat: no-repeat; } .wvc-compat-contain .wvc-img-contain { opacity: 0; } /* Cover sizes */ .wvc-cover-landscape, .wvc-cover-square, .wvc-cover-portrait { position: relative; display: block; width: 100%; } .wvc-cover-landscape:before, .wvc-cover-square:before, .wvc-cover-portrait:before { content: ' '; position: absolute; height: 100%; width: 100%; pointer-events: none; } .wvc-cover-landscape { padding-bottom: 50%; } .wvc-cover-square { padding-bottom: 100%; } .wvc-cover-portrait { padding-bottom: 150%; } /* Contain floats */ .wvc-clearfix, .wvc-countdown, .wvc-clear { zoom: 1; } .wvc-clearfix:before, .wvc-countdown:before, .wvc-clearfix:after, .wvc-countdown:after, .wvc-clear:before, .wvc-clear:after { content: ""; display: table; } .wvc-clearfix:after, .wvc-countdown:after, .wvc-clear:after { clear: both; } .wvc-big-text { font-size: 1.5em; } /* Overlay */ .wvc-bg-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } .wvc-video-parallax { display: block; z-index: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; } .wvc-video-parallax img:not(.wvc-img-cover) { display: none !important; } .wvc-video-parallax .wvc-img-cover { z-index: -101; } .wvc-parallax { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .padding-bottom-50 { padding-bottom: 50px; } .wvc-modal-window-open { cursor: pointer; } /** * Video background */ .wvc-video-bg-container { display: block; z-index: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; } .wvc-video-bg-container embed, .wvc-video-bg-container iframe, .wvc-video-bg-container object, .wvc-video-bg-container video { max-width: none !important; } .wvc-youtube-bg, .wvc-video-bg, .wvc-vimeo-bg { object-fit: cover; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; } .wvc-video-bg-overlay { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; } .wvc-video-bg-fallback { z-index: 0; } .wvc-video-bg-container { background: #0d0d0d; } /* Video background control */ .wvc-youtube-player { opacity: 0; transition: opacity ease 2s; transition-delay: 1s; } .wvc-youtube-player.wvc-youtube-player-is-loaded { opacity: 1; } .wvc-is-mobile .wvc-video-bg-container iframe { display: none; } .wvc-yt-video-bg-play, .wvc-yt-video-bg-pause { display: block; position: absolute; bottom: 15px; right: 15px; width: 30px; height: 30px; background: #000; cursor: pointer; height: 0; visibility: hidden; opacity: 0; } .wvc-yt-video-bg-pause { background: #0d0d0d; right: 55px; } /** * Fluid videos */ /* Fluid video */ .wvc-fluid-video { display: block; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .wvc-fluid-video iframe, .wvc-fluid-video embed, .wvc-fluid-video object, .wvc-fluid-video video { width: 100% !important; height: 100% !important; position: absolute !important; top: 0; left: 0; } /* Make video shortcode responsive without JS */ .wvc-video-shortcode-container .wp-video, .wvc-video-shortcode-container video.wp-video-shortcode, .wvc-video-shortcode-container .mejs-container, .wvc-video-shortcode-container .mejs-poster, .wvc-video-shortcode-container .mejs-overlay.load, .wvc-vs-big-video-inner .wp-video, .wvc-vs-big-video-inner video.wp-video-shortcode, .wvc-vs-big-video-inner .mejs-container, .wvc-vs-big-video-inner .mejs-poster, .wvc-vs-big-video-inner .mejs-overlay.load { width: 100% !important; } .wvc-video-shortcode-container .mejs-poster, .wvc-vs-big-video-inner .mejs-poster { height: 100% !important; } .wvc-video-shortcode-container video.wp-video-shortcode, .wvc-video-shortcode-container .mejs-layer, .wvc-vs-big-video-inner video.wp-video-shortcode, .wvc-vs-big-video-inner .mejs-layer { height: auto; } .wvc-video-shortcode-container .mejs-container, .wvc-vs-big-video-inner .mejs-container { height: auto !important; padding-top: 56.25%; } .wvc-video-shortcode-container .wp-video, .wvc-video-shortcode-container video.wp-video-shortcode, .wvc-vs-big-video-inner .wp-video, .wvc-vs-big-video-inner video.wp-video-shortcode { max-width: 100% !important; } .wvc-video-shortcode-container video.wp-video-shortcode, .wvc-vs-big-video-inner video.wp-video-shortcode { position: relative; } .wvc-video-shortcode-container .mejs-mediaelement, .wvc-vs-big-video-inner .mejs-mediaelement { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .wvc-video-shortcode-container .mejs-overlay-play, .wvc-vs-big-video-inner .mejs-overlay-play { top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; } .wvc-video-shortcode-container .mejs-overlay-loading, .wvc-vs-big-video-inner .mejs-overlay-loading { display: none; } /** * Slideshow background */ .wvc-section-slideshow-background { background: #333; display: block; z-index: -1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; } .wvc-section-slideshow-background .flex-viewport { height: 100%; } .wvc-section-slideshow-background .slides { display: block; width: 100%; height: 100%; } .wvc-section-slideshow-background .slides li { display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } /** * Section */ /* Gobal */ .wvc-section { position: relative; background-attachment: scroll; background-repeat: no-repeat; background-position: center center; overflow: hidden; width: 100%; padding: 80px 0; } .wvc-section-bg-video-parallax, .wvc-section-bg-effect-parallax, .wvc-section-bg-transparent, .wvc-section-bg-slideshow { background-color: transparent !important; background: none !important; } .wvc-section-bg-video-parallax .wvc-img-bg, .wvc-section-bg-effect-parallax .wvc-img-bg, .wvc-section-bg-transparent .wvc-img-bg, .wvc-section-bg-slideshow .wvc-img-bg { opacity: 0; } .wvc-section-parallax { background-color: transparent !important; background: none !important; } .wvc-section-full-height { min-height: 100vh; } .wvc-section .wvc-row { margin-bottom: 30px; } .wvc-section .wvc-row:last-child { margin-bottom: 0; } /** * Row */ /* Gobal */ .wvc-row { width: 100%; max-width: 100vw; position: relative; background-attachment: scroll; background-repeat: no-repeat; background-position: center center; padding: 80px 0; } .wvc-row-is-fullwidth { padding: 0; } .wvc-row-is-large { padding: 50px 0; } .wvc-row-bg-video-parallax, .wvc-row-bg-effect-parallax, .wvc-row-bg-transparent, .wvc-row-bg-slideshow { background-color: transparent !important; background: none !important; } .wvc-row-bg-effect-blur { overflow: hidden; } .wvc-row-bg-effect-blur > .wvc-img-bg { filter: blur(6px); transform: scale(1.05); } .wvc-row-bg-effect-blur.fp-section > .fp-tableCell > .wvc-img-bg { filter: blur(6px); transform: scale(1.05); } .wvc-column-bg-effect-blur { overflow: hidden; } .wvc-column-bg-effect-blur > .wvc-img-bg { filter: blur(6px); transform: scale(1.05); } .wvc-row-bg-effect-marquee .wvc-img-bg, .wvc-column-bg-effect-marquee .wvc-img-bg { overflow: visible; animation-name: marquee-background; animation-duration: 44s; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 0s; display: flex; align-items: center; } .wvc-row-bg-effect-marquee .wvc-img-bg img, .wvc-column-bg-effect-marquee .wvc-img-bg img { max-width: none; width: auto; vertical-align: middle; } .wvc-row-bg-effect-marquee.wvc-row-bg-marquee-stretch .wvc-img-bg img, .wvc-column-bg-effect-marquee.wvc-row-bg-marquee-stretch .wvc-img-bg img { min-height: 100%; } .wvc-row-bg-effect-marquee.wvc-row-bg-marquee-top .wvc-img-bg, .wvc-column-bg-effect-marquee.wvc-row-bg-marquee-top .wvc-img-bg { align-items: flex-start; } .wvc-row-bg-effect-marquee.wvc-row-bg-marquee-middle .wvc-img-bg, .wvc-column-bg-effect-marquee.wvc-row-bg-marquee-middle .wvc-img-bg { align-items: center; } .wvc-row-bg-effect-marquee.wvc-row-bg-marquee-bottom .wvc-img-bg, .wvc-column-bg-effect-marquee.wvc-row-bg-marquee-bottom .wvc-img-bg { align-items: flex-end; } .wvc-row-bigtext-marquee .wvc-row-bigtext-content { overflow: visible; } .wvc-row-bigtext-marquee .wvc-element { width: 100vh; animation-name: marquee1; animation-duration: 33s; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 0s; } .wvc-row-bigtext-marquee .wvc-element:last-child { animation-name: marquee2; padding-left: 50px; } @keyframes marquee-background { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-100%, 0, 0); } } @keyframes marquee1 { from { transform: translateX(100%); } to { transform: translateX(-100%); } } @keyframes marquee2 { from { transform: translate3d(0, -100%, 0); } to { transform: translate3d(-200%, -100%, 0); } } .wvc-row-bg-transparent > .wvc-img-bg, .wvc-row-bg-slideshow > .wvc-img-bg { opacity: 0; } .wvc-background-color-transparent { background-color: transparent !important; } .wvc-background-color-transparent > .wvc-img-bg { background-color: transparent !important; } .wvc-background-color-transparent.wvc-row-bg-effect-marquee > .wvc-img-bg { background-color: transparent !important; } .wvc-row-full-height { min-height: 100vh; } .wvc-row-wrapper { position: relative; } .wvc-is-apple .wvc-row-full-height.wvc-row-layout-block .wvc-img-bg-overlay { height: 100vh; } .wvc-is-apple .wvc-row-full-height.wvc-row-layout-block .wvc-row-wrapper { overflow: hidden; } /* Box shadow */ .wvc-row-box-shadow { padding-bottom: 80px !important; } .wvc-row-box-shadow .wvc-row-wrapper { box-shadow: 0px 15px 44px 0 rgba(0, 0, 0, 0.14); } /* Boxed row width */ .wvc-row-width-boxed, .wvc-row-width-boxed-large, .wvc-row-width-boxed-small { padding: 0; } .wvc-row-width-boxed .wvc-row-wrapper, .wvc-row-width-boxed-large .wvc-row-wrapper, .wvc-row-width-boxed-small .wvc-row-wrapper { width: 92%; margin: 0 auto; max-width: 1140px; padding: 35px; } .wvc-row-width-boxed-large .wvc-row-wrapper { max-width: none; } .wvc-row-width-boxed-small .wvc-row-wrapper { max-width: 750px; } /* Row content width */ .wvc-row-wrapper-width-full { width: 100%; } .wvc-row-wrapper-width-standard { width: 92%; margin: 0 auto; max-width: 1140px; } .wvc-row-wrapper-width-small { width: 92%; margin: 0 auto; max-width: 1140px; max-width: 750px; } .wvc-row-wrapper-width-large { width: 92%; margin: 0 auto; max-width: 1140px; width: 92%; max-width: none; } /* No padding for block layout by default */ .wvc-row-layout-block { padding-top: 0; padding-bottom: 0; padding-right: 0; padding-left: 0; } .wvc-row-layout-block .wvc-row-wrapper { width: 100%; align-self: stretch; } .wvc-row-layout-block .wvc-columns-container { width: 100%; align-self: stretch; } .wvc-row-layout-block .wvc-column-container { height: 100%; align-self: stretch; } .wvc-row-layout-block .wvc-column-inner { align-self: center; } .wvc-row-layout-block.wvc-no-equal-height .wvc-column { align-self: flex-start; height: auto; } .wvc-row-layout-block.wvc-no-equal-height .wvc-column-container { height: auto; } .wvc-row-layout-block.wvc-no-equal-height .wvc-row-wrapper { align-self: flex-start; } .wvc-row-layout-block.wvc-no-equal-height .wvc-row-content { align-items: flex-start; } .wvc-row-layout-block.wvc-no-equal-height .wvc-column-container { align-self: flex-start; } /* Equal height */ .wvc-row-column-equal-height-yes .wvc-row-content { align-items: stretch; } /* Equal height wide */ .wvc-row-width-wide .wvc-row-column-equal-height-yes { align-self: stretch; } .wvc-row { align-items: center; } .wvc-row-content { align-items: flex-start; } .wvc-row-content { display: table; width: 100%; height: 100%; } .wvc-columns-container { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } /* Full height & min height CONTENT position */ .wvc-row-full-height, .wvc-row-min-height { display: flex; } .wvc-row-full-height .wvc-column, .wvc-row-min-height .wvc-column { align-self: center; } .wvc-row-full-height.wvc-row-inner, .wvc-row-min-height.wvc-row-inner { align-items: center; } .wvc-row-full-height > .wvc-row-wrapper, .wvc-row-min-height > .wvc-row-wrapper { align-self: stretch; } .wvc-row-full-height .wvc-row-column-equal-height-yes .wvc-row-wrapper, .wvc-row-full-height .wvc-row-column-equal-height-yes.wvc-row-wrapper, .wvc-row-min-height .wvc-row-column-equal-height-yes .wvc-row-wrapper, .wvc-row-min-height .wvc-row-column-equal-height-yes.wvc-row-wrapper { align-self: stretch; } .wvc-row-full-height.wvc-row-columns-placement-middle .wvc-row-wrapper, .wvc-row-min-height.wvc-row-columns-placement-middle .wvc-row-wrapper { align-self: center; } .wvc-row-full-height.wvc-row-columns-placement-top .wvc-row-wrapper, .wvc-row-min-height.wvc-row-columns-placement-top .wvc-row-wrapper { align-self: flex-start; } .wvc-row-full-height.wvc-row-columns-placement-bottom .wvc-row-wrapper, .wvc-row-min-height.wvc-row-columns-placement-bottom .wvc-row-wrapper { align-self: flex-end; } .wvc-row-full-height.wvc-row-columns-placement-stretch .wvc-row-wrapper, .wvc-row-min-height.wvc-row-columns-placement-stretch .wvc-row-wrapper { align-self: stretch; } .fp-section.wvc-row-columns-placement-middle .wvc-row-wrapper { align-self: center !important; } .fp-section.wvc-row-columns-placement-top .wvc-row-wrapper { align-self: flex-start !important; } .fp-section.wvc-row-columns-placement-bottom .wvc-row-wrapper { align-self: flex-end !important; } .fp-section.wvc-row-columns-placement-stretch .wvc-row-wrapper { align-self: stretch !important; } /* COLUMN CONTENT placement default setting that can be overwritten on each column */ .wvc-row-content-placement-top .wvc-row-content .wvc-column-inner { align-self: flex-start; } .wvc-row-content-placement-middle .wvc-row-content .wvc-column-inner { align-self: center; } .wvc-row-content-placement-bottom .wvc-row-content .wvc-column-inner { align-self: flex-end; } /* Scroll down arrow */ .wvc-arrow-down { position: absolute; bottom: 10px; left: 50%; margin-left: -6px; z-index: 5; transition: all .2s; cursor: pointer; } .wvc-arrow-down:before { font-size: 24px; font-family: FontAwesome; content: "\f107"; } .wvc-arrow-down.wvc-arrow-down-alignement-left { left: 44px; right: auto; } .wvc-arrow-down.wvc-arrow-down-alignement-right { left: auto; right: 44px; } .wvc-row-has-sticky-player .wvc-arrow-down { bottom: 60px; } .wvc-arrow-down-text { text-align: center; position: absolute; display: inline-block; opacity: 0; top: -30px; left: 50%; transition: .44s ease; transform: translateX(-50%); width: 250px; } .wvc-arrow-down:hover .wvc-arrow-down-text { top: -35px; opacity: 1; } .wvc-no-next-section .wvc-arrow-down { display: none !important; height: 0; visibility: hidden; } .wvc-row-sticky-player-container .wpm-sticky-playlist-container { position: absolute; } /* One column parent row */ .wvc-row-one-column > .wvc-row-wrapper > .wvc-row-content { width: 100% !important; margin-left: 0 !important; } /* Big Text Background */ .wvc-row-bigtext-container { display: block; z-index: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; text-align: center; } .wvc-row-bigtext-container .wvc-element { margin: 0 auto 0; } .wvc-row-bigtext-container .wvc-bigtext { user-select: none; cursor: default; max-width: none !important; } .wvc-row-bigtext-content { width: 100%; height: auto; max-width: 2000px; min-width: 1000px; position: absolute; transform: translate3d(-50%, -50%, 0); left: 50%; top: 50%; } .wvc-row-big-text-vertical-align-top .wvc-row-bigtext-content { top: 0; transform: translate3d(-50%, 0, 0); } .wvc-row-big-text-vertical-align-bottom .wvc-row-bigtext-content { bottom: 0; top: auto; transform: translate3d(-50%, 0, 0); } /* YT video bg mute button */ .wvc-row-video-bg-mute-button-container { position: absolute; left: 25px; bottom: 25px; z-index: 9999; } .wvc-row-video-bg-mute-button { cursor: pointer; } .wvc-row-video-bg-mute-default { display: block; width: 50px; height: 50px; background: #000; } .wvc-row-has-sticky-player .wvc-row-video-bg-mute-button-container { bottom: 100px; } /* Volume "Equalizer" */ .wvc-bg-video-mute-equalizer { overflow: hidden; height: 50px; width: 50px; margin: 0 auto; position: relative; border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 9999em; transition: all .2s ease; } .wvc-bg-video-mute-equalizer-bar { height: 6px; width: 3px; display: inline-block; background-color: #fff; bottom: 0; bottom: 13px; top: auto; position: absolute; animation-duration: .44s; animation-play-state: running; animation-direction: alternate; animation-timing-function: linear; animation-iteration-count: infinite; } .wvc-bg-video-mute-equalizer-bar-1 { left: 12px; } .wvc-bg-video-mute-equalizer-bar-2 { left: 19px; } .wvc-bg-video-mute-equalizer-bar-3 { left: 26px; } .wvc-bg-video-mute-equalizer-bar-4 { left: 33px; } .wvc-bg-video-mute-equalizer-bar-1 { animation-name: moveHeight1; animation-delay: .1s; } .wvc-bg-video-mute-equalizer-bar-2 { animation-name: moveHeight3; animation-delay: .2s; } .wvc-bg-video-mute-equalizer-bar-3 { animation-name: moveHeight4; animation-delay: .3s; } .wvc-bg-video-mute-equalizer-bar-4 { animation-name: moveHeight2; animation-delay: .4s; } .wvc-video-bg-is-unmute .wvc-bg-video-mute-equalizer { border-color: rgba(255, 255, 255, 0.8); } @keyframes moveHeight1 { from { height: 1px; } to { height: 22px; } } @keyframes moveHeight2 { from { height: 1px; } to { height: 15px; } } @keyframes moveHeight3 { from { height: 1px; } to { height: 17px; } } @keyframes moveHeight4 { from { height: 1px; } to { height: 24px; } } .wvc-is-mobile .wvc-bg-video-mute-equalizer { display: none; } /*Shape divider */ .wvc-shape-divider { position: absolute; width: 100%; left: 0; height: 25%; pointer-events: none; } .wvc-shape-divider svg { width: 100%; height: 100%; left: 50%; position: absolute; transform: translatex(-50%); } .wvc-sd-preserve-ratio svg { width: auto; } .wvc-sd-svg-flip { transform: rotateZ(180deg) translatex(-50%); } .wvc-sd-flip { transform: scaleX(-1) translateZ(0) !important; } .wvc-sd-invert { transform: translatex(-50%) scaley(-1); } .wvc-sd-position-top { top: -1px; transform: rotate(-180deg); } .wvc-sd-position-top img, .wvc-sd-position-top svg { top: 1px; } .wvc-sd-position-bottom { bottom: -1px; } .wvc-sd-position-bottom img, .wvc-sd-position-bottom svg { bottom: -1px; } .wvc-sd-type-custom { background-repeat: repeat-x; } .wvc-sd-type-custom .wvc-sd-position-top { background-position: center top; } .wvc-sd-type-custom .wvc-sd-position-bottom { background-position: center bottom; } .wvc-row-inner-wrapper { position: relative; width: 100%; } .wvc-row-inner-wrapper-width-standard { max-width: 1140px; margin: 0 auto; } .wvc-row-inner-wrapper-width-small { max-width: 750px; margin: 0 auto; } .wvc-row-inner-content { width: 100%; } /* Inner row default bottom margin */ .wvc-row-inner { position: relative; padding-bottom: 35px; } .wvc-row .wvc-row-inner:last-child { padding-bottom: 0; } .wvc-row-inner-column-equal-height-yes .wvc-row-inner-content { align-items: stretch; } .wvc-row-inner-column-equal-height-yes .wvc-row-inner-content .wvc-column { align-self: center; } .wvc-row-inner-column-equal-height-yes .wvc-row-inner-content .wvc-column-container { height: 100%; } html.fp-enabled, .fp-enabled body { margin: 0; padding: 0; overflow: hidden; /*Avoid flicker on slides transitions for mobile phones #336 */ -webkit-tap-highlight-color: transparent; } .fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; } .fp-slide { float: left; } .fp-slide, .fp-slidesContainer { height: 100%; display: block; } .fp-slides { z-index: 1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; } .fp-section.fp-table, .fp-slide.fp-table { width: 100%; } .fp-tableCell { width: 100%; height: 100%; height: auto !important; position: relative; } .fp-tableCell .wvc-img-bg > img { opacity: 1 !important; } .fp-scrollable { overflow: hidden; position: relative; width: 100%; } .fp-scroller { overflow: hidden; } .iScrollIndicator { border: 0 !important; } .fp-notransition { -webkit-transition: none !important; transition: none !important; } .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto !important; } .fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto !important; } html:not(.wvc-touch) body.wvc-fullpage { height: 100vh !important; } html:not(.wvc-touch) body.wvc-fullpage #colophon, html:not(.wvc-touch) body.wvc-fullpage .site-infos { display: none; } .wvc-fullpage { background: #333; } .fullpage-wrapper { background: #333; height: 100vh !important; width: 100%; position: absolute; position: fixed !important; top: 0; left: 0; } .wvc-scroll-lock { padding: 0 !important; position: fixed; top: 0; margin-top: 10000px; visibility: hidden; width: 100%; overflow: hidden; display: flex; } .wvc-scroll-lock .wvc-row-wrapper { padding: 100px 0; } .wvc-scroll-lock.wvc-scroll-active { visibility: visible; margin-top: 0; } /*body:not(.wvc-is-firefox) { .wvc-scroll-lock{ -webkit-backface-visibility: hidden !important; -webkit-transform: translateZ(0) !important; } }*/ .wvc-row-layout-block .wvc-row-wrapper, .wvc-fp-section-has-fullwidth-revslider .wvc-row-wrapper { padding-top: 0 !important; padding-bottom: 0 !important; } .wvc-fp-nav-next { cursor: pointer; } .admin-bar .wvc-scroll-lock { top: 32px; } .fp-tableCell { display: flex; align-items: center; align-self: stretch; } @keyframes opacityIn { from { opacity: 0; } to { opacity: 1; } } @keyframes opacityOut { from { opacity: 1; } to { opacity: 0; } } @keyframes scaleDown { from { /*opacity: 1; */ transform: translateY(0); } to { /*opacity: 0; */ transform: scale(0.85); } } @keyframes moveslideup { from { /*opacity: 1; */ transform: translateY(0); } to { /*opacity: .8; */ transform: translateY(100%); } } @keyframes moveslidedown { from { /*opacity: 1; */ transform: translateY(0); } to { /*opacity: .8; */ transform: translateY(-100%); } } @keyframes moveparallaxup { from { /*opacity: 1; */ transform: translateY(0); } to { /*opacity: .8; */ transform: translateY(70%); } } @keyframes moveparallaxdown { from { /*opacity: 1; */ transform: translateY(0); } to { /*opacity: .8; */ transform: translateY(-70%); } } @keyframes movecurtainup { from { /*opacity: 1; */ transform: translateY(0); } to { /*opacity: .8; */ transform: translateY(5%); } } @keyframes movecurtaindown { from { /*opacity: 1; */ transform: translateY(0); } to { /*opacity: .8; */ transform: translateY(-5%); } } @keyframes moveFromBottom { from { /*opacity: 1; */ transform: translateY(100%); } to { /*opacity: 1; */ } } @keyframes moveFromTop { from { /*opacity: 1; */ transform: translateY(-100%); } } @keyframes moveFromBottomInner { from { /*opacity: 1; */ transform: translateY(-50%); } } @keyframes moveFromTopInner { from { /*opacity: 1; */ transform: translateY(50%); } } @keyframes moveFromBottomtrid { 25% { transform: scale(0.8); } 50%, 100% { transform: translateY(-100%) scale(0.8); } } @keyframes moveFromToptrid { 25% { transform: scale(0.8); } 50%, 100% { transform: translateY(100%) scale(0.8); } } @keyframes moveFromBottomtridIn { 0%, 25% { transform: scale(0.8) translateY(125%); } 50% { transform: scale(0.8) translateY(0); } 75%, 100% { transform: scale(1); } } @keyframes moveFromToptridIn { 0%, 25% { transform: scale(0.8) translateY(-125%); } 50% { transform: scale(0.8) translateY(0); } 75%, 100% { transform: scale(1); } } @media screen and (max-width: 782px) { .admin-bar .wvc-scroll-lock { top: 46px; } } /** * Column */ .wvc-column-bg-video-parallax, .wvc-column-bg-effect-parallax, .wvc-column-bg-transparent, .wvc-column-bg-slideshow { background-color: transparent !important; background: none !important; } .wvc-column-inner { width: 100%; position: relative; z-index: 5; } .wvc-column-link-mask { display: block; position: absolute; z-index: 6; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; } .wvc-column { position: static !important; width: 100%; } .wvc-column-container { z-index: 0; position: relative; display: flex; width: 100%; } .wvc-column-wrapper { width: 100%; margin: 0 auto; } /* Default padding when background is there */ .wvc-column-has-fill { padding: 35px; } /* Box shadow style */ .wvc-column-style-box-shadow { padding: 30px; box-shadow: 0px 15px 33px 0 rgba(0, 0, 0, 0.14); } /* Boxed style */ .wvc-column-style-boxed { padding: 30px; transition: all .3s ease; transform: translateY(0); } .wvc-column-style-boxed:hover { transform: translateY(-4px); } /* Alignment */ .wvc-column-content-alignment-left .wvc-column-wrapper { margin-left: 0; } .wvc-column-content-alignment-right .wvc-column-wrapper { margin-right: 0; } /* Text Alignment */ .wvc-column-text-alignment-left { text-align: left; } .wvc-column-text-alignment-center { text-align: center; } .wvc-column-text-alignment-right { text-align: right; } /* Column content placement */ .wvc-row-column-equal-height- .wvc-column-content-placement-top, .wvc-row-column-equal-height-no .wvc-column-content-placement-top { align-self: flex-start; } .wvc-row-column-equal-height- .wvc-column-content-placement-middle, .wvc-row-column-equal-height-no .wvc-column-content-placement-middle { align-self: center; } .wvc-row-column-equal-height- .wvc-column-content-placement-bottom, .wvc-row-column-equal-height-no .wvc-column-content-placement-bottom { align-self: flex-end; } .wvc-row-column-equal-height-yes .wvc-column-content-placement-top .wvc-column-inner, .wvc-row-layout-block .wvc-column-content-placement-top .wvc-column-inner { align-self: flex-start; } .wvc-row-column-equal-height-yes .wvc-column-content-placement-middle .wvc-column-inner, .wvc-row-layout-block .wvc-column-content-placement-middle .wvc-column-inner { align-self: center; } .wvc-row-column-equal-height-yes .wvc-column-content-placement-bottom .wvc-column-inner, .wvc-row-layout-block .wvc-column-content-placement-bottom .wvc-column-inner { align-self: flex-end; } /* Default bottom margin on mobile */ .wvc-row-layout-column .wvc-column { margin-bottom: 35px; } .wvc-row-layout-column .wvc-column:last-child { margin-bottom: 0; } /* Block default */ .wvc-row-layout-block .wvc-column-container { padding-top: 50px; padding-bottom: 50px; } .wvc-row-layout-block .wvc-row-inner { padding-bottom: 0; } .wvc-row-layout-block .wvc-column-wrapper { width: 92%; } @media screen and (max-width: 800px) { .wvc-row-layout-block .wvc-columns-container { min-height: 50px !important; } } .wvc-font-dark .wvc-column-style-boxed { background: #fff; box-shadow: 0px 1px 5px 0 rgba(0, 0, 0, 0.14); } .wvc-font-dark .wvc-column-style-boxed:hover { box-shadow: 0px 15px 33px 0 rgba(0, 0, 0, 0.14); } .wvc-font-light .wvc-column-style-boxed { background: #444; box-shadow: 0px 1px 5px 0 rgba(0, 0, 0, 0.44); } .wvc-font-light .wvc-column-style-boxed:hover { box-shadow: 0px 15px 33px 0 rgba(0, 0, 0, 0.44); } /** * Autotyping */ .wvc-typed-container p { margin: 0; } .wvc-typed { position: relative; } .typed-cursor { opacity: 1; animation: blink 0.7s infinite; } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } /** * Custom Heading */ .wvc-custom-heading h1, .wvc-custom-heading h2, .wvc-custom-heading h3, .wvc-custom-heading h4, .wvc-custom-heading h5, .wvc-custom-heading h6, .wvc-custom-heading p, .wvc-custom-heading span { margin-bottom: 0; } .wvc-custom-heading-line { display: block; } /** * Notifications */ .wvc-notification { width: 100%; padding: 0; position: relative; text-shadow: none !important; line-height: 1.5; font-size: 14px; padding: 1em 2em; margin-bottom: 1em; min-height: 80px; } .wvc-notification a { text-decoration: underline !important; font-weight: 700; opacity: 1 !important; border: none !important; } .wvc-notification p { margin: 0; margin-bottom: 14px; } .wvc-notification .fa { margin-top: 14px; margin-right: 14px; margin-bottom: 14px; position: absolute; top: 20px; left: 28px; } .wvc-notification .fa:before { font-size: 24px; } .wvc-notification .wvc-notification-close { cursor: pointer; position: absolute; top: 6px; right: 6px; width: 12px; height: 14px; 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; } .wvc-notification.wvc-info { color: #001c25; border: 1px solid #00a2d8 !important; background-color: #BEEFFF; } .wvc-notification.wvc-info a, .wvc-notification.wvc-info a:hover, .wvc-notification.wvc-info strong, .wvc-notification.wvc-info span, .wvc-notification.wvc-info b { color: #001c25 !important; } .wvc-notification.wvc-alert { color: #3d3100; border: 1px solid #f0c100 !important; background-color: #FFF7D6; } .wvc-notification.wvc-alert a, .wvc-notification.wvc-alert a:hover, .wvc-notification.wvc-alert strong, .wvc-notification.wvc-alert span, .wvc-notification.wvc-alert b { color: #3d3100 !important; } .wvc-notification.wvc-success { color: #223602; border: 1px solid #8fe00a !important; background-color: #EDFDD3; } .wvc-notification.wvc-success a, .wvc-notification.wvc-success a:hover, .wvc-notification.wvc-success strong, .wvc-notification.wvc-success span, .wvc-notification.wvc-success b { color: #223602 !important; } .wvc-notification.wvc-error { color: #4a0800; border: 1px solid #fd1b00 !important; background-color: #ffe6e3; } .wvc-notification.wvc-error a, .wvc-notification.wvc-error a:hover, .wvc-notification.wvc-error strong, .wvc-notification.wvc-error span, .wvc-notification.wvc-error b { color: #4a0800 !important; } .wvc-notification-content { padding-top: 14px; line-height: 1.8; } .wvc-notification-has-icon .wvc-notification-content { padding-left: 40px; } /** * Blocks */ .wvc-block { z-index: 0; position: relative; overflow: hidden; min-height: 1px; } .wvc-block p:empty { margin-top: 0 !important; margin-bottom: 0 !important; } .wvc-block img, .wvc-block iframe, .wvc-block embed, .wvc-block object, .wvc-block video { max-width: 100%; } .wvc-block .wvc-video-bg { max-width: none; } .wvc-block-transparent-bg { background: none !important; } .wvc-block-content { position: relative; z-index: 5; width: 100%; } .wvc-block-text .wvc-block-content { margin-left: auto; margin-right: auto; max-width: 80%; } .wvc-block-text .wvc-block-inner { margin-left: auto; margin-right: auto; max-width: 600px; } .wvc-block-text .wvc-block-inner { padding: 4em 0; } .wvc-block-media img, .wvc-block-media iframe, .wvc-block-media embed, .wvc-block-media object, .wvc-block-media video { width: 100%; margin: 0 !important; } .wvc-block-media .fluid-video, .wvc-block-media .wvc-fluid-video, .wvc-block-media .wolf-jplayer-playlist, .wvc-block-media .wpm-playlist, .wvc-block-media .gist .gist-file, .wvc-block-media .wvc-youtube-container { margin-bottom: 0 !important; } .wvc-block-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } /** * Testimonials */ .wvc-testimonials-container { z-index: 5; position: relative; max-width: 800px; margin-left: auto; margin-right: auto; } .wvc-testimonal-slide { width: 100%; padding-bottom: 15px; } .wvc-testimonial-container { padding: 0 2em; } .wvc-testimonials-transition-fade .flickity-slider { transform: none !important; } .wvc-testimonials-transition-fade .wvc-testimonal-slide { left: 0 !important; opacity: 0; transition: opacity 0.88s ease-in-out; z-index: -1; } .wvc-testimonials-transition-fade .wvc-testimonal-slide.is-selected { opacity: 1; z-index: 0; } blockquote.wvc-testimonial-content { padding: 0 !important; margin: 0 !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; display: block; width: 100%; font-size: 14px; text-align: center; padding: 0 80px !important; } blockquote.wvc-testimonial-content:before, blockquote.wvc-testimonial-content:after { display: none; } .wvc-testimonials-text-align-left blockquote.wvc-testimonial-content { text-align: left; padding-left: 0 !important; } .wvc-testimonials-text-align-left .wvc-testimonial-avatar { margin-left: 0; } .wvc-testimonials-text-align-left .flickity-page-dots { text-align: left; } .wvc-testimonials-text-align-left .flickity-prev-next-button.previous { left: -70px; } .wvc-testimonials-text-align-left .flickity-page-dots { padding-left: 0; } .wvc-testimonials-text-align-right blockquote.wvc-testimonial-content { text-align: right; padding-right: 0 !important; } .wvc-testimonials-text-align-right .wvc-testimonial-avatar { margin-right: 0; } .wvc-testimonials-text-align-right .flickity-page-dots { text-align: right; } .wvc-testimonials-text-align-right .flickity-prev-next-button.previous { right: -70px; } .wvc-testimonials-text-align-right .flickity-page-dots { padding-right: 0; } cite.wvc-testimonial-cite { margin-top: 20px; font-weight: 400; font-size: 13px; display: block; width: 100%; } .wvc-testimonial-avatar { display: block; width: 80px; margin: 0 auto 30px; } .wvc-testimonial-avatar img { border-radius: 80px; width: 80px; height: 80px; } .wvc-testimonials-container-has-nav-bullets { padding-bottom: 35px; } .wvc-testimonal-container .star-rating { font-size: 24px; margin-bottom: 20px; } /** * Team members */ .wvc-team-member-container { position: relative; } .wvc-tm-link-mask { display: block; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } .wvc-team-member-image { position: relative; width: 100%; } .wvc-team-member-image img { width: 100%; } .wvc-team-member-name { font-size: 18px; } .wvc-team-member-role { font-size: 16px; font-weight: 400; display: block; margin-bottom: 8px; } .wvc-team-member-tagline { font-size: 13px; margin-bottom: 14px; } .wvc-team-member-tagline p:last-child { margin-bottom: 0; } .wvc-team-member-social-container { position: relative; z-index: 5; text-align: center; } .wvc-team-member-social-container .wvc-icon-container { margin: .1em .8em .5em; } .wvc-team-member-social-container .wvc-socials-container { padding: 0 0; } .wvc-team-member-container.wvc-text-left .wvc-socials-container { max-width: 100%; text-align: left !important; margin-left: -0.5em; } .wvc-team-member-container.wvc-text-left .wvc-team-member-social-container { text-align: left; } .wvc-team-member-container.wvc-text-right .wvc-team-member-social-container .wvc-socials-container { max-width: 100%; text-align: right !important; margin-right: -0.5em; } .wvc-team-member-container.wvc-text-right .wvc-team-member-social-container .wvc-team-member-social-container { text-align: right; } .wvc-team-member-caption-container { margin-top: 15px; } .wvc-team-member-caption { width: 100%; } /* Overlay */ .wvc-team-member-layout-overlay { color: #fff; } .wvc-team-member-layout-overlay .wvc-team-member-caption-container { margin-top: 0; } .wvc-team-member-layout-overlay .wvc-team-member-caption-container { padding: 50px; opacity: 0; transition: opacity .4s ease; position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; } .wvc-team-member-layout-overlay .wvc-team-member-caption { position: relative; z-index: 15; } .wvc-team-member-layout-overlay:hover .wvc-team-member-caption-container { opacity: 1; } /* Flip Box */ .wvc-team-member-layout-flip-box { color: #fff; perspective: 1000px; } .wvc-team-member-layout-flip-box h1, .wvc-team-member-layout-flip-box h5, .wvc-team-member-layout-flip-box h3, .wvc-team-member-layout-flip-box h4, .wvc-team-member-layout-flip-box h5, .wvc-team-member-layout-flip-box h6, .wvc-team-member-layout-flip-box a { color: #fff !important; } .wvc-team-member-layout-flip-box .wvc-team-member-caption-container { margin-top: 0; } .wvc-team-member-layout-flip-box .wvc-team-member-image { backface-visibility: hidden; transition: transform .5s ease-in-out; z-index: 20; transform-style: preserve-3d; } .wvc-team-member-layout-flip-box .wvc-team-member-caption-container { padding: 50px; transition: transform .5s ease-in-out; transform: rotateY(-180deg); position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; transform-style: preserve-3d; } .wvc-team-member-layout-flip-box .wvc-team-member-caption { position: relative; z-index: 15; transform: translateZ(60px) scale(0.94); } .wvc-team-member-layout-flip-box:hover .wvc-team-member-image { transform: rotateY(180deg); } .wvc-team-member-layout-flip-box:hover .wvc-team-member-caption-container { transform: rotateY(0); } /* Vertical alignement */ .wvc-tm-valign-middle .wvc-team-member-caption-container { align-items: center; } .wvc-tm-valign-bottom .wvc-team-member-caption-container { align-items: flex-end; } .wvc-tm-valign-top .wvc-team-member-caption-container { align-items: flex-start; } /** * Parallax Holder */ .wvc-parallax-holder { position: relative; } /** * Icon box */ .fa-1x { font-size: 1.4em; } .fa-stack { width: 2em !important; } /* Global layout */ .wvc-icon-box { display: block; margin-top: 0; margin-left: auto; margin-right: auto; } .wvc-icon-box .wvc-text-danger { color: #a94442; } .wvc-icon-box p { margin: 0 auto; font-size: 14px; max-width: 450px; } .wvc-icon-box.wvc-text-left p { margin-left: 0; } .wvc-icon-box.wvc-text-right p { margin-left: 0; } .wvc-icon-box .fa { height: 100%; } .wvc-icon-box .fa:before { line-height: inherit; position: relative; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0); } .wvc-icon-box.wvc-icon-position-left .fa:before, .wvc-icon-box.wvc-icon-position-right .fa:before, .wvc-icon-box.wvc-icon-position-left_from_title .fa:before, .wvc-icon-box.wvc-icon-position-right_from_title .fa:before, .wvc-icon-box.wvc-icon-background-style-none .fa:before { position: static; top: 0; transform: translate3d(0, 0, 0); } .wvc-image-icon { vertical-align: middle; } .wvc-icon-title { margin-top: 0; margin-bottom: 15px; font-size: 18px; line-height: 1.2; display: block; } .wvc-icon-container { position: relative; line-height: inherit; } .wvc-vivus { visibility: hidden; } /* Sizes */ .wvc-icon-box-tiny .wvc-image-icon, .wvc-icon-box-tiny .wvc-svg-icon svg { max-width: 16px; } .wvc-icon-box-tiny .wvc-icon-background-style-none .wvc-icon:before { top: 3px; } .wvc-icon-box-small .fa { line-height: 60px; } .wvc-icon-box-small .wvc-image-icon, .wvc-icon-box-small .wvc-svg-icon svg { max-width: 32px; } .wvc-icon-box-medium .fa { line-height: 90px; } .wvc-icon-box-medium .wvc-image-icon, .wvc-icon-box-medium .wvc-svg-icon svg { max-width: 48px; } .wvc-icon-box-large .fa { line-height: 120px; } .wvc-icon-box-large .wvc-image-icon, .wvc-icon-box-large .wvc-svg-icon svg { max-width: 64px; } .wvc-icon-box-very-large .fa { line-height: 150px; } .wvc-icon-box-very-large .wvc-image-icon, .wvc-icon-box-very-large .wvc-svg-icon svg { max-width: 80px; } /* Border */ .wvc-icon-container { border: 2px solid; } /* No background */ .wvc-social-icon.wvc-icon-background-style-none .wvc-icon-container, .wvc-icon-box.wvc-icon-background-style-none .wvc-icon-container { background: transparent !important; border: none !important; box-shadow: inset 0 0 0 0 transparent !important; width: auto; } .wvc-social-icon.wvc-icon-background-style-none.wvc-icon-box-tiny .wvc-icon-holder, .wvc-icon-box.wvc-icon-background-style-none.wvc-icon-box-tiny .wvc-icon-holder { margin-bottom: 10px; } .wvc-social-icon.wvc-icon-background-style-none.wvc-icon-box-small .wvc-icon-holder, .wvc-icon-box.wvc-icon-background-style-none.wvc-icon-box-small .wvc-icon-holder { margin-bottom: 16px; } .wvc-icon-background-style-none.wvc-icon-position-top .wvc-icon-text-holder { margin-top: 0; } .wvc-icon-box:not(.wvc-icon-background-style-none), .wvc-social-icon:not(.wvc-icon-background-style-none) { /* Icon adjustment */ } .wvc-icon-box:not(.wvc-icon-background-style-none) .fa, .wvc-social-icon:not(.wvc-icon-background-style-none) .fa { top: -1px; left: -0.5px; } .wvc-icon-box:not(.wvc-icon-background-style-none) .socicon-youtube, .wvc-social-icon:not(.wvc-icon-background-style-none) .socicon-youtube { top: 0; } /* Default icon color when a background is set */ /* Round */ .wvc-icon-background-style-rounded .fa-stack, .wvc-icon-background-style-rounded-outline .fa-stack { border-radius: 999em; } /* Rounded */ .wvc-icon-background-style-rounded-less .fa-stack, .wvc-icon-background-style-rounded-less .wvc-icon-background-fill, .wvc-icon-background-style-rounded-less-outline .fa-stack, .wvc-icon-background-style-rounded-less-outline .wvc-icon-background-fill { border-radius: 3px; } .wvc-icon-background-style-rounded-less .fa-stack-4x.fa-stack, .wvc-icon-background-style-rounded-less .fa-stack-4x .wvc-icon-background-fill, .wvc-icon-background-style-rounded-less-outline .fa-stack-4x.fa-stack, .wvc-icon-background-style-rounded-less-outline .fa-stack-4x .wvc-icon-background-fill { border-radius: 4px; } .wvc-icon-background-style-rounded-less .fa-stack-5x.fa-stack, .wvc-icon-background-style-rounded-less .fa-stack-5x .wvc-icon-background-fill, .wvc-icon-background-style-rounded-less-outline .fa-stack-5x.fa-stack, .wvc-icon-background-style-rounded-less-outline .fa-stack-5x .wvc-icon-background-fill { border-radius: 5px; } /* Outline */ .wvc-icon-background-style-rounded-outline .wvc-icon-container, .wvc-icon-background-style-boxed-outline .wvc-icon-container, .wvc-icon-background-style-rounded-less-outline .wvc-icon-container { background-color: transparent !important; } /* Ban */ .wvc-icon-background-style-ban .wvc-icon-container { background-color: transparent !important; border: none !important; } /* Position */ .wvc-icon-position-top { text-align: center; } .wvc-icon-position-top .wvc-image-icon { margin: 0 auto 15px; } .wvc-icon-position-top.wvc-icon-box-tiny .wvc-image-icon { margin: 0 auto 5px; } .wvc-icon-position-top.wvc-icon-box-small .wvc-image-icon { margin: 0 auto 8px; } .wvc-icon-position-top.wvc-icon-box-large .wvc-image-icon { margin: 0 auto 12px; } .wvc-icon-position-top.wvc-icon-box-very-large .wvc-image-icon { margin: 0 auto 15px; } .wvc-icon-position-top .wvc-icon-text-holder { display: block; margin-top: 28px; } .wvc-icon-position-top.wvc-background-style-none .wvc-icon-text-holder { margin-top: 0; } .wvc-icon-position-top.wvc-text-left .wvc-image-icon { margin-left: 0; } .wvc-icon-position-top.wvc-text-right .wvc-image-icon { margin-right: 0; } .wvc-icon-position-left, .wvc-icon-position-right { display: flex; } .wvc-icon-position-left .wvc-icon-holder, .wvc-icon-position-left .wvc-icon-text-holder, .wvc-icon-position-right .wvc-icon-holder, .wvc-icon-position-right .wvc-icon-text-holder { display: flex; align-self: flex-start; } .wvc-icon-position-left .wvc-icon-container, .wvc-icon-position-right .wvc-icon-container { align-self: flex-start; } .wvc-icon-position-left .wvc-icon-title, .wvc-icon-position-right .wvc-icon-title { margin-bottom: 0; line-height: 1.8; } .wvc-icon-position-left .wvc-icon-holder { float: left; padding-right: 28px; } .wvc-icon-position-left .wvc-icon-text-holder { text-align: left; } .wvc-icon-position-right .wvc-icon-holder { float: right; padding-left: 28px; } .wvc-icon-position-right .wvc-icon-text-holder { flex-direction: row-reverse; text-align: right; } .wvc-icon-position-left_from_title .wvc-icon-title-holder { display: table; } .wvc-icon-position-left_from_title p { margin-left: 0; } .wvc-icon-position-left_from_title .wvc-icon-holder, .wvc-icon-position-left_from_title .wvc-icon-title { display: table-cell; height: 100%; vertical-align: middle; float: none; } .wvc-icon-position-left_from_title .wvc-icon-holder { padding-right: 28px; width: auto !important; } .wvc-icon-position-right_from_title p { clear: both; text-align: right; float: right; } .wvc-icon-position-right_from_title .wvc-icon-title-holder { float: right; display: table; } .wvc-icon-position-right_from_title .wvc-icon-holder, .wvc-icon-position-right_from_title .wvc-icon-title { display: table-cell; height: 100%; vertical-align: middle; float: none; } .wvc-icon-position-right_from_title .wvc-icon-holder { padding-left: 28px; width: auto !important; } .wvc-icon-position-right_from_title .wvc-icon-title-holder, .wvc-icon-position-left_from_title .wvc-icon-title-holder { margin-bottom: 1em; } .wvc-icon-position-right_from_title.wvc-icon-background-style-none .wvc-icon-title-holder, .wvc-icon-position-left_from_title.wvc-icon-background-style-none .wvc-icon-title-holder { margin-bottom: 0; } /* Dark font */ .wvc-font-dark .wvc-icon-text-inner p { color: #333; } /* Light font */ .wvc-font-light .wvc-icon-text-inner p { color: #fff; } /* Hover effect */ .wvc-icon-hover-none .wvc-icon-container, .wvc-icon-hover-none .wvc-icon-container:hover { opacity: 1 !important; } .wvc-icon-hover-none:not(.wvc-icon-background-style-none):not(.wvc-icon-background-style-rounded-outline):not(.wvc-icon-background-style-boxed-outline):not(.wvc-icon-background-style-rounded-less-outline) .wvc-icon, .wvc-icon-hover-opacity:not(.wvc-icon-background-style-none):not(.wvc-icon-background-style-rounded-outline):not(.wvc-icon-background-style-boxed-outline):not(.wvc-icon-background-style-rounded-less-outline) .wvc-icon { color: #fff !important; } .wvc-icon-hover-none:not(.wvc-icon-background-style-none):not(.wvc-icon-background-style-rounded-outline):not(.wvc-icon-background-style-boxed-outline):not(.wvc-icon-background-style-rounded-less-outline) .wvc-icon-background-color-white .wvc-icon, .wvc-icon-hover-none:not(.wvc-icon-background-style-none):not(.wvc-icon-background-style-rounded-outline):not(.wvc-icon-background-style-boxed-outline):not(.wvc-icon-background-style-rounded-less-outline) .wvc-icon-background-color-lightergrey .wvc-icon, .wvc-icon-hover-opacity:not(.wvc-icon-background-style-none):not(.wvc-icon-background-style-rounded-outline):not(.wvc-icon-background-style-boxed-outline):not(.wvc-icon-background-style-rounded-less-outline) .wvc-icon-background-color-white .wvc-icon, .wvc-icon-hover-opacity:not(.wvc-icon-background-style-none):not(.wvc-icon-background-style-rounded-outline):not(.wvc-icon-background-style-boxed-outline):not(.wvc-icon-background-style-rounded-less-outline) .wvc-icon-background-color-lightergrey .wvc-icon { color: #333 !important; } .wvc-icon-hover-opacity .wvc-icon-container { transition: opacity 0.3s; } .wvc-icon-hover-opacity:hover .wvc-icon-container { opacity: .66; } .wvc-icon-hover-fill .wvc-icon-container { transition: box-shadow 0.3s ease; } .wvc-icon-hover-fill .wvc-icon { transition: color 0.3s ease; } .wvc-icon-hover-fill .wvc-icon-container { background-color: transparent !important; } .wvc-icon-hover-fill.wvc-icon-background-style-rounded .wvc-icon-container, .wvc-icon-hover-fill.wvc-icon-background-style-boxed .wvc-icon-container, .wvc-icon-hover-fill.wvc-icon-background-style-rounded-less .wvc-icon-container { border: none; box-shadow: inset 0 0 0 1em; } .wvc-icon-hover-fill.wvc-icon-background-style-rounded .wvc-icon-container:not(:hover) .wvc-icon, .wvc-icon-hover-fill.wvc-icon-background-style-boxed .wvc-icon-container:not(:hover) .wvc-icon, .wvc-icon-hover-fill.wvc-icon-background-style-rounded-less .wvc-icon-container:not(:hover) .wvc-icon { color: #fff; } .wvc-icon-hover-fill.wvc-icon-background-style-rounded .wvc-icon-container:not(:hover).wvc-icon-background-color-white .wvc-icon, .wvc-icon-hover-fill.wvc-icon-background-style-rounded .wvc-icon-container:not(:hover).wvc-icon-background-color-lightergrey .wvc-icon, .wvc-icon-hover-fill.wvc-icon-background-style-boxed .wvc-icon-container:not(:hover).wvc-icon-background-color-white .wvc-icon, .wvc-icon-hover-fill.wvc-icon-background-style-boxed .wvc-icon-container:not(:hover).wvc-icon-background-color-lightergrey .wvc-icon, .wvc-icon-hover-fill.wvc-icon-background-style-rounded-less .wvc-icon-container:not(:hover).wvc-icon-background-color-white .wvc-icon, .wvc-icon-hover-fill.wvc-icon-background-style-rounded-less .wvc-icon-container:not(:hover).wvc-icon-background-color-lightergrey .wvc-icon { color: #333; } .wvc-icon-hover-fill.wvc-icon-background-style-rounded .wvc-icon-container:hover, .wvc-icon-hover-fill.wvc-icon-background-style-boxed .wvc-icon-container:hover, .wvc-icon-hover-fill.wvc-icon-background-style-rounded-less .wvc-icon-container:hover { box-shadow: inset 0 0 0 2px; } .wvc-icon-hover-fill.wvc-icon-background-style-rounded-outline .wvc-icon-container, .wvc-icon-hover-fill.wvc-icon-background-style-boxed-outline .wvc-icon-container, .wvc-icon-hover-fill.wvc-icon-background-style-rounded-less-outline .wvc-icon-container { border: none; box-shadow: inset 0 0 0 2px; } .wvc-icon-hover-fill.wvc-icon-background-style-rounded-outline .wvc-icon-container:hover, .wvc-icon-hover-fill.wvc-icon-background-style-boxed-outline .wvc-icon-container:hover, .wvc-icon-hover-fill.wvc-icon-background-style-rounded-less-outline .wvc-icon-container:hover { box-shadow: inset 0 0 0 1em; } .wvc-icon-hover-fill.wvc-icon-background-style-rounded-outline .wvc-icon-container:hover .wvc-icon, .wvc-icon-hover-fill.wvc-icon-background-style-boxed-outline .wvc-icon-container:hover .wvc-icon, .wvc-icon-hover-fill.wvc-icon-background-style-rounded-less-outline .wvc-icon-container:hover .wvc-icon { color: #fff; } .wvc-icon-hover-fill.wvc-icon-background-style-rounded-outline .wvc-icon-container:hover.wvc-icon-background-color-white .wvc-icon, .wvc-icon-hover-fill.wvc-icon-background-style-rounded-outline .wvc-icon-container:hover.wvc-icon-background-color-lightergrey .wvc-icon, .wvc-icon-hover-fill.wvc-icon-background-style-boxed-outline .wvc-icon-container:hover.wvc-icon-background-color-white .wvc-icon, .wvc-icon-hover-fill.wvc-icon-background-style-boxed-outline .wvc-icon-container:hover.wvc-icon-background-color-lightergrey .wvc-icon, .wvc-icon-hover-fill.wvc-icon-background-style-rounded-less-outline .wvc-icon-container:hover.wvc-icon-background-color-white .wvc-icon, .wvc-icon-hover-fill.wvc-icon-background-style-rounded-less-outline .wvc-icon-container:hover.wvc-icon-background-color-lightergrey .wvc-icon { color: #333; } .wvc-icon-hover-border-inset .wvc-icon-container { background-color: transparent; } .wvc-icon-hover-border-inset .wvc-icon { position: relative; transition: color 0.3s; z-index: 1; } .wvc-icon-hover-border-inset .wvc-icon-background-fill { pointer-events: none; position: absolute; width: 100%; height: 100%; box-sizing: content-box; top: -2px; left: -2px; padding: 2px; z-index: 0; transition: transform 0.2s, opacity 0.2s; } .wvc-icon-hover-border-inset.wvc-icon-background-style-rounded .wvc-icon-background-fill, .wvc-icon-hover-border-inset.wvc-icon-background-style-rounded-outline .wvc-icon-background-fill { border-radius: 999em; } .wvc-icon-hover-border-inset.wvc-icon-background-style-rounded .wvc-icon, .wvc-icon-hover-border-inset.wvc-icon-background-style-boxed .wvc-icon, .wvc-icon-hover-border-inset.wvc-icon-background-style-rounded-less .wvc-icon { color: #fff; } .wvc-icon-hover-border-inset.wvc-icon-background-style-rounded .wvc-icon-background-color-white .wvc-icon, .wvc-icon-hover-border-inset.wvc-icon-background-style-rounded .wvc-icon-background-color-lightergrey .wvc-icon, .wvc-icon-hover-border-inset.wvc-icon-background-style-boxed .wvc-icon-background-color-white .wvc-icon, .wvc-icon-hover-border-inset.wvc-icon-background-style-boxed .wvc-icon-background-color-lightergrey .wvc-icon, .wvc-icon-hover-border-inset.wvc-icon-background-style-rounded-less .wvc-icon-background-color-white .wvc-icon, .wvc-icon-hover-border-inset.wvc-icon-background-style-rounded-less .wvc-icon-background-color-lightergrey .wvc-icon { color: #333; } .wvc-icon-hover-border-inset.wvc-icon-background-style-rounded-outline .wvc-icon-container .wvc-icon-background-fill, .wvc-icon-hover-border-inset.wvc-icon-background-style-boxed-outline .wvc-icon-container .wvc-icon-background-fill, .wvc-icon-hover-border-inset.wvc-icon-background-style-rounded-less-outline .wvc-icon-container .wvc-icon-background-fill { opacity: 0; } .wvc-icon-hover-border-inset.wvc-icon-background-style-rounded-outline .wvc-icon-container:hover .wvc-icon-background-fill, .wvc-icon-hover-border-inset.wvc-icon-background-style-boxed-outline .wvc-icon-container:hover .wvc-icon-background-fill, .wvc-icon-hover-border-inset.wvc-icon-background-style-rounded-less-outline .wvc-icon-container:hover .wvc-icon-background-fill { opacity: 1; } .wvc-icon-hover-border-inset.wvc-icon-background-style-rounded-outline .wvc-icon-container:hover .wvc-icon, .wvc-icon-hover-border-inset.wvc-icon-background-style-boxed-outline .wvc-icon-container:hover .wvc-icon, .wvc-icon-hover-border-inset.wvc-icon-background-style-rounded-less-outline .wvc-icon-container:hover .wvc-icon { color: #fff; } .wvc-icon-hover-border-inset.wvc-icon-background-style-rounded-outline .wvc-icon-container:hover .wvc-icon-background-color-white .wvc-icon, .wvc-icon-hover-border-inset.wvc-icon-background-style-rounded-outline .wvc-icon-container:hover .wvc-icon-background-color-lightergrey .wvc-icon, .wvc-icon-hover-border-inset.wvc-icon-background-style-boxed-outline .wvc-icon-container:hover .wvc-icon-background-color-white .wvc-icon, .wvc-icon-hover-border-inset.wvc-icon-background-style-boxed-outline .wvc-icon-container:hover .wvc-icon-background-color-lightergrey .wvc-icon, .wvc-icon-hover-border-inset.wvc-icon-background-style-rounded-less-outline .wvc-icon-container:hover .wvc-icon-background-color-white .wvc-icon, .wvc-icon-hover-border-inset.wvc-icon-background-style-rounded-less-outline .wvc-icon-container:hover .wvc-icon-background-color-lightergrey .wvc-icon { color: #333; } .wvc-icon-hover-border-inset .wvc-icon-container:hover .wvc-icon-background-fill { transform: scale(0.85); } .wvc-icon-hover-pop .wvc-icon-container { background-color: transparent; } .wvc-icon-hover-pop .wvc-icon { position: relative; transition: color 0.3s; z-index: 1; } .wvc-icon-hover-pop .wvc-icon-background-fill { pointer-events: none; position: absolute; width: 100%; height: 100%; box-sizing: content-box; top: -2px; left: -2px; padding: 2px; z-index: 0; transition: transform 0.2s, opacity 0.2s; } .wvc-icon-hover-pop.wvc-icon-background-style-rounded .wvc-icon-background-fill, .wvc-icon-hover-pop.wvc-icon-background-style-rounded-outline .wvc-icon-background-fill { border-radius: 999em; } .wvc-icon-hover-pop.wvc-icon-background-style-rounded .wvc-icon:not(:hover), .wvc-icon-hover-pop.wvc-icon-background-style-boxed .wvc-icon:not(:hover), .wvc-icon-hover-pop.wvc-icon-background-style-rounded-less .wvc-icon:not(:hover) { color: #fff; } .wvc-icon-hover-pop.wvc-icon-background-style-rounded .wvc-icon-background-color-white .wvc-icon:not(:hover), .wvc-icon-hover-pop.wvc-icon-background-style-rounded .wvc-icon-background-color-lightergrey .wvc-icon:not(:hover), .wvc-icon-hover-pop.wvc-icon-background-style-boxed .wvc-icon-background-color-white .wvc-icon:not(:hover), .wvc-icon-hover-pop.wvc-icon-background-style-boxed .wvc-icon-background-color-lightergrey .wvc-icon:not(:hover), .wvc-icon-hover-pop.wvc-icon-background-style-rounded-less .wvc-icon-background-color-white .wvc-icon:not(:hover), .wvc-icon-hover-pop.wvc-icon-background-style-rounded-less .wvc-icon-background-color-lightergrey .wvc-icon:not(:hover) { color: #333; } .wvc-icon-hover-pop.wvc-icon-background-style-rounded:hover .wvc-icon-background-fill, .wvc-icon-hover-pop.wvc-icon-background-style-boxed:hover .wvc-icon-background-fill, .wvc-icon-hover-pop.wvc-icon-background-style-rounded-less:hover .wvc-icon-background-fill { transform: scale(1.3); opacity: 0; } .wvc-icon-hover-pop.wvc-icon-background-style-rounded-outline .wvc-icon-background-fill, .wvc-icon-hover-pop.wvc-icon-background-style-boxed-outline .wvc-icon-background-fill, .wvc-icon-hover-pop.wvc-icon-background-style-rounded-less-outline .wvc-icon-background-fill { opacity: 0; transform: scale(1.3); } .wvc-icon-hover-pop.wvc-icon-background-style-rounded-outline:hover .wvc-icon-background-fill, .wvc-icon-hover-pop.wvc-icon-background-style-boxed-outline:hover .wvc-icon-background-fill, .wvc-icon-hover-pop.wvc-icon-background-style-rounded-less-outline:hover .wvc-icon-background-fill { transform: scale(1); opacity: 1; } .wvc-icon-hover-pop.wvc-icon-background-style-rounded-outline:hover .wvc-icon, .wvc-icon-hover-pop.wvc-icon-background-style-boxed-outline:hover .wvc-icon, .wvc-icon-hover-pop.wvc-icon-background-style-rounded-less-outline:hover .wvc-icon { color: #fff; } .wvc-icon-hover-pop.wvc-icon-background-style-rounded-outline:hover .wvc-icon-background-color-white .wvc-icon, .wvc-icon-hover-pop.wvc-icon-background-style-rounded-outline:hover .wvc-icon-background-color-lightergrey .wvc-icon, .wvc-icon-hover-pop.wvc-icon-background-style-boxed-outline:hover .wvc-icon-background-color-white .wvc-icon, .wvc-icon-hover-pop.wvc-icon-background-style-boxed-outline:hover .wvc-icon-background-color-lightergrey .wvc-icon, .wvc-icon-hover-pop.wvc-icon-background-style-rounded-less-outline:hover .wvc-icon-background-color-white .wvc-icon, .wvc-icon-hover-pop.wvc-icon-background-style-rounded-less-outline:hover .wvc-icon-background-color-lightergrey .wvc-icon { color: #333; } .wvc-icon-hover-rotate .wvc-icon:hover { animation: spinAround 2s linear infinite; } @keyframes spinAround { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .wvc-icon-hover-sonar .wvc-icon-container { transition: transform ease-out 0.1s, background 0.2s; } .wvc-icon-hover-sonar .wvc-icon-background-fill { top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px; opacity: 0; transform: scale(0.9); pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; box-sizing: content-box; } .wvc-icon-hover-sonar.wvc-icon-background-style-rounded .wvc-icon-background-fill, .wvc-icon-hover-sonar.wvc-icon-background-style-rounded-outline .wvc-icon-background-fill { border-radius: 999em; } .wvc-icon-hover-sonar.wvc-icon-background-style-rounded .wvc-icon, .wvc-icon-hover-sonar.wvc-icon-background-style-boxed .wvc-icon, .wvc-icon-hover-sonar.wvc-icon-background-style-rounded-less .wvc-icon { color: #fff; } .wvc-icon-hover-sonar.wvc-icon-background-style-rounded .wvc-icon-background-color-white .wvc-icon, .wvc-icon-hover-sonar.wvc-icon-background-style-rounded .wvc-icon-background-color-lightergrey .wvc-icon, .wvc-icon-hover-sonar.wvc-icon-background-style-boxed .wvc-icon-background-color-white .wvc-icon, .wvc-icon-hover-sonar.wvc-icon-background-style-boxed .wvc-icon-background-color-lightergrey .wvc-icon, .wvc-icon-hover-sonar.wvc-icon-background-style-rounded-less .wvc-icon-background-color-white .wvc-icon, .wvc-icon-hover-sonar.wvc-icon-background-style-rounded-less .wvc-icon-background-color-lightergrey .wvc-icon { color: #333; } .wvc-icon-hover-sonar .wvc-icon-container:hover { transform: scale(0.93); } .wvc-icon-hover-sonar .wvc-icon-container:hover .wvc-icon-background-fill { animation: sonarEffect 1.3s infinite ease-out 75ms; } .wvc-font-dark .wvc-icon-hover-sonar .wvc-icon-container:hover .wvc-icon-background-fill { animation: sonarEffectDark 1.3s infinite ease-out 75ms; } .wvc-font-light .wvc-icon-hover-sonar .wvc-icon-container:hover .wvc-icon-background-fill { animation: sonarEffectLight 1.3s infinite ease-out 75ms; } @keyframes sonarEffectDark { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.5); transform: scale(1.5); opacity: 0; } } @keyframes sonarEffectLight { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 10px rgba(0, 0, 0, 0.5); } 100% { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 10px rgba(0, 0, 0, 0.5); transform: scale(1.5); opacity: 0; } } /* Line icon adjustment */ .wvc-icon-box .fa-stack-1x.line-icon-paperplane, .wvc-icon-box .fa-stack-2x.line-icon-paperplane, .wvc-icon-box .fa-stack-3x.line-icon-paperplane, .wvc-icon-box .fa-stack-4x.line-icon-paperplane { left: -3px; top: -2px; } .wvc-font-dark .wvc-svg-icon * { stroke: #333; } .wvc-font-light .wvc-svg-icon * { stroke: #fff; } /* Specifi icon adjustment */ .socicon-youtube:before { position: relative; } @media screen and (min-width: 800px) { .wvc-icon-container-alignment-left .wvc-icon-title-holder { margin-left: 0; margin-right: auto; } .wvc-icon-container-alignment-center .wvc-icon-title-holder { margin: 0 auto; } .wvc-icon-container-alignment-right .wvc-icon-title-holder { margin-right: 0; margin-left: auto; } } /** * Counter */ .wvc-counter-icon-container { width: 100%; display: block; text-align: center; margin-bottom: 15px; } .wvc-counter, .wvc-counter-text { display: block; text-align: center; } .wvc-ct-text-align-left { text-align: left; } .wvc-ct-text-align-left .wvc-counter, .wvc-ct-text-align-left .wvc-counter-text { text-align: left; } .wvc-ct-text-align-center { text-align: center; } .wvc-ct-text-align-center .wvc-counter, .wvc-ct-text-align-center .wvc-counter-text { text-align: center; } .wvc-ct-text-align-right { text-align: right; } .wvc-ct-text-align-right .wvc-counter, .wvc-ct-text-align-right .wvc-counter-text { text-align: right; } .wvc-counter { line-height: 1.5; font-size: 32px; } .wvc-counter-text { font-size: 14px; } /** * Count down */ .wvc-countdown-container { transition: opacity .5s linear .3s; opacity: 0; font-size: 28px; } .wvc-countdown-container.wvc-countdown-has-color .wvc-countdown { color: inherit; } .wvc-countdown-container .wvc-countdown-text-has-color .countdown-period { color: inherit; } .wvc-countdown-container .countdown-rtl { direction: rtl; } .wvc-countdown-container .countdown-row { display: flex; justify-content: space-between; justify-content: space-around; text-align: center; align-items: center; width: 100%; } .wvc-countdown-container .countdown-section { list-style-type: none; flex: 1; } .wvc-countdown-container .countdown-amount { position: relative; } .wvc-countdown-container .countdown-period { display: block; font-size: 15px !important; } .wvc-countdown-container .countdown-descr { display: block; width: 100%; } .wvc-countdown { margin-bottom: 28px; } .wvc-loaded .wvc-countdown-container { opacity: 1; } .wvc-countdown-container-loaded { opacity: 1; } /** * FitText */ .wvc-fittext { margin-top: 0 !important; margin-bottom: 0 !important; } /** * BigText */ .wvc-bigtext { margin-top: 0 !important; margin-bottom: 0 !important; font-size: 16px !important; } .wvc-bigtext > * { display: block; } .wvc-bigtext > span, .wvc-bigtext > a { color: inherit !important; line-height: 1; } @media screen and (max-width: 600px) { .wvc-bigtext { max-width: 90vw; } } /** * Separator */ .wvc-separator { width: 100%; height: 0; margin: 30px auto; border: none; } .wvc-separator:before, .wvc-separator:after { background-color: inherit; } .wvc-separator.wvc-separator-align_left { margin-left: 0; } .wvc-separator.wvc-separator-align_right { margin-right: 0; } @media screen and (max-width: 800px) { .wvc-mobile-align-center.wvc-separator { margin-left: auto !important; margin-right: auto !important; } } .wvc-font-light .wvc-separator.wvc-border-color-default { border-color: rgba(255, 255, 255, 0.66); } .wvc-font-dark .wvc-separator.wvc-border-color-default { border-color: rgba(0, 0, 0, 0.14); } /** * ZigZag */ .wvc-zigzag { margin: 30px auto; } /** * Text block */ .wvc-text-block p:first-of-type { margin-top: 0; } .wvc-text-block p:last-child { margin-bottom: 0; } .wvc-text-block img, .wvc-text-block iframe, .wvc-text-block embed, .wvc-text-block object, .wvc-text-block video { max-width: 100%; } /** * Image */ .wvc-single-image { position: relative; margin: 0; padding: 0; margin: 0 auto; } .wvc-single-image img { width: auto; max-width: 100%; backface-visibility: hidden; } .wvc-single-image-full-width img { width: 100%; } .wvc-single-image-title { margin-bottom: 15px; } .wvc-single-image-caption { margin-top: 20px; } /* Shape */ .wvc-single-image-shape-rounded { border-radius: 4px; } .wvc-single-image-shape-rounded img, .wvc-single-image-shape-rounded .wvc-img, .wvc-single-image-shape-rounded .wvc-single-image { border-radius: 4px; } .wvc-single-image-shape-circle { border-radius: 999em; } .wvc-single-image-shape-circle img, .wvc-single-image-shape-circle .wvc-img, .wvc-single-image-shape-circle .wvc-single-image { border-radius: 999em; } /* Alignement */ .wvc-single-image-alignement-left { text-align: left; margin-left: 0; } .wvc-single-image-alignement-left .wvc-single-image { margin-left: 0; } .wvc-single-image-alignement-center { text-align: center; } .wvc-single-image-alignement-right { text-align: right; margin-right: 0; } .wvc-single-image-alignement-right .wvc-single-image { margin-right: 0; } /* Border */ .wvc-single-image-border-yes img { border: 1px solid; padding: 4px; } /* Shadow */ /* Box shadow */ .wvc-font-dark .wvc-single-image-shadow-yes .wvc-img, .wvc-font-dark .wvc-single-image-shadow-yes .wvc-si-img-inner { box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.22); } .wvc-font-dark .wvc-single-image-border-yes .wvc-img, .wvc-font-dark .wvc-single-image-border-yes .wvc-si-img-inner { border-color: rgba(0, 0, 0, 0.22); } .wvc-font-light .wvc-single-image-shadow-yes .wvc-img, .wvc-font-light .wvc-single-image-shadow-yes .wvc-si-img-inner { box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.55); } .wvc-font-light .wvc-single-image-border-yes .wvc-img, .wvc-font-light .wvc-single-image-border-yes .wvc-si-img-inner { border-color: rgba(0, 0, 0, 0.55); } /* Overlay */ .wvc-single-image-overlay { padding: 50px; position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; } .wvc-single-image-overlay-true .wvc-si-link { display: block; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } .wvc-single-image-overlay-true .wvc-single-image-overlay { opacity: 0; transition: opacity 0.4s ease; } .wvc-single-image-overlay-true:hover .wvc-single-image-overlay { opacity: 1; } .wvc-is-mobile .wvc-single-image-overlay-true .wvc-si-link { position: relative; } .wvc-single-image-overlay-content { position: relative; z-index: 15; width: 100%; } .wvc-single-image-overlay-title { width: 100%; margin-bottom: 5px; } .wvc-banner-tagline { width: 100%; } .wvc-is-mobile .wvc-single-image-overlay { display: none; } /** * Button */ /* Button container */ .wvc-button-container { position: relative; } .wvc-button-container-align-left { text-align: left; } .wvc-button-container-align-center { text-align: center; } .wvc-button-container-align-right { text-align: right; } .wvc-button-container-align-inline { margin-bottom: 10px; } /* Default */ .wvc-button { margin: 0; padding: 0; border-width: 2px; border-style: solid; outline: none !important; cursor: pointer; color: inherit; font-size: inherit; text-decoration: none; text-align: center !important; vertical-align: middle; white-space: nowrap; pointer-events: auto !important; display: block; width: 100%; position: relative; line-height: 1; } .wvc-button .fa { position: relative; top: 1px; } /* Icon position */ .wvc-button-icon-left .fa { padding-right: 8px; } .wvc-button-icon-right .fa { padding-left: 8px; } /* Icon hover effect */ .wvc-button-icon-reveal .fa { opacity: 0; padding: 0; margin: 0; position: absolute; top: 50%; transition: transform 0.2s ease, opacity 0.2s ease; transform: translate3d(0, -50%, 0); } .wvc-button-icon-reveal span { position: relative; display: inline-block; transition: transform 0.2s ease !important; transform: translateX(0); } .wvc-button-icon-reveal:hover .fa { opacity: 1; } .wvc-button-icon-reveal.wvc-button-size-lg.wvc-button-icon-right .fa { transform: translate3d(-8px, -50%, 0); } .wvc-button-icon-reveal.wvc-button-size-lg.wvc-button-icon-right:hover span { transform: translateX(-16px); } .wvc-button-icon-reveal.wvc-button-size-lg.wvc-button-icon-right:hover .fa { transform: translate3d(0, -50%, 0); } .wvc-button-icon-reveal.wvc-button-size-lg.wvc-button-icon-left .fa { transform: translate3d(-8px, -50%, 0); } .wvc-button-icon-reveal.wvc-button-size-lg.wvc-button-icon-left:hover span { transform: translateX(16px); } .wvc-button-icon-reveal.wvc-button-size-lg.wvc-button-icon-left:hover .fa { transform: translate3d(-16px, -50%, 0); } .wvc-button-icon-reveal.wvc-button-size-md.wvc-button-icon-right .fa { transform: translate3d(-6px, -50%, 0); } .wvc-button-icon-reveal.wvc-button-size-md.wvc-button-icon-right:hover span { transform: translateX(-12px); } .wvc-button-icon-reveal.wvc-button-size-md.wvc-button-icon-right:hover .fa { transform: translate3d(0, -50%, 0); } .wvc-button-icon-reveal.wvc-button-size-md.wvc-button-icon-left .fa { transform: translate3d(-6px, -50%, 0); } .wvc-button-icon-reveal.wvc-button-size-md.wvc-button-icon-left:hover span { transform: translateX(12px); } .wvc-button-icon-reveal.wvc-button-size-md.wvc-button-icon-left:hover .fa { transform: translate3d(-12px, -50%, 0); } .wvc-button-icon-reveal.wvc-button-size-sm.wvc-button-icon-right .fa { transform: translate3d(-6px, -50%, 0); } .wvc-button-icon-reveal.wvc-button-size-sm.wvc-button-icon-right:hover span { transform: translateX(-10px); } .wvc-button-icon-reveal.wvc-button-size-sm.wvc-button-icon-right:hover .fa { transform: translate3d(0, -50%, 0); } .wvc-button-icon-reveal.wvc-button-size-sm.wvc-button-icon-left .fa { transform: translate3d(-6px, -50%, 0); } .wvc-button-icon-reveal.wvc-button-size-sm.wvc-button-icon-left:hover span { transform: translateX(10px); } .wvc-button-icon-reveal.wvc-button-size-sm.wvc-button-icon-left:hover .fa { transform: translate3d(-10px, -50%, 0); } .wvc-button-icon-reveal.wvc-button-size-xs.wvc-button-icon-right .fa { transform: translate3d(-6px, -50%, 0); } .wvc-button-icon-reveal.wvc-button-size-xs.wvc-button-icon-right:hover span { transform: translateX(-10px); } .wvc-button-icon-reveal.wvc-button-size-xs.wvc-button-icon-right:hover .fa { transform: translate3d(0, -50%, 0); } .wvc-button-icon-reveal.wvc-button-size-xs.wvc-button-icon-left .fa { transform: translate3d(-6px, -50%, 0); } .wvc-button-icon-reveal.wvc-button-size-xs.wvc-button-icon-left:hover span { transform: translateX(10px); } .wvc-button-icon-reveal.wvc-button-size-xs.wvc-button-icon-left:hover .fa { transform: translate3d(-10px, -50%, 0); } /* Sizes */ .wvc-button-size-xs { font-size: 13px; padding: 14px 30px; } .wvc-button-size-sm, .wvc-button-size-md, .wvc-button-size-lg { font-size: 16px; padding: 18px 35px; } /* Shape */ .wvc-button-shape-standard, .wvc-button-shape-standard-outline { border-radius: 4px; } .wvc-button-shape-rounded-less, .wvc-button-shape-rounded-less-outline { border-radius: 8px; } .wvc-button-shape-rounded, .wvc-button-shape-rounded-outline { border-radius: 999em; } /* Full width */ .wvc-button-fullwidth { display: block !important; width: 100% !important; } .wvc-audio-button { min-width: 128px; } @media screen and (min-width: 800px) { .wvc-button-size-md { font-size: 18px; padding: 20px 38px; } .wvc-button-size-lg { font-size: 24px; padding: 24px 45px; } .wvc-button-container-align-inline { display: inline-block; } .wvc-button-container-align-inline { margin-left: 10px; margin-right: 10px; } .wvc-column-wrapper > .wvc-button-container-align-inline { margin-left: 0; } .wvc-column-wrapper > .wvc-button-container-align-inline ~ .wvc-button-container-align-inline { margin-left: 10px; } .wvc-column-wrapper > .wvc-button-container-align-inline:last-child { margin-right: 0; } } /* No hover effect */ .wvc-button-hover-none.wvc-button-shape-standard, .wvc-button-hover-none.wvc-button-shape-rounded-less, .wvc-button-hover-none.wvc-button-shape-rounded, .wvc-button-hover-none.wvc-button-shape-boxed { color: #fff; } .wvc-button-hover-none.wvc-button-shape-standard.wvc-button-background-color-white, .wvc-button-hover-none.wvc-button-shape-standard.wvc-button-background-color-lightergrey, .wvc-button-hover-none.wvc-button-shape-rounded-less.wvc-button-background-color-white, .wvc-button-hover-none.wvc-button-shape-rounded-less.wvc-button-background-color-lightergrey, .wvc-button-hover-none.wvc-button-shape-rounded.wvc-button-background-color-white, .wvc-button-hover-none.wvc-button-shape-rounded.wvc-button-background-color-lightergrey, .wvc-button-hover-none.wvc-button-shape-boxed.wvc-button-background-color-white, .wvc-button-hover-none.wvc-button-shape-boxed.wvc-button-background-color-lightergrey { color: #444; } .wvc-button-hover-none.wvc-button-shape-standard.wvc-button-background-color-gradient-color-105898 span, .wvc-button-hover-none.wvc-button-shape-standard.wvc-button-background-color-gradient-color-111420 span, .wvc-button-hover-none.wvc-button-shape-standard.wvc-button-background-color-gradient-color-3452ff span, .wvc-button-hover-none.wvc-button-shape-standard.wvc-button-background-color-gradient-color-588694 span, .wvc-button-hover-none.wvc-button-shape-standard.wvc-button-background-color-gradient-color-470604 span, .wvc-button-hover-none.wvc-button-shape-standard.wvc-button-background-color-gradient-color-b900b4 span, .wvc-button-hover-none.wvc-button-shape-standard.wvc-button-background-color-gradient-color-105898 .fa, .wvc-button-hover-none.wvc-button-shape-standard.wvc-button-background-color-gradient-color-111420 .fa, .wvc-button-hover-none.wvc-button-shape-standard.wvc-button-background-color-gradient-color-3452ff .fa, .wvc-button-hover-none.wvc-button-shape-standard.wvc-button-background-color-gradient-color-588694 .fa, .wvc-button-hover-none.wvc-button-shape-standard.wvc-button-background-color-gradient-color-470604 .fa, .wvc-button-hover-none.wvc-button-shape-standard.wvc-button-background-color-gradient-color-b900b4 .fa, .wvc-button-hover-none.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-105898 span, .wvc-button-hover-none.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-111420 span, .wvc-button-hover-none.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-3452ff span, .wvc-button-hover-none.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-588694 span, .wvc-button-hover-none.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-470604 span, .wvc-button-hover-none.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-b900b4 span, .wvc-button-hover-none.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-105898 .fa, .wvc-button-hover-none.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-111420 .fa, .wvc-button-hover-none.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-3452ff .fa, .wvc-button-hover-none.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-588694 .fa, .wvc-button-hover-none.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-470604 .fa, .wvc-button-hover-none.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-b900b4 .fa, .wvc-button-hover-none.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-105898 span, .wvc-button-hover-none.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-111420 span, .wvc-button-hover-none.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-3452ff span, .wvc-button-hover-none.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-588694 span, .wvc-button-hover-none.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-470604 span, .wvc-button-hover-none.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-b900b4 span, .wvc-button-hover-none.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-105898 .fa, .wvc-button-hover-none.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-111420 .fa, .wvc-button-hover-none.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-3452ff .fa, .wvc-button-hover-none.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-588694 .fa, .wvc-button-hover-none.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-470604 .fa, .wvc-button-hover-none.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-b900b4 .fa, .wvc-button-hover-none.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-105898 span, .wvc-button-hover-none.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-111420 span, .wvc-button-hover-none.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-3452ff span, .wvc-button-hover-none.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-588694 span, .wvc-button-hover-none.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-470604 span, .wvc-button-hover-none.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-b900b4 span, .wvc-button-hover-none.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-105898 .fa, .wvc-button-hover-none.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-111420 .fa, .wvc-button-hover-none.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-3452ff .fa, .wvc-button-hover-none.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-588694 .fa, .wvc-button-hover-none.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-470604 .fa, .wvc-button-hover-none.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-b900b4 .fa { background: #fff; -webkit-background-clip: text; -webkit-text-fill-color: #fff; } .wvc-button-hover-none.wvc-button-shape-standard-outline, .wvc-button-hover-none.wvc-button-shape-rounded-less-outline, .wvc-button-hover-none.wvc-button-shape-rounded-outline, .wvc-button-hover-none.wvc-button-shape-boxed-outline { background: none; } /* Hover effect */ .wvc-button-hover-opacity { transition: opacity .3s ease; } .wvc-button-hover-opacity.wvc-button-shape-standard, .wvc-button-hover-opacity.wvc-button-shape-rounded-less, .wvc-button-hover-opacity.wvc-button-shape-rounded, .wvc-button-hover-opacity.wvc-button-shape-boxed { color: #fff; } .wvc-button-hover-opacity.wvc-button-shape-standard.wvc-button-background-color-white, .wvc-button-hover-opacity.wvc-button-shape-standard.wvc-button-background-color-lightergrey, .wvc-button-hover-opacity.wvc-button-shape-rounded-less.wvc-button-background-color-white, .wvc-button-hover-opacity.wvc-button-shape-rounded-less.wvc-button-background-color-lightergrey, .wvc-button-hover-opacity.wvc-button-shape-rounded.wvc-button-background-color-white, .wvc-button-hover-opacity.wvc-button-shape-rounded.wvc-button-background-color-lightergrey, .wvc-button-hover-opacity.wvc-button-shape-boxed.wvc-button-background-color-white, .wvc-button-hover-opacity.wvc-button-shape-boxed.wvc-button-background-color-lightergrey { color: #444; } .wvc-button-hover-opacity.wvc-button-shape-standard.wvc-button-background-color-gradient-color-105898 span, .wvc-button-hover-opacity.wvc-button-shape-standard.wvc-button-background-color-gradient-color-111420 span, .wvc-button-hover-opacity.wvc-button-shape-standard.wvc-button-background-color-gradient-color-3452ff span, .wvc-button-hover-opacity.wvc-button-shape-standard.wvc-button-background-color-gradient-color-588694 span, .wvc-button-hover-opacity.wvc-button-shape-standard.wvc-button-background-color-gradient-color-470604 span, .wvc-button-hover-opacity.wvc-button-shape-standard.wvc-button-background-color-gradient-color-b900b4 span, .wvc-button-hover-opacity.wvc-button-shape-standard.wvc-button-background-color-gradient-color-105898 .fa, .wvc-button-hover-opacity.wvc-button-shape-standard.wvc-button-background-color-gradient-color-111420 .fa, .wvc-button-hover-opacity.wvc-button-shape-standard.wvc-button-background-color-gradient-color-3452ff .fa, .wvc-button-hover-opacity.wvc-button-shape-standard.wvc-button-background-color-gradient-color-588694 .fa, .wvc-button-hover-opacity.wvc-button-shape-standard.wvc-button-background-color-gradient-color-470604 .fa, .wvc-button-hover-opacity.wvc-button-shape-standard.wvc-button-background-color-gradient-color-b900b4 .fa, .wvc-button-hover-opacity.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-105898 span, .wvc-button-hover-opacity.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-111420 span, .wvc-button-hover-opacity.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-3452ff span, .wvc-button-hover-opacity.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-588694 span, .wvc-button-hover-opacity.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-470604 span, .wvc-button-hover-opacity.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-b900b4 span, .wvc-button-hover-opacity.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-105898 .fa, .wvc-button-hover-opacity.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-111420 .fa, .wvc-button-hover-opacity.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-3452ff .fa, .wvc-button-hover-opacity.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-588694 .fa, .wvc-button-hover-opacity.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-470604 .fa, .wvc-button-hover-opacity.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-b900b4 .fa, .wvc-button-hover-opacity.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-105898 span, .wvc-button-hover-opacity.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-111420 span, .wvc-button-hover-opacity.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-3452ff span, .wvc-button-hover-opacity.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-588694 span, .wvc-button-hover-opacity.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-470604 span, .wvc-button-hover-opacity.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-b900b4 span, .wvc-button-hover-opacity.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-105898 .fa, .wvc-button-hover-opacity.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-111420 .fa, .wvc-button-hover-opacity.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-3452ff .fa, .wvc-button-hover-opacity.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-588694 .fa, .wvc-button-hover-opacity.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-470604 .fa, .wvc-button-hover-opacity.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-b900b4 .fa, .wvc-button-hover-opacity.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-105898 span, .wvc-button-hover-opacity.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-111420 span, .wvc-button-hover-opacity.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-3452ff span, .wvc-button-hover-opacity.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-588694 span, .wvc-button-hover-opacity.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-470604 span, .wvc-button-hover-opacity.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-b900b4 span, .wvc-button-hover-opacity.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-105898 .fa, .wvc-button-hover-opacity.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-111420 .fa, .wvc-button-hover-opacity.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-3452ff .fa, .wvc-button-hover-opacity.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-588694 .fa, .wvc-button-hover-opacity.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-470604 .fa, .wvc-button-hover-opacity.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-b900b4 .fa { background: #fff; -webkit-background-clip: text; -webkit-text-fill-color: #fff; } .wvc-button-hover-opacity.wvc-button-shape-standard-outline, .wvc-button-hover-opacity.wvc-button-shape-rounded-less-outline, .wvc-button-hover-opacity.wvc-button-shape-rounded-outline, .wvc-button-hover-opacity.wvc-button-shape-boxed-outline { background: none; } .wvc-button-hover-opacity:hover { opacity: .66; } .wvc-button-hover-background { transition: background .3s ease; } .wvc-button-hover-background.wvc-button-shape-standard:not(:hover), .wvc-button-hover-background.wvc-button-shape-rounded-less:not(:hover), .wvc-button-hover-background.wvc-button-shape-rounded:not(:hover), .wvc-button-hover-background.wvc-button-shape-boxed:not(:hover) { color: #fff; } .wvc-button-hover-background.wvc-button-shape-standard.wvc-button-background-color-white:not(:hover), .wvc-button-hover-background.wvc-button-shape-standard.wvc-button-background-color-lightergrey:not(:hover), .wvc-button-hover-background.wvc-button-shape-rounded-less.wvc-button-background-color-white:not(:hover), .wvc-button-hover-background.wvc-button-shape-rounded-less.wvc-button-background-color-lightergrey:not(:hover), .wvc-button-hover-background.wvc-button-shape-rounded.wvc-button-background-color-white:not(:hover), .wvc-button-hover-background.wvc-button-shape-rounded.wvc-button-background-color-lightergrey:not(:hover), .wvc-button-hover-background.wvc-button-shape-boxed.wvc-button-background-color-white:not(:hover), .wvc-button-hover-background.wvc-button-shape-boxed.wvc-button-background-color-lightergrey:not(:hover) { color: #444; } .wvc-button-hover-background.wvc-button-shape-standard.wvc-button-background-color-gradient-color-105898:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-standard.wvc-button-background-color-gradient-color-111420:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-standard.wvc-button-background-color-gradient-color-3452ff:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-standard.wvc-button-background-color-gradient-color-588694:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-standard.wvc-button-background-color-gradient-color-470604:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-standard.wvc-button-background-color-gradient-color-b900b4:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-standard.wvc-button-background-color-gradient-color-105898:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-standard.wvc-button-background-color-gradient-color-111420:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-standard.wvc-button-background-color-gradient-color-3452ff:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-standard.wvc-button-background-color-gradient-color-588694:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-standard.wvc-button-background-color-gradient-color-470604:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-standard.wvc-button-background-color-gradient-color-b900b4:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-105898:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-111420:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-3452ff:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-588694:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-470604:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-b900b4:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-105898:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-111420:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-3452ff:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-588694:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-470604:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-b900b4:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-105898:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-111420:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-3452ff:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-588694:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-470604:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-b900b4:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-105898:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-111420:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-3452ff:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-588694:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-470604:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-b900b4:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-105898:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-111420:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-3452ff:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-588694:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-470604:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-b900b4:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-105898:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-111420:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-3452ff:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-588694:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-470604:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-b900b4:not(:hover) .fa { background: #fff; -webkit-background-clip: text; -webkit-text-fill-color: #fff; } .wvc-button-hover-background.wvc-button-shape-standard:hover, .wvc-button-hover-background.wvc-button-shape-rounded-less:hover, .wvc-button-hover-background.wvc-button-shape-rounded:hover, .wvc-button-hover-background.wvc-button-shape-boxed:hover { background: none; } .wvc-button-hover-background.wvc-button-shape-standard:hover.wvc-button-background-color-white, .wvc-button-hover-background.wvc-button-shape-standard:hover.wvc-button-background-color-lightergrey, .wvc-button-hover-background.wvc-button-shape-rounded-less:hover.wvc-button-background-color-white, .wvc-button-hover-background.wvc-button-shape-rounded-less:hover.wvc-button-background-color-lightergrey, .wvc-button-hover-background.wvc-button-shape-rounded:hover.wvc-button-background-color-white, .wvc-button-hover-background.wvc-button-shape-rounded:hover.wvc-button-background-color-lightergrey, .wvc-button-hover-background.wvc-button-shape-boxed:hover.wvc-button-background-color-white, .wvc-button-hover-background.wvc-button-shape-boxed:hover.wvc-button-background-color-lightergrey { color: #fff; } .wvc-button-hover-background.wvc-button-shape-standard-outline:not(:hover), .wvc-button-hover-background.wvc-button-shape-rounded-less-outline:not(:hover), .wvc-button-hover-background.wvc-button-shape-rounded-outline:not(:hover), .wvc-button-hover-background.wvc-button-shape-boxed-outline:not(:hover) { background: none; } .wvc-button-hover-background.wvc-button-shape-standard-outline.wvc-button-background-color-white, .wvc-button-hover-background.wvc-button-shape-standard-outline.wvc-button-background-color-lightergrey, .wvc-button-hover-background.wvc-button-shape-rounded-less-outline.wvc-button-background-color-white, .wvc-button-hover-background.wvc-button-shape-rounded-less-outline.wvc-button-background-color-lightergrey, .wvc-button-hover-background.wvc-button-shape-rounded-outline.wvc-button-background-color-white, .wvc-button-hover-background.wvc-button-shape-rounded-outline.wvc-button-background-color-lightergrey, .wvc-button-hover-background.wvc-button-shape-boxed-outline.wvc-button-background-color-white, .wvc-button-hover-background.wvc-button-shape-boxed-outline.wvc-button-background-color-lightergrey { color: #fff; } .wvc-button-hover-background.wvc-button-shape-standard-outline:hover, .wvc-button-hover-background.wvc-button-shape-rounded-less-outline:hover, .wvc-button-hover-background.wvc-button-shape-rounded-outline:hover, .wvc-button-hover-background.wvc-button-shape-boxed-outline:hover { color: #fff; } .wvc-button-hover-background.wvc-button-shape-standard-outline.wvc-button-background-color-white:hover, .wvc-button-hover-background.wvc-button-shape-standard-outline.wvc-button-background-color-lightergrey:hover, .wvc-button-hover-background.wvc-button-shape-rounded-less-outline.wvc-button-background-color-white:hover, .wvc-button-hover-background.wvc-button-shape-rounded-less-outline.wvc-button-background-color-lightergrey:hover, .wvc-button-hover-background.wvc-button-shape-rounded-outline.wvc-button-background-color-white:hover, .wvc-button-hover-background.wvc-button-shape-rounded-outline.wvc-button-background-color-lightergrey:hover, .wvc-button-hover-background.wvc-button-shape-boxed-outline.wvc-button-background-color-white:hover, .wvc-button-hover-background.wvc-button-shape-boxed-outline.wvc-button-background-color-lightergrey:hover { color: #444; } .wvc-button-hover-background.wvc-button-shape-standard-outline.wvc-button-background-color-gradient-color-105898:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-standard-outline.wvc-button-background-color-gradient-color-111420:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-standard-outline.wvc-button-background-color-gradient-color-3452ff:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-standard-outline.wvc-button-background-color-gradient-color-588694:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-standard-outline.wvc-button-background-color-gradient-color-470604:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-standard-outline.wvc-button-background-color-gradient-color-b900b4:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-standard-outline.wvc-button-background-color-gradient-color-105898:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-standard-outline.wvc-button-background-color-gradient-color-111420:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-standard-outline.wvc-button-background-color-gradient-color-3452ff:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-standard-outline.wvc-button-background-color-gradient-color-588694:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-standard-outline.wvc-button-background-color-gradient-color-470604:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-standard-outline.wvc-button-background-color-gradient-color-b900b4:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded-less-outline.wvc-button-background-color-gradient-color-105898:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded-less-outline.wvc-button-background-color-gradient-color-111420:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded-less-outline.wvc-button-background-color-gradient-color-3452ff:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded-less-outline.wvc-button-background-color-gradient-color-588694:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded-less-outline.wvc-button-background-color-gradient-color-470604:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded-less-outline.wvc-button-background-color-gradient-color-b900b4:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded-less-outline.wvc-button-background-color-gradient-color-105898:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded-less-outline.wvc-button-background-color-gradient-color-111420:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded-less-outline.wvc-button-background-color-gradient-color-3452ff:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded-less-outline.wvc-button-background-color-gradient-color-588694:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded-less-outline.wvc-button-background-color-gradient-color-470604:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded-less-outline.wvc-button-background-color-gradient-color-b900b4:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded-outline.wvc-button-background-color-gradient-color-105898:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded-outline.wvc-button-background-color-gradient-color-111420:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded-outline.wvc-button-background-color-gradient-color-3452ff:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded-outline.wvc-button-background-color-gradient-color-588694:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded-outline.wvc-button-background-color-gradient-color-470604:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded-outline.wvc-button-background-color-gradient-color-b900b4:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-rounded-outline.wvc-button-background-color-gradient-color-105898:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded-outline.wvc-button-background-color-gradient-color-111420:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded-outline.wvc-button-background-color-gradient-color-3452ff:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded-outline.wvc-button-background-color-gradient-color-588694:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded-outline.wvc-button-background-color-gradient-color-470604:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-rounded-outline.wvc-button-background-color-gradient-color-b900b4:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-boxed-outline.wvc-button-background-color-gradient-color-105898:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-boxed-outline.wvc-button-background-color-gradient-color-111420:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-boxed-outline.wvc-button-background-color-gradient-color-3452ff:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-boxed-outline.wvc-button-background-color-gradient-color-588694:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-boxed-outline.wvc-button-background-color-gradient-color-470604:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-boxed-outline.wvc-button-background-color-gradient-color-b900b4:not(:hover) span, .wvc-button-hover-background.wvc-button-shape-boxed-outline.wvc-button-background-color-gradient-color-105898:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-boxed-outline.wvc-button-background-color-gradient-color-111420:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-boxed-outline.wvc-button-background-color-gradient-color-3452ff:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-boxed-outline.wvc-button-background-color-gradient-color-588694:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-boxed-outline.wvc-button-background-color-gradient-color-470604:not(:hover) .fa, .wvc-button-hover-background.wvc-button-shape-boxed-outline.wvc-button-background-color-gradient-color-b900b4:not(:hover) .fa { background: #fff; -webkit-background-clip: text; -webkit-text-fill-color: #fff; } .wvc-button-hover-upper { transition: transform .3s ease,box-shadow .3s ease; } .wvc-button-hover-upper.wvc-button-shape-standard, .wvc-button-hover-upper.wvc-button-shape-rounded-less, .wvc-button-hover-upper.wvc-button-shape-rounded, .wvc-button-hover-upper.wvc-button-shape-boxed { color: #fff; } .wvc-button-hover-upper.wvc-button-shape-standard.wvc-button-background-color-white, .wvc-button-hover-upper.wvc-button-shape-standard.wvc-button-background-color-lightergrey, .wvc-button-hover-upper.wvc-button-shape-rounded-less.wvc-button-background-color-white, .wvc-button-hover-upper.wvc-button-shape-rounded-less.wvc-button-background-color-lightergrey, .wvc-button-hover-upper.wvc-button-shape-rounded.wvc-button-background-color-white, .wvc-button-hover-upper.wvc-button-shape-rounded.wvc-button-background-color-lightergrey, .wvc-button-hover-upper.wvc-button-shape-boxed.wvc-button-background-color-white, .wvc-button-hover-upper.wvc-button-shape-boxed.wvc-button-background-color-lightergrey { color: #444; } .wvc-button-hover-upper.wvc-button-shape-standard.wvc-button-background-color-gradient-color-105898 span, .wvc-button-hover-upper.wvc-button-shape-standard.wvc-button-background-color-gradient-color-111420 span, .wvc-button-hover-upper.wvc-button-shape-standard.wvc-button-background-color-gradient-color-3452ff span, .wvc-button-hover-upper.wvc-button-shape-standard.wvc-button-background-color-gradient-color-588694 span, .wvc-button-hover-upper.wvc-button-shape-standard.wvc-button-background-color-gradient-color-470604 span, .wvc-button-hover-upper.wvc-button-shape-standard.wvc-button-background-color-gradient-color-b900b4 span, .wvc-button-hover-upper.wvc-button-shape-standard.wvc-button-background-color-gradient-color-105898 .fa, .wvc-button-hover-upper.wvc-button-shape-standard.wvc-button-background-color-gradient-color-111420 .fa, .wvc-button-hover-upper.wvc-button-shape-standard.wvc-button-background-color-gradient-color-3452ff .fa, .wvc-button-hover-upper.wvc-button-shape-standard.wvc-button-background-color-gradient-color-588694 .fa, .wvc-button-hover-upper.wvc-button-shape-standard.wvc-button-background-color-gradient-color-470604 .fa, .wvc-button-hover-upper.wvc-button-shape-standard.wvc-button-background-color-gradient-color-b900b4 .fa, .wvc-button-hover-upper.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-105898 span, .wvc-button-hover-upper.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-111420 span, .wvc-button-hover-upper.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-3452ff span, .wvc-button-hover-upper.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-588694 span, .wvc-button-hover-upper.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-470604 span, .wvc-button-hover-upper.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-b900b4 span, .wvc-button-hover-upper.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-105898 .fa, .wvc-button-hover-upper.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-111420 .fa, .wvc-button-hover-upper.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-3452ff .fa, .wvc-button-hover-upper.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-588694 .fa, .wvc-button-hover-upper.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-470604 .fa, .wvc-button-hover-upper.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-b900b4 .fa, .wvc-button-hover-upper.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-105898 span, .wvc-button-hover-upper.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-111420 span, .wvc-button-hover-upper.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-3452ff span, .wvc-button-hover-upper.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-588694 span, .wvc-button-hover-upper.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-470604 span, .wvc-button-hover-upper.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-b900b4 span, .wvc-button-hover-upper.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-105898 .fa, .wvc-button-hover-upper.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-111420 .fa, .wvc-button-hover-upper.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-3452ff .fa, .wvc-button-hover-upper.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-588694 .fa, .wvc-button-hover-upper.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-470604 .fa, .wvc-button-hover-upper.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-b900b4 .fa, .wvc-button-hover-upper.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-105898 span, .wvc-button-hover-upper.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-111420 span, .wvc-button-hover-upper.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-3452ff span, .wvc-button-hover-upper.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-588694 span, .wvc-button-hover-upper.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-470604 span, .wvc-button-hover-upper.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-b900b4 span, .wvc-button-hover-upper.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-105898 .fa, .wvc-button-hover-upper.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-111420 .fa, .wvc-button-hover-upper.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-3452ff .fa, .wvc-button-hover-upper.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-588694 .fa, .wvc-button-hover-upper.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-470604 .fa, .wvc-button-hover-upper.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-b900b4 .fa { background: #fff; -webkit-background-clip: text; -webkit-text-fill-color: #fff; } .wvc-button-hover-upper.wvc-button-shape-standard-outline, .wvc-button-hover-upper.wvc-button-shape-rounded-less-outline, .wvc-button-hover-upper.wvc-button-shape-rounded-outline, .wvc-button-hover-upper.wvc-button-shape-boxed-outline { background: none; } .wvc-button-hover-upper:hover { transform: translateY(-3px); box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16); } .wvc-button-hover-fill-vertical { background-color: transparent !important; background: none !important; overflow: hidden; } .wvc-button-hover-fill-vertical span { position: relative; z-index: 1; } .wvc-button-hover-fill-vertical .wvc-button-background-fill { display: block; z-index: 0; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; transition: height 0.3s; } .wvc-button-hover-fill-vertical.wvc-button-shape-standard:not(:hover), .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less:not(:hover), .wvc-button-hover-fill-vertical.wvc-button-shape-rounded:not(:hover), .wvc-button-hover-fill-vertical.wvc-button-shape-boxed:not(:hover) { color: #fff; } .wvc-button-hover-fill-vertical.wvc-button-shape-standard.wvc-button-background-color-gradient-color-105898:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-standard.wvc-button-background-color-gradient-color-111420:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-standard.wvc-button-background-color-gradient-color-3452ff:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-standard.wvc-button-background-color-gradient-color-588694:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-standard.wvc-button-background-color-gradient-color-470604:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-standard.wvc-button-background-color-gradient-color-b900b4:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-standard.wvc-button-background-color-gradient-color-105898:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-standard.wvc-button-background-color-gradient-color-111420:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-standard.wvc-button-background-color-gradient-color-3452ff:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-standard.wvc-button-background-color-gradient-color-588694:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-standard.wvc-button-background-color-gradient-color-470604:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-standard.wvc-button-background-color-gradient-color-b900b4:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-105898:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-111420:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-3452ff:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-588694:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-470604:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-b900b4:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-105898:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-111420:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-3452ff:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-588694:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-470604:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-b900b4:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-105898:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-111420:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-3452ff:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-588694:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-470604:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-b900b4:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-105898:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-111420:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-3452ff:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-588694:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-470604:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-b900b4:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-105898:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-111420:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-3452ff:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-588694:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-470604:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-b900b4:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-105898:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-111420:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-3452ff:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-588694:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-470604:not(:hover) .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-b900b4:not(:hover) .fa { background: #fff; -webkit-background-clip: text; -webkit-text-fill-color: #fff; } .wvc-button-hover-fill-vertical.wvc-button-shape-standard.wvc-button-background-color-white:not(:hover), .wvc-button-hover-fill-vertical.wvc-button-shape-standard.wvc-button-background-color-lightergrey:not(:hover), .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less.wvc-button-background-color-white:not(:hover), .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less.wvc-button-background-color-lightergrey:not(:hover), .wvc-button-hover-fill-vertical.wvc-button-shape-rounded.wvc-button-background-color-white:not(:hover), .wvc-button-hover-fill-vertical.wvc-button-shape-rounded.wvc-button-background-color-lightergrey:not(:hover), .wvc-button-hover-fill-vertical.wvc-button-shape-boxed.wvc-button-background-color-white:not(:hover), .wvc-button-hover-fill-vertical.wvc-button-shape-boxed.wvc-button-background-color-lightergrey:not(:hover) { color: #333; } .wvc-button-hover-fill-vertical.wvc-button-shape-standard .wvc-button-background-fill, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less .wvc-button-background-fill, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded .wvc-button-background-fill, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed .wvc-button-background-fill { height: 100%; } .wvc-button-hover-fill-vertical.wvc-button-shape-standard:hover .wvc-button-background-fill, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less:hover .wvc-button-background-fill, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded:hover .wvc-button-background-fill, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed:hover .wvc-button-background-fill { height: 0; } .wvc-button-hover-fill-vertical.wvc-button-shape-standard-outline .wvc-button-background-fill, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less-outline .wvc-button-background-fill, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-outline .wvc-button-background-fill, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed-outline .wvc-button-background-fill { height: 0; } .wvc-button-hover-fill-vertical.wvc-button-shape-standard-outline:hover, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less-outline:hover, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-outline:hover, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed-outline:hover { color: #fff; } .wvc-button-hover-fill-vertical.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-105898 span, .wvc-button-hover-fill-vertical.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-111420 span, .wvc-button-hover-fill-vertical.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-3452ff span, .wvc-button-hover-fill-vertical.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-588694 span, .wvc-button-hover-fill-vertical.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-470604 span, .wvc-button-hover-fill-vertical.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-b900b4:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-105898 .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-111420 .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-3452ff .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-588694 .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-470604 .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-b900b4 .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-105898 span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-111420 span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-3452ff span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-588694 span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-470604 span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-b900b4:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-105898 .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-111420 .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-3452ff .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-588694 .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-470604 .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-b900b4 .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-105898 span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-111420 span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-3452ff span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-588694 span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-470604 span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-b900b4:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-105898 .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-111420 .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-3452ff .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-588694 .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-470604 .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-b900b4 .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-105898 span, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-111420 span, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-3452ff span, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-588694 span, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-470604 span, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-b900b4:not(:hover) span, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-105898 .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-111420 .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-3452ff .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-588694 .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-470604 .fa, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-b900b4 .fa { background: #fff; -webkit-background-clip: text; -webkit-text-fill-color: #fff; } .wvc-button-hover-fill-vertical.wvc-button-shape-standard-outline:hover.wvc-button-background-color-white, .wvc-button-hover-fill-vertical.wvc-button-shape-standard-outline:hover.wvc-button-background-color-lightergrey, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-white, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-lightergrey, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-white, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-lightergrey, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-white, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-lightergrey { color: #333; } .wvc-button-hover-fill-vertical.wvc-button-shape-standard-outline:hover .wvc-button-background-fill, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-less-outline:hover .wvc-button-background-fill, .wvc-button-hover-fill-vertical.wvc-button-shape-rounded-outline:hover .wvc-button-background-fill, .wvc-button-hover-fill-vertical.wvc-button-shape-boxed-outline:hover .wvc-button-background-fill { height: 100%; } .wvc-button-hover-fill-horizontal { background-color: transparent !important; background: none !important; overflow: hidden; } .wvc-button-hover-fill-horizontal span { position: relative; z-index: 1; } .wvc-button-hover-fill-horizontal .wvc-button-background-fill { display: block; z-index: 0; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; transition: width 0.3s; } .wvc-button-hover-fill-horizontal.wvc-button-shape-standard:not(:hover), .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less:not(:hover), .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded:not(:hover), .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed:not(:hover) { color: #fff; } .wvc-button-hover-fill-horizontal.wvc-button-shape-standard.wvc-button-background-color-gradient-color-105898:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard.wvc-button-background-color-gradient-color-111420:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard.wvc-button-background-color-gradient-color-3452ff:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard.wvc-button-background-color-gradient-color-588694:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard.wvc-button-background-color-gradient-color-470604:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard.wvc-button-background-color-gradient-color-b900b4:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard.wvc-button-background-color-gradient-color-105898:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard.wvc-button-background-color-gradient-color-111420:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard.wvc-button-background-color-gradient-color-3452ff:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard.wvc-button-background-color-gradient-color-588694:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard.wvc-button-background-color-gradient-color-470604:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard.wvc-button-background-color-gradient-color-b900b4:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-105898:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-111420:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-3452ff:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-588694:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-470604:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-b900b4:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-105898:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-111420:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-3452ff:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-588694:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-470604:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less.wvc-button-background-color-gradient-color-b900b4:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-105898:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-111420:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-3452ff:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-588694:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-470604:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-b900b4:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-105898:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-111420:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-3452ff:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-588694:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-470604:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded.wvc-button-background-color-gradient-color-b900b4:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-105898:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-111420:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-3452ff:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-588694:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-470604:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-b900b4:not(:hover) span, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-105898:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-111420:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-3452ff:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-588694:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-470604:not(:hover) .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed.wvc-button-background-color-gradient-color-b900b4:not(:hover) .fa { background: #fff; -webkit-background-clip: text; -webkit-text-fill-color: #fff; } .wvc-button-hover-fill-horizontal.wvc-button-shape-standard.wvc-button-background-color-white:not(:hover), .wvc-button-hover-fill-horizontal.wvc-button-shape-standard.wvc-button-background-color-lightergrey:not(:hover), .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less.wvc-button-background-color-white:not(:hover), .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less.wvc-button-background-color-lightergrey:not(:hover), .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded.wvc-button-background-color-white:not(:hover), .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded.wvc-button-background-color-lightergrey:not(:hover), .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed.wvc-button-background-color-white:not(:hover), .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed.wvc-button-background-color-lightergrey:not(:hover) { color: #333; } .wvc-button-hover-fill-horizontal.wvc-button-shape-standard .wvc-button-background-fill, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less .wvc-button-background-fill, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded .wvc-button-background-fill, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed .wvc-button-background-fill { width: 100%; } .wvc-button-hover-fill-horizontal.wvc-button-shape-standard:hover .wvc-button-background-fill, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less:hover .wvc-button-background-fill, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded:hover .wvc-button-background-fill, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed:hover .wvc-button-background-fill { height: 0; } .wvc-button-hover-fill-horizontal.wvc-button-shape-standard-outline .wvc-button-background-fill, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less-outline .wvc-button-background-fill, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-outline .wvc-button-background-fill, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed-outline .wvc-button-background-fill { width: 0; } .wvc-button-hover-fill-horizontal.wvc-button-shape-standard-outline:hover, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less-outline:hover, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-outline:hover, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed-outline:hover { color: #fff; } .wvc-button-hover-fill-horizontal.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-105898 span, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-111420 span, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-3452ff span, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-588694 span, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-470604 span, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-b900b4 span, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-105898 .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-111420 .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-3452ff .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-588694 .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-470604 .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard-outline:hover.wvc-button-background-color-gradient-color-b900b4 .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-105898 span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-111420 span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-3452ff span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-588694 span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-470604 span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-b900b4 span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-105898 .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-111420 .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-3452ff .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-588694 .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-470604 .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-gradient-color-b900b4 .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-105898 span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-111420 span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-3452ff span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-588694 span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-470604 span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-b900b4 span, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-105898 .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-111420 .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-3452ff .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-588694 .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-470604 .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-gradient-color-b900b4 .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-105898 span, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-111420 span, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-3452ff span, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-588694 span, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-470604 span, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-b900b4 span, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-105898 .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-111420 .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-3452ff .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-588694 .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-470604 .fa, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-gradient-color-b900b4 .fa { background: #fff; -webkit-background-clip: text; -webkit-text-fill-color: #fff; } .wvc-button-hover-fill-horizontal.wvc-button-shape-standard-outline:hover.wvc-button-background-color-white, .wvc-button-hover-fill-horizontal.wvc-button-shape-standard-outline:hover.wvc-button-background-color-lightergrey, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-white, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less-outline:hover.wvc-button-background-color-lightergrey, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-white, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-outline:hover.wvc-button-background-color-lightergrey, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-white, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed-outline:hover.wvc-button-background-color-lightergrey { color: #333; } .wvc-button-hover-fill-horizontal.wvc-button-shape-standard-outline:hover .wvc-button-background-fill, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-less-outline:hover .wvc-button-background-fill, .wvc-button-hover-fill-horizontal.wvc-button-shape-rounded-outline:hover .wvc-button-background-fill, .wvc-button-hover-fill-horizontal.wvc-button-shape-boxed-outline:hover .wvc-button-background-fill { width: 100%; } /** * Call to action */ .wvc-call-to-action { text-align: center; padding: 2em 0 2em; } .wvc-call-to-action .wvc-cta-tagline { margin-top: 35px; margin-bottom: 0; font-size: 18px; } .wvc-call-to-action h4 { font-size: 24px; } .wvc-call-to-action h2, .wvc-call-to-action h3, .wvc-call-to-action h4, .wvc-call-to-action h5, .wvc-call-to-action h6 { line-height: 1; margin-bottom: 0; } .wvc-call-to-action a.wvc-button { display: inline-block; } .wvc-call-to-action-text { margin-bottom: 2em; } .wvc-call-to-action-align-right .wvc-call-to-action-text { margin-bottom: 0; margin-top: 2em; } /** * Linked image */ .wvc-linked-image { position: relative; } .wvc-linked-image .wvc-image-inner { margin-bottom: -1px; position: relative; display: block; overflow: hidden; } .wvc-linked-image .wvc-image-inner img { vertical-align: bottom; } .wvc-linked-image .wvc-image-inner img, .wvc-linked-image .wvc-image-inner iframe, .wvc-linked-image .wvc-image-inner embed, .wvc-linked-image .wvc-image-inner object, .wvc-linked-image .wvc-image-inner video { max-width: 100%; } .wvc-linked-image.wvc-shadow { box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2); } .wvc-linked-image.wvc-round .wvc-image-inner { border-radius: 50%; } .wvc-linked-image .wvc-linked-image-overlay { z-index: 0; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.33; } .wvc-linked-image .wvc-linked-image-caption-container { z-index: 1; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .wvc-linked-image.wvc-frame-border .wvc-linked-image-caption-container { padding: 15px; } .wvc-linked-image.wvc-frame-border .wvc-linked-image-caption-table { border: 1px solid white; } .wvc-linked-image .wvc-linked-image-caption-table { display: table; width: 100%; height: 100%; } .wvc-linked-image .wvc-linked-image-caption-table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 8%; } .wvc-linked-image .wvc-linked-image-secondary-text, .wvc-linked-image .wvc-linked-image-caption { display: block; width: 100%; } .wvc-linked-image .wvc-linked-image-button { margin-top: 25px; color: #333 !important; padding: 1em 1.2em; line-height: 1; border: 1px solid #fff; display: inline-block; transition: .25s; background: #FFF; } .wvc-linked-image .wvc-linked-image-button:hover { background: none; color: #fff !important; } /** * Images gallery */ /* Image grid */ .wvc-gallery-image_grid { /* Padding */ } .wvc-gallery-image_grid figure { margin: 0; padding: 0; } .wvc-gallery-image_grid img { transform: translateZ(0); backface-visibility: hidden; display: block; vertical-align: bottom; width: 100%; } .wvc-gallery-image_grid.wvc-gallery-padding-yes { padding: 8px; margin-left: -16px; width: calc(100% + 32px); } .wvc-gallery-image_grid.wvc-gallery-padding-yes .wvc-img-image_grid { padding: 8px; } /* Columns */ .wvc-gallery-image_grid-columns-1 .wvc-img-image_grid { float: none; padding: 0; padding-bottom: 10px; } /* wvc-gallery-image-caption */ .wvc-gallery-image-caption { margin-top: 10px; margin-bottom: 20px; text-align: center; } /* Auto column */ @media screen and (max-width: 600px) { .wvc-gallery-columns-auto { float: none; padding: 0; padding-bottom: 10px; } } @media screen and (min-width: 600px) { .wvc-gallery-columns-auto .wvc-img-image_grid { float: left; width: 50%; } .wvc-gallery-columns-auto .wvc-img-masonry { float: left; width: 49.7%; } } @media screen and (min-width: 800px) { .wvc-gallery-columns-auto .wvc-img-image_grid { float: left; width: 25%; } .wvc-gallery-columns-auto .wvc-img-masonry { float: left; width: 24.7%; } } @media screen and (min-width: 1600px) { .wvc-gallery-columns-auto .wvc-img-image_grid { float: left; width: 16.66667%; } .wvc-gallery-columns-auto .wvc-img-masonry { float: left; width: 16.36667%; } } /** * Images carousel */ .wvc-gallery-carousel { /* Padding */ } .wvc-gallery-carousel figure { margin: 0; padding: 0; text-align: center; width: 50%; } .wvc-gallery-carousel img { backface-visibility: hidden; display: inline-block; text-align: center; vertical-align: bottom; width: auto; } .wvc-gallery-carousel.wvc-gallery-padding-yes .wvc-img-carousel { padding: 10px; } .wvc-gallery-carousel.wvc-carousel-has-bullet { margin-bottom: 55px !important; } /* Columns */ .wvc-carousel-columns-1 .wvc-img-carousel { float: none; padding: 0; padding-bottom: 10px; } @media screen and (min-width: 800px) { /* Image gallery columns */ .wvc-carousel-columns-1 .wvc-img-carousel { float: left; width: 100%; } .wvc-carousel-columns-2 .wvc-img-carousel { float: left; width: 50%; } .wvc-carousel-columns-3 .wvc-img-carousel { float: left; width: 33.33333%; } .wvc-carousel-columns-4 .wvc-img-carousel { float: left; width: 25%; } .wvc-carousel-columns-5 .wvc-img-carousel { float: left; width: 20%; } .wvc-carousel-columns-6 .wvc-img-carousel { float: left; width: 16.66667%; } } /** * Images masonry */ /* Image grid */ .wvc-gallery-masonry { /* Padding */ } .wvc-gallery-masonry figure { margin: 0; padding: 0; } .wvc-gallery-masonry img { backface-visibility: hidden; display: block; vertical-align: bottom; width: 100%; } .wvc-gallery-masonry.wvc-gallery-padding-yes { width: calc(100% + 16px); margin-left: -8px; } .wvc-gallery-masonry.wvc-gallery-padding-yes .wvc-img-masonry-outer { padding: 8px; } /* Columns */ .wvc-gallery-masonry-columns-1 .wvc-img-masonry { float: none; padding: 0; padding-bottom: 10px; } /*******************/ /* Image justified */ .wvc-gallery-justified { overflow: hidden; /* Padding */ } .wvc-gallery-justified figure { margin: 0; padding: 0; } .wvc-gallery-justified .wvc-img-justified { position: relative; float: left; } .wvc-gallery-justified .wvc-img-justified a { display: block; width: 100%; } .wvc-gallery-justified img { display: block; width: 100%; backface-visibility: hidden; } .wvc-gallery-justified.wvc-gallery-padding-yes .wvc-img-justified { margin: 5px; } /** * Mosaic image gallery */ .wvc-img-mosaic-padding-frame { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .wvc-gallery-mosaic figure { margin: 0; padding: 0; } .wvc-gallery-mosaic .wvc-mosaic-block { overflow: hidden; } .wvc-gallery-mosaic.wvc-gallery-padding-yes { padding: 5px; } .wvc-gallery-mosaic.wvc-gallery-padding-yes .wvc-img-mosaic-padding-frame { margin: 5px; width: calc(100% - 10px); height: calc(100% - 10px); } .wvc-gallery-mosaic .wvc-img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; } .wvc-gallery-mosaic img { backface-visibility: hidden; display: block; vertical-align: bottom; width: 100%; } .wvc-gallery-mosaic .wvc-img-mosaic { position: relative; float: left; overflow: hidden; display: block; } .wvc-gallery-mosaic .wvc-img-mosaic:before { content: ' '; position: absolute; height: 100%; width: 100%; pointer-events: none; } .wvc-gallery-mosaic .wvc-img-mosaic:nth-child(6n+1) { width: 50%; padding-bottom: 50%; } .wvc-gallery-mosaic .wvc-img-mosaic:nth-child(6n+2) { width: 50%; padding-bottom: 25%; } .wvc-gallery-mosaic .wvc-img-mosaic:nth-child(6n+3) { width: 25%; padding-bottom: 25%; } .wvc-gallery-mosaic .wvc-img-mosaic:nth-child(6n+4) { width: 25%; padding-bottom: 50%; } .wvc-gallery-mosaic .wvc-img-mosaic:nth-child(6n+5) { width: 25%; padding-bottom: 25%; } .wvc-gallery-mosaic .wvc-img-mosaic:nth-child(6n+6) { width: 50%; padding-bottom: 25%; } .wvc-gallery-mosaic .wvc-img-mosaic:nth-child(6n+5), .wvc-gallery-mosaic .wvc-img-mosaic:nth-child(6n+6) { margin-top: -25%; } .wvc-gallery-mosaic .wvc-img-mosaic:nth-child(6n+6) { margin-left: 25%; } /* Mosaic simple */ .wvc-gallery-mosaic-alt { /* Padding */ } .wvc-gallery-mosaic-alt figure { margin: 0; padding: 0; } .wvc-gallery-mosaic-alt img { backface-visibility: hidden; display: block; vertical-align: bottom; width: 100%; } .wvc-gallery-mosaic-alt.wvc-gallery-padding-yes { padding: 5px; } .wvc-gallery-mosaic-alt.wvc-gallery-padding-yes .wvc-img-mosaic-padding-frame { margin: 5px; width: calc(100% - 10px); height: calc(100% - 10px); } .wvc-gallery-mosaic-alt .wvc-img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; } .wvc-gallery-mosaic-alt img { backface-visibility: hidden; display: block; vertical-align: bottom; width: 100%; } .wvc-gallery-mosaic-alt .wvc-img-mosaic-alt { position: relative; float: left; overflow: hidden; display: block; width: 25%; padding-bottom: 25%; } .wvc-gallery-mosaic-alt .wvc-img-mosaic-alt:before { content: ' '; position: absolute; height: 100%; width: 100%; pointer-events: none; } .wvc-gallery-mosaic-alt .wvc-img-mosaic-alt:nth-child(9n+1), .wvc-gallery-mosaic-alt .wvc-img-mosaic-alt:nth-child(9n+6) { width: 50%; padding-bottom: 50%; } .wvc-gallery-mosaic-alt .wvc-img-mosaic-alt:nth-child(9n+2), .wvc-gallery-mosaic-alt .wvc-img-mosaic-alt:nth-child(9n+5) { width: 50%; padding-bottom: 25%; } .wvc-gallery-mosaic-alt .wvc-img-mosaic-alt:nth-child(9n+6) { float: right; } /** * Metro image gallery */ .wvc-gallery-metro.wvc-gallery-padding-yes { width: calc(100% - 16px); margin-left: 8px; } .wvc-gallery-metro.wvc-gallery-padding-yes .wvc-img-metro-outer { padding: 8px; } .wvc-gallery-metro.wvc-gallery-padding-yes.wvc-metro-fullheight { height: calc(100vh - 16px) !important; padding: 8px 0; } .wvc-img-metro-outer { overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .wvc-img-metro-inner { height: 100%; overflow: hidden; position: relative; } .wvc-metro-item-bg-size-contain .wvc-img-cover { object-fit: contain; } .wvc-metro-item { padding: 0; margin: 0; overflow: hidden; width: 100%; } .wvc-metro-box { position: relative; display: block; height: 0; width: 100%; overflow: visible; padding-bottom: 100%; } @media screen and (min-width: 800px) { .wvc-metro-item { width: 50%; } } @media screen and (min-width: 1000px) { .wvc-metro-auto .wvc-metro-item { width: 25%; } .wvc-metro-auto .wvc-metro-item:first-child { width: 50%; } .wvc-metro-auto .wvc-metro-item:first-child .wvc-metro-box { padding-bottom: 100%; } .wvc-metro-auto .wvc-metro-item-landscape { width: 50%; } .wvc-metro-auto .wvc-metro-item-landscape .wvc-metro-box { padding-bottom: 50%; } .wvc-metro-auto .wvc-metro-item-portrait .wvc-metro-box { padding-bottom: 200%; } } @media screen and (min-width: 1000px) { .wvc-metro-fullheight { height: 100vh !important; } .wvc-metro-fullheight .wvc-metro-box { height: 100%; padding-bottom: 0 !important; } .wvc-metro-pattern-1 .wvc-metro-item { width: 25%; } .wvc-metro-pattern-1 .wvc-metro-item:nth-child(6n+1), .wvc-metro-pattern-1 .wvc-metro-item:nth-child(6n+4) { width: 50%; } .wvc-metro-pattern-1 .wvc-metro-item:nth-child(6n+1) .wvc-metro-box, .wvc-metro-pattern-1 .wvc-metro-item:nth-child(6n+4) .wvc-metro-box { padding-bottom: 100%; } .wvc-metro-pattern-1.wvc-metro-fullheight .wvc-metro-item { height: 25%; } .wvc-metro-pattern-1.wvc-metro-fullheight .wvc-metro-item:nth-child(6n+1), .wvc-metro-pattern-1.wvc-metro-fullheight .wvc-metro-item:nth-child(6n+4) { height: 75%; } .wvc-metro-pattern-2 .wvc-metro-item { width: 25%; } .wvc-metro-pattern-2 .wvc-metro-item:nth-child(8n+2) .wvc-metro-box { padding-bottom: 200%; } .wvc-metro-pattern-2 .wvc-metro-item:nth-child(8n+3) { width: 50%; } .wvc-metro-pattern-2 .wvc-metro-item:nth-child(8n+3) .wvc-metro-box { padding-bottom: 100%; } .wvc-metro-pattern-2 .wvc-metro-item:nth-child(8n+5) { width: 50%; } .wvc-metro-pattern-2 .wvc-metro-item:nth-child(8n+5) .wvc-metro-box { padding-bottom: 100%; } .wvc-metro-pattern-2 .wvc-metro-item:nth-child(8n+6) .wvc-metro-box { padding-bottom: 200%; } .wvc-metro-pattern-3 .wvc-metro-item { width: 33.33%; } .wvc-metro-pattern-3 .wvc-metro-item:nth-child(10n+5), .wvc-metro-pattern-3 .wvc-metro-item:nth-child(10n+9) { width: 66.67%; } .wvc-metro-pattern-3 .wvc-metro-item:nth-child(10n+5) .wvc-metro-box, .wvc-metro-pattern-3 .wvc-metro-item:nth-child(10n+9) .wvc-metro-box { padding-bottom: 50%; } .wvc-metro-pattern-4 .wvc-metro-item { width: 25%; } .wvc-metro-pattern-4 .wvc-metro-item:nth-child(8n+1), .wvc-metro-pattern-4 .wvc-metro-item:nth-child(8n+7) { width: 50%; } .wvc-metro-pattern-4 .wvc-metro-item:nth-child(8n+1) .wvc-metro-box, .wvc-metro-pattern-4 .wvc-metro-item:nth-child(8n+7) .wvc-metro-box { padding-bottom: 100%; } .wvc-metro-pattern-4 .wvc-metro-item:nth-child(8n+3) .wvc-metro-box { padding-bottom: 200%; } .wvc-metro-pattern-4 .wvc-metro-item:nth-child(8n+8) { width: 50%; } .wvc-metro-pattern-4 .wvc-metro-item:nth-child(8n+8) .wvc-metro-box { padding-bottom: 50%; } .wvc-metro-pattern-5 .wvc-metro-item { width: 25%; } .wvc-metro-pattern-5 .wvc-metro-item:nth-child(5n+1) { width: 50%; } .wvc-metro-pattern-5 .wvc-metro-item:nth-child(5n+1) .wvc-metro-box { padding-bottom: 100%; } .wvc-metro-pattern-5.wvc-metro-fullheight .wvc-metro-item { height: 50%; } .wvc-metro-pattern-5.wvc-metro-fullheight .wvc-metro-item:nth-child(5n+1) { height: 100%; } .wvc-metro-pattern-6 .wvc-metro-item { width: 25%; } .wvc-metro-pattern-6 .wvc-metro-item:nth-child(5n+3) { width: 50%; } .wvc-metro-pattern-6 .wvc-metro-item:nth-child(5n+3) .wvc-metro-box { padding-bottom: 100%; } .wvc-metro-pattern-7 .wvc-metro-item { width: 25%; } .wvc-metro-pattern-7 .wvc-metro-item:nth-child(6n+1), .wvc-metro-pattern-7 .wvc-metro-item:nth-child(6n+2) { width: 50%; } .wvc-metro-pattern-7 .wvc-metro-item:nth-child(6n+1) .wvc-metro-box, .wvc-metro-pattern-7 .wvc-metro-item:nth-child(6n+2) .wvc-metro-box { padding-bottom: 50%; } } /** * Cards gallery */ .wvc-cards-gallery { width: 100%; position: relative; } .wvc-cards-gallery .wvc-card-item { position: absolute; will-change: transform; transition: all .15s ease; } .wvc-cg-alignment-left .wvc-card-item { left: 0; } .wvc-cg-alignment-left .wvc-card-item:nth-last-child(2) { transform: scale(0.8) translateX(30%); } .wvc-cg-alignment-right .wvc-card-item { right: 0; } .wvc-cg-alignment-right .wvc-card-item:nth-last-child(2) { transform: scale(0.8) translateX(-30%); } .wvc-fake-card { position: relative; display: block; opacity: 0; pointer-events: none; visibility: hidden; } /** * Images slider */ .wvc-slider-background-tablet:not(.wvc-slider-height-auto), .wvc-slider-background-laptop:not(.wvc-slider-height-auto), .wvc-slider-background-desktop:not(.wvc-slider-height-auto), .wvc-slider-background-mobile:not(.wvc-slider-height-auto), .wvc-slider-background-default:not(.wvc-slider-height-auto) { background-repeat: no-repeat; background-position: top center; background-size: 100%; } .wvc-slider-background-tablet:not(.wvc-slider-height-auto) .wvc-image-slide-inner, .wvc-slider-background-laptop:not(.wvc-slider-height-auto) .wvc-image-slide-inner, .wvc-slider-background-desktop:not(.wvc-slider-height-auto) .wvc-image-slide-inner, .wvc-slider-background-mobile:not(.wvc-slider-height-auto) .wvc-image-slide-inner, .wvc-slider-background-default:not(.wvc-slider-height-auto) .wvc-image-slide-inner { display: block; } .wvc-slider-background-tablet:not(.wvc-slider-height-auto) .wvc-image-slide-inner:after, .wvc-slider-background-laptop:not(.wvc-slider-height-auto) .wvc-image-slide-inner:after, .wvc-slider-background-desktop:not(.wvc-slider-height-auto) .wvc-image-slide-inner:after, .wvc-slider-background-mobile:not(.wvc-slider-height-auto) .wvc-image-slide-inner:after, .wvc-slider-background-default:not(.wvc-slider-height-auto) .wvc-image-slide-inner:after { content: ' '; position: absolute; height: 100%; width: 100%; pointer-events: none; } .wvc-slider-background-tablet, .wvc-slider-background-laptop, .wvc-slider-background-desktop, .wvc-slider-background-mobile { margin: 0 auto 2em; } .wvc-slider-background-default .wvc-image-slide-inner { padding-bottom: 66vh; } .wvc-slider-background-default .flexslider, .wvc-slider-background-default .flexslider img { max-width: none; } .wvc-slider-background-tablet { background-image: url(../img/slider-bg/tablet-bg.png); padding-top: 101px; padding-left: 102px; padding-right: 95px; padding-bottom: 0; max-width: 822px; margin-bottom: -5px; } .wvc-slider-background-tablet .flexslider { margin-bottom: 0; } .wvc-slider-background-tablet .flexslider .flex-control-nav { top: 25px; bottom: auto !important; right: 15px; text-align: right; } .wvc-slider-background-tablet .flexslider .flex-control-nav li a { text-indent: 100%; white-space: nowrap; overflow: hidden; } .wvc-slider-background-tablet .wvc-image-slide-inner { padding-bottom: 72% !important; } .wvc-slider-background-tablet .flexslider, .wvc-slider-background-tablet .flexslider img { max-width: 625px; } .wvc-slider-background-laptop { background-image: url(../img/slider-bg/laptop-bg.png); padding-top: 40px; padding-left: 116px; padding-right: 120px; padding-bottom: 73px; max-width: 912px; } .wvc-slider-background-laptop .wvc-image-slide-inner { padding-bottom: 62.72% !important; } .wvc-slider-background-laptop .flexslider, .wvc-slider-background-laptop .flexslider img { max-width: 676px; } .wvc-slider-background-desktop { background-image: url(../img/slider-bg/desktop-bg.png); padding-top: 41px; padding-left: 42px; padding-right: 44px; padding-bottom: 330px; max-width: 1007px; margin-bottom: -20px; } .wvc-slider-background-desktop .wvc-image-slide-inner { padding-bottom: 54.88% !important; } .wvc-slider-background-desktop .flexslider, .wvc-slider-background-desktop .flexslider img { max-width: 922px; } .wvc-slider-background-mobile { background-image: url(../img/slider-bg/mobile-bg.png); padding-top: 95px; padding-left: 38px; padding-right: 37px; padding-bottom: 103px; max-width: 350px; } .wvc-slider-background-mobile .wvc-image-slide-inner { padding-bottom: 178.33% !important; } .wvc-slider-background-mobile .flexslider, .wvc-slider-background-mobile .flexslider img { max-width: 277px; } .wvc-slider-background-mobile .flex-direction-nav .flex-prev, .wvc-slider-background-mobile .flex-direction-nav .flex-next { width: 30px; height: 60px; background-size: 30px 60px; margin-top: -30px; } .wvc-slider-height-auto .wvc-image-slide-inner { padding-bottom: 0 !important; } .wvc-last-posts-big-slider-container { background: #0d0d0d; } .wvc-last-posts-big-slider li.slide { background: #333; } .wvc-last-posts-big-slider li.slide img { opacity: 0.66 !important; } .wvc-last-posts-big-slider li.slide.wvc-post-big-slide { background: #333 no-repeat center scroll; background-size: 100%; background-size: cover; } .wvc-last-posts-big-slider li.slide.wvc-post-big-slide h2 { margin-bottom: 0; } .wvc-last-posts-big-slider li.slide.wvc-post-big-slide h2 a { color: #FFF !important; } /* Custom caption */ .wvc-last-posts-big-slide-caption-wrapper { display: block; width: 92%; max-width: 1140px; margin: 0 auto; } .wvc-last-posts-big-slide-caption-container { position: absolute; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; display: table; } .wvc-last-posts-big-slide-caption { color: #FFF; position: relative; display: table-cell; vertical-align: middle; width: 100%; padding: 0 2em; z-index: 999; text-align: center; } .wvc-last-posts-big-slide-caption-text { display: block; } p.wvc-last-posts-big-slide-summary { margin-top: 0; margin-bottom: 2em; } a.wvc-last-post-big-slide-button { color: #fff !important; padding: 1em 1.2em; line-height: 1; border: 1px solid #fff; display: inline-block; transition: .25s; } a.wvc-last-post-big-slide-button:hover { background: #FFF; color: #333 !important; } .wvc-last-posts-big-slide-category-link, .wvc-last-posts-big-slide-entry-date { display: inline-block; margin-bottom: 1em; color: #FFF !important; } .wvc-advanced-slider li.slide, .wvc-anything-slider li.slide { z-index: 0; } .wvc-advanced-slider li.slide .wvc-img-bg, .wvc-anything-slider li.slide .wvc-img-bg { opacity: 1 !important; } .wvc-advanced-slide .wvc-slide-caption-container:before { transition: all .2s ease; } /* Custom caption */ .wvc-slide-caption-inner { display: block; width: 92%; max-width: 1140px; margin: 0 auto; } .wvc-slide-caption-wrapper { display: block; width: 100%; max-width: 1140px; margin: 0 auto; } .wvc-slide-caption-width-small .wvc-slide-caption-wrapper { max-width: 500px; } .wvc-slide-caption-width-full .wvc-slide-caption-inner { max-width: none; padding: 0 30px; } .wvc-slide-caption-width-full .wvc-slide-caption { padding: 0; } .wvc-slide-caption-position-left .wvc-slide-caption-wrapper { margin-left: 0; } .wvc-slide-image { display: block; margin-bottom: 15px; } .wvc-slide-image img { width: auto !important; display: inline-block !important; } .wvc-slide-overlay { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-repeat: repeat; background-position: center center; z-index: 1; } .wvc-slide-caption-container, .wvc-slide-caption, .wvc-slide-button-container { display: block; } .wvc-slide-caption-container { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; display: table; } .wvc-slide-caption { position: relative; display: table-cell; width: 100%; padding: 50px 50px; z-index: 999; } /* V Align */ .wvc-slide-caption-valign-middle .wvc-slide-caption { vertical-align: middle; } .wvc-slide-caption-valign-bottom .wvc-slide-caption { vertical-align: bottom; padding-bottom: 30px; } .wvc-slide-caption-valign-top .wvc-slide-caption { vertical-align: top; padding-top: 30px; } .wvc-slide-caption-text { display: block; margin-top: 10px; } .wvc-slide-caption-text-align-center { text-align: center; } .wvc-slide-caption-text-align-left { text-align: left; /*.wvc-slide-caption{ padding-left: 2em; }*/ } .wvc-slide-caption-text-align-left .wvc-slide-button-container .wolf-button, .wvc-slide-caption-text-align-left .wvc-slide-button-container .wvc-button { margin-left: 0; margin-right: 20px; } .wvc-slide-caption-text-align-right { text-align: right; /*.wvc-slide-caption{ padding-right: 2em; }*/ } .wvc-slide-caption-text-align-right .wvc-slide-button-container .wolf-button, .wvc-slide-caption-text-align-right .wvc-slide-button-container .wvc-button { margin-right: 0; margin-left: 20px; } .wvc-slide-caption-text-type-big-text { padding: 3px 0; display: inline; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); box-shadow: 5px 0 0 rgba(0, 0, 0, 0.4), -5px 0 0 rgba(0, 0, 0, 0.4); line-height: 2; } /* Slide buttons */ .wvc-slide-button-container { margin-top: 60px; } /* Caption animation */ .wvc-slide-title, .wvc-slide-image, .wvc-slide-caption-text, .wvc-slide-excerpt, .wvc-slide-button-container, .wvc-last-posts-big-slide-entry-date, .wvc-last-posts-big-slide-category-link, .wvc-post-big-slide-entry-title, .wvc-last-posts-big-slide-summary, .wvc-last-post-big-slide-button-container { transition: all .4s ease-out; transform: translate3d(0, 80px, 0); opacity: 0; } .wvc-last-post-big-slide-video-opener { transition: all .4s ease-out; transition-delay: 1s; opacity: 0; } .wvc-slide-image { transform: translate3d(0, 0, 0); } .wvc-last-posts-big-slide-entry-date, .wvc-last-posts-big-slide-category-link { transition-delay: .4s; } .wvc-slide-title, .wvc-slide-image, .wvc-post-big-slide-entry-title { transition-delay: .6s; } .wvc-slide-caption-text, .wvc-last-posts-big-slide-summary { transition-delay: .8s; } .wvc-slide-caption-order-before_title .wvc-slide-title, .wvc-slide-caption-order-before_title .wvc-slide-image, .wvc-slide-caption-order-before_title .wvc-post-big-slide-entry-title { transition-delay: .8s; } .wvc-slide-caption-order-before_title .wvc-slide-caption-text, .wvc-slide-caption-order-before_title .wvc-last-posts-big-slide-summary { transition-delay: .6s; } .wvc-slide-button-container, .wvc-last-post-big-slide-button-container { transition-delay: 1s; } .flex-active-slide .wvc-slide-title, .flex-active-slide .wvc-slide-image, .flex-active-slide .wvc-slide-caption-text, .flex-active-slide .wvc-slide-button-container, .flex-active-slide .wvc-last-posts-big-slide-entry-date, .flex-active-slide .wvc-last-posts-big-slide-category-link, .flex-active-slide .wvc-post-big-slide-entry-title, .flex-active-slide .wvc-last-posts-big-slide-summary, .flex-active-slide .wvc-last-post-big-slide-button-container, .flex-active-slide .wvc-last-post-big-slide-video-opener { transform: translate3d(0, 0, 0); opacity: 1; } .wvc-slide-video-container { display: block; opacity: 0; transition: opacity .2s ease; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; overflow: hidden; } .wvc-slide-video-container embed, .wvc-slide-video-container iframe, .wvc-slide-video-container object, .wvc-slide-video-container video { max-width: none; } .wvc-slide-video-container .mejs-container { position: static; } .wvc-slide-video { z-index: 0; bottom: 0; left: 0; } .wvc-slide-video-fallback { display: block; bottom: 0; left: 0; } .wvc-slide-video-fallback img { display: block; vertical-align: bottom; width: 100%; height: 100%; top: 0; left: 0; } ul.wvc-slide-video-bg-controls { padding: 0 !important; margin: 0 !important; position: absolute; top: auto; bottom: 0; left: 20px; bottom: 20px; width: 200px; height: auto; z-index: 99999; text-align: left; } ul.wvc-slide-video-bg-controls li { transition: .2s; font-family: 'dashicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; cursor: pointer; display: inline-block; width: 40px; height: 40px; border: 4px solid rgba(255, 255, 255, 0.5); font-size: 18px; border-radius: 99em; top: 0; left: 0; padding: 0; margin: 0; margin-right: 8px; text-align: center; } ul.wvc-slide-video-bg-controls li:before { text-align: center; vertical-align: middle; } ul.wvc-slide-video-bg-controls li:hover { border: 4px solid rgba(255, 255, 255, 0.8); } body.wvc-is-mobile ul.wvc-slide-video-bg-controls { display: none; } .wvc-slide-no-mute-button .wvc-slide-play-button { left: 15px; } .wvc-slide-video-play-button { user-select: none; left: 70px; } .wvc-slide-video-play-button:before { position: relative; top: 2px; left: 0; content: "\f523"; } .wvc-slide-video-mute-button { user-select: none; } .wvc-slide-video-mute-button:before { position: relative; left: 2px; top: 2px; content: "\f520"; } .wvc-advanced-slide.pause .wvc-slide-video-play-button:before { top: 2px; left: 2px; content: "\f522"; } .wvc-advanced-slide.unmute .wvc-slide-video-mute-button:before { left: 0; content: "\f521"; } /* Slide skins */ .wvc-as-content-table { display: table; width: 100%; height: 100%; } .wvc-as-content-table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } /** * Process */ .wvc-process-container .wvc-icon-box, .wvc-process-container .wvc-icon-holder, .wvc-process-container .wvc-process-caption, .wvc-process-container .wvc-process-caption-inner { display: block; } .wvc-process-container .wvc-icon-box .fa:before { position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0); } .wvc-process-container-show-line-no .wvc-process-item-line-before, .wvc-process-container-show-line-no .wvc-process-item-line-after { display: none !important; } .wvc-process-container-size-small .wvc-icon-container { font-size: 2em; } .wvc-process-container-size-medium .wvc-icon-container { font-size: 3em; } .wvc-process-container-size-large .wvc-icon-container { font-size: 4em; } .wvc-process-container-size-extra-large .wvc-icon-container { font-size: 5em; } ol.wvc-process-list { margin-left: 0 !important; margin: 0; padding: 0; width: 100%; } .wvc-process-item { padding: 0 1.5em; margin-bottom: 0; text-align: center; list-style-type: none; display: table-cell; display: block; } .wvc-process-item .wvc-icon-box { margin-bottom: 0; } ol.wvc-process-list { counter-reset: item; } ol.wvc-process-list li { counter-increment: step-counter; } ol.wvc-process-list li .wvc-process-number:before { content: counter(step-counter); } .wvc-process-number { letter-spacing: 0 !important; } .wvc-icon-container-type-number { line-height: inherit !important; } .wvc-process-item-inner { display: inline-block; position: relative; } .wvc-process-item-line-before, .wvc-process-item-line-after { display: block; position: absolute; } .wvc-process-container li:first-child .wvc-process-item-line-before { display: none !important; } .wvc-process-container li:last-child .wvc-process-item-line-after { display: none !important; } .wvc-process-title { font-size: 18px; margin-bottom: 15px; margin-top: 30px; } .wvc-process-text { font-size: 13px; max-width: 450px; margin: 0 auto; } .wvc-process-container-layout-horizontal ol.wvc-process-list { display: table; } .wvc-process-container-layout-horizontal .wvc-process-item { display: table-cell; } .wvc-process-container-layout-horizontal .wvc-process-item-line-before { height: 2px; top: 50%; margin-top: -1px; right: 100%; } .wvc-process-container-layout-horizontal .wvc-process-item-line-after { height: 2px; top: 50%; margin-top: -1px; left: 100%; } .wvc-process-container-layout-vertical .wvc-process-item-line-before { width: 2px; top: auto; bottom: 100%; left: 50%; margin-left: -1px; } .wvc-process-container-layout-vertical .wvc-process-item-line-after { width: 2px; top: 100%; left: 50%; margin-left: -1px; } .wvc-process-container-layout-vertical .wvc-process-item { zoom: 1; display: block !important; padding: 0; } .wvc-process-container-layout-vertical .wvc-process-item:before { content: ""; display: table; } .wvc-process-container-layout-vertical .wvc-process-item .wvc-process-item-line-after { content: ""; display: table; clear: both; } .wvc-process-container-layout-vertical .wvc-process-item:last-child .wvc-process-caption { margin-bottom: 0; min-height: 0; } .wvc-process-container-layout-vertical .wvc-process-title { margin-top: 0; } .wvc-process-container-layout-vertical.wvc-process-container-align-left .wvc-icon-holder { float: left; } .wvc-process-container-layout-vertical.wvc-process-container-align-left .wvc-process-caption { margin-bottom: 44px; } .wvc-process-container-layout-vertical.wvc-process-container-align-left .wvc-process-text, .wvc-process-container-layout-vertical.wvc-process-container-align-left .wvc-process-title { margin-left: 0; text-align: left; } .wvc-process-container-layout-vertical .wvc-process-item-no-text .wvc-process-title { margin-bottom: 0; transform: translate3d(0, -50%, 0); } .wvc-process-container-layout-vertical.wvc-process-container-size-tiny .wvc-process-caption { min-height: 80px; padding-left: 130px; } .wvc-process-container-layout-vertical.wvc-process-container-size-tiny .wvc-process-item-no-text .wvc-process-title { padding-top: 80px; } .wvc-process-container-layout-vertical.wvc-process-container-size-small .wvc-process-caption { min-height: 96px; padding-left: 96px; } .wvc-process-container-layout-vertical.wvc-process-container-size-small .wvc-process-item-no-text .wvc-process-title { padding-top: 64px; } .wvc-process-container-layout-vertical.wvc-process-container-size-medium .wvc-process-caption { min-height: 144px; padding-left: 144px; } .wvc-process-container-layout-vertical.wvc-process-container-size-medium .wvc-process-item-no-text .wvc-process-title { padding-top: 96px; } .wvc-process-container-layout-vertical.wvc-process-container-size-large .wvc-process-caption { min-height: 192px; padding-left: 192px; } .wvc-process-container-layout-vertical.wvc-process-container-size-large .wvc-process-item-no-text .wvc-process-title { padding-top: 128px; } .wvc-process-container-layout-vertical.wvc-process-container-size-extra-large .wvc-process-caption { min-height: 240px; padding-left: 240px; } .wvc-process-container-layout-vertical.wvc-process-container-size-extra-large .wvc-process-item-no-text .wvc-process-title { padding-top: 160px; } .wvc-process-icon-container { background-position: center center; background-repeat: no-repeat; background-size: cover; } .wvc-process-icon-container.wvc-pi-has-bg { color: #fff; border: none; } .wvc-font-dark .wvc-process-item-line-before, .wvc-font-dark .wvc-process-item-line-after { background-color: #333; } .wvc-font-dark .wvc-icon-hover-fill .wvc-process-icon-container:hover .wvc-icon:before { color: #fff !important; } .wvc-font-light .wvc-process-item-line-before, .wvc-font-light .wvc-process-item-line-after { background-color: #fff; } .wvc-font-light .wvc-icon-hover-fill .wvc-process-icon-container:hover .wvc-icon:before { color: #333 !important; } @media screen and (max-width: 800px) { .wvc-process-container-layout-horizontal .wvc-process-item-line-before, .wvc-process-container-layout-horizontal .wvc-process-item-line-after { display: none; } .wvc-process-container-layout-horizontal .wvc-process-item { display: block !important; margin-bottom: 35px; } .wvc-process-container-layout-horizontal .wvc-process-item:last-child { margin-bottom: 0; } } /** * Pie */ .wvc-pie { position: relative; display: block; height: 170px; width: 170px; line-height: 170px; text-align: center; margin: 0 auto; } .wvc-pie canvas { position: absolute; top: 0; left: 0; } .wvc-pie-counter { position: relative; display: inline-block; vertical-align: middle; font-size: 34px; line-height: inherit; top: 0; font-weight: 700; } .wvc-pie-heading { position: relative; display: inline-block; width: 100%; vertical-align: middle; text-align: center; margin: 25px 0 0; } /** * Serices table */ .wvc-service-table { text-align: center; padding: 0.5em; padding-top: 2.5em; padding-bottom: 2.5em; background: center center no-repeat; background-size: cover; position: relative; } .wvc-service-table ul { margin: 0 !important; padding: 0 !important; position: relative; z-index: 5; } .wvc-service-table ul li { list-style-type: none !important; padding: 0.5em; } .wvc-service-table ul li.wvc-service-title-container { border: none !important; margin-bottom: 10px; } .wvc-service-table ul li.wvc-service-icon-container { margin-bottom: 10px; } .wvc-service-table.wvc-st-has-bg { background-color: #000; z-index: 0; border: none !important; } .wvc-service-table.wvc-st-has-bg .wvc-st-link-mask { display: block; } .wvc-service-table.wvc-st-has-bg.wvc-text-color-default { color: #fff !important; } .wvc-st-link-mask { display: none; position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; } .wvc-st-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .66; } .wvc-service-title { font-size: 18px; margin-top: 0; margin-bottom: 10px; } .wvc-font-dark .wvc-service-table.wvc-background-color-default { background-color: #FFF; } .wvc-font-dark .wvc-service-table.wvc-text-color-default { color: #333; } .wvc-font-light .wvc-service-table.wvc-background-color-default { background-color: #333; } .wvc-font-light .wvc-service-table.wvc-text-color-default { color: #fff; } /** * Pricing tables */ .wvc-pricing-tables { margin: 50px auto; } .wvc-pricing-table-inner { margin: 0 auto 10px; position: relative; z-index: 10; width: 100%; max-width: 450px; padding: 0.5em; } .wvc-pricing-table-inner p { margin: 0 0 0 0; height: 0; line-height: 0; } .wvc-pricing-table-inner ul { padding: 0 !important; margin: 0 !important; } .wvc-pricing-table-inner ul li { width: 100%; position: relative; list-style-type: none !important; font-size: 15px; background: #fff; color: #333; padding: 30px 25px; text-align: center; } .wvc-pricing-table-inner ul li:nth-child(odd) { background: #fcfcfc; } .wvc-pricing-table-inner ul li.wvc-pricing-table-title-cell { vertical-align: middle; background: #898989; color: #FFF; } .wvc-pricing-table-inner ul li.wvc-pricing-table-title-cell .wvc-pricing-table-title { font-size: 20px; margin-bottom: 0; margin-top: 0; line-height: 1; color: #FFF !important; } .wvc-pricing-table-button { padding: 0 !important; } .wvc-pricing-table-button a { display: block; background: #b3b3b3; color: #fff !important; padding: 30px; font-size: 17px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; transition: all .05s linear; } .wvc-pricing-table-button a:hover { transform: scale(1.05); background: #333; } .wvc-pricing-table-tagline { font-size: 13px; display: block; padding: 0 10px; margin-top: 10px; line-height: 1.1; } .wvc-pricing-table-featured { position: relative; z-index: 99; } .wvc-pricing-table-featured-text { position: absolute; width: 100%; height: 35px; line-height: 35px; color: #FFF; font-weight: 700; font-size: 14px; text-align: center; left: 0; top: -35px; } .wvc-pricing-table-featured-text span { text-align: center; } .wvc-pricing-table-price { font-size: 64px; font-weight: 700; } .wvc-pricing-table-currency { font-size: 32px; position: relative; top: -3px; } .wvc-pricing-table-price-period { display: block; font-size: 18px; margin-top: -15px; } .wvc-pricing-table-price-strike { font-weight: 700; margin-right: 10px; position: relative; font-size: 16px; } .wvc-pricing-table-price-strike:before { content: ' '; position: absolute; top: 50%; left: 0; transform: rotate(30deg); height: 4px; width: 100%; opacity: 0.8; margin-top: -2px; } @media screen and (min-width: 800px) { .wvc-pricing-table-featured { margin-top: 15px; } } .wvc-pricing-table-featured-text, .wvc-pricing-table-price-strike:before, .wvc-pricing-table-button a { background: #333; } .wvc-pricing-table-price, .wvc-pricing-table-currency { color: #333; } /** * Tabs */ .wvc-tabs-menu { padding: 0; margin: 0; } .wvc-tabs-menu li { list-style-type: none; display: inline-block; } .wvc-tabs-menu li a { display: block; padding: 1em 1.5em; outline: none; } .wvc-tabs-alignment-center .wvc-tabs-menu { text-align: center; } .wvc-tabs-alignment-left .wvc-tabs-menu { text-align: left; } .wvc-tabs-alignment-right .wvc-tabs-menu { text-align: right; } .wvc-tabs-container .ui-tabs-panel { padding: 2em; } .wvc-tabs-container .ui-tabs-panel p { margin-top: 0; margin-bottom: 10px; } .wvc-tabs-container .wpb_content_element { margin-bottom: 0; } .wvc-font-dark .wvc-tabs-menu li.ui-tabs-active a { background: #fff; } .wvc-font-dark .wvc-tabs-menu li a { color: #333 !important; } .wvc-font-dark .wvc-tabs-container .ui-tabs-panel { background: #FFF; } .wvc-font-light .wvc-tabs-menu li.ui-tabs-active a { background: #333; } .wvc-font-light .wvc-tabs-menu li a { color: #fff !important; } .wvc-font-light .wvc-tabs-container .ui-tabs-panel { background: #333; } /** * Toggles */ .wvc-toggle { margin-bottom: 15px; } .wvc-column-wrapper .wvc-toggle:last-of-type { margin-bottom: 35px; } .wvc-toggle-content p { margin-top: 0; } .wvc-toggle-content p:last-of-type { margin-bottom: 0; } .wvc-toggle-title { cursor: pointer; margin-top: 5px; margin-bottom: 10px; } .wvc-toggle-content { padding-left: 28px; } .wvc-toggle-title { position: relative; line-height: 2; } .wvc-toggle-title .wvc-toggle-plus { position: relative; display: inline-block; width: 28px; height: 28px; line-height: 28px; vertical-align: middle; text-align: left; } .wvc-toggle-title .wvc-toggle-plus:before { line-height: inherit; text-align: left; width: 28px; height: 28px; font-family: FontAwesome; content: "\f067"; position: absolute; top: 0; left: 0; } .wvc-toggle-open .wvc-toggle-title .wvc-toggle-plus:before { content: "\f068"; } .wvc-toggle-close .wvc-toggle-content { display: none; } /** * Accordion */ .wvc-accordion .ui-state-focus { outline: none; } .wvc-accordion .ui-accordion-content { padding: 1em 1.5em; } .wvc-accordion .ui-accordion-content p { margin-top: 0; margin-bottom: 10px; } .wvc-accordion .ui-accordion-content .wpb_content_element { margin-bottom: 0; } .wvc-accordion-tab { margin: 0; padding: 8px 15px; cursor: pointer; } .wvc-accordion-tab a { display: block; } .wvc-at-has-icon .wvc-at-title-container { display: table; width: 100%; height: 100%; } .wvc-at-has-icon .wvc-at-icon-container, .wvc-at-has-icon .wvc-accordion-title-text { display: table-cell; height: 100%; vertical-align: middle; } .wvc-at-has-icon .wvc-at-icon-container { width: 35px; } .wvc-font-dark .wvc-accordion .ui-accordion-content { background: #fff; box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2); } .wvc-font-dark .wvc-accordion-tab { background: #FFF; border-bottom: solid 1px rgba(0, 0, 0, 0.05); } .wvc-font-dark .wvc-accordion-tab a { color: #0d0d0d !important; } .wvc-font-light .wvc-accordion .ui-accordion-content { background: #333333; box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2); } .wvc-font-light .wvc-accordion-tab { background: #333333; border-bottom: solid 1px rgba(0, 0, 0, 0.2); } .wvc-font-light .wvc-accordion-tab a { color: #fff !important; } /** * Breadcrumb */ .wvc-breadcrumb-list { list-style-type: none; padding: 0; margin: 0; } .wvc-breadcrumb-list li { display: inline; } .wvc-breadcrumb-delimiter { margin-left: 5px; margin-right: 5px; } /** * Video opener */ .wvc-video-opener-container { margin-left: auto; margin-right: auto; } .wvc-video-opener-container a { display: block; outline: none; width: 66px; transition: transform .2s ease-out; text-align: center; margin: 0 auto; position: relative; } .wvc-video-opener-align-left { margin-left: 0; } .wvc-video-opener-align-left .wvc-video-opener { margin-left: 0; } .wvc-video-opener-align-right { margin-right: 0; } .wvc-video-opener-align-right .wvc-video-opener { margin-right: 0; } .wvc-video-opener-default a { height: 66px; } .wvc-video-opener-icon { background: #333; color: #000; box-shadow: inset 0 0 0 2px #333; } .wvc-video-opener-attention-seeker .wvc-icon-container { position: relative; } .wvc-video-opener-attention-seeker .wvc-icon-background-fill { top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px; opacity: 0; transform: scale(0.9); pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; box-sizing: content-box; } .wvc-font-dark .wvc-video-opener-attention-seeker .wvc-icon-background-fill { animation: sonarEffectDark 1.3s infinite ease-out 75ms; } .wvc-font-light .wvc-video-opener-attention-seeker .wvc-icon-background-fill { animation: sonarEffectLight 1.3s infinite ease-out 75ms; } .admin-bar .lity-close { top: 32px; } .wvc-video-opener-caption-position-top .wvc-video-opener-caption-container, .wvc-video-opener-caption-position-bottom .wvc-video-opener-caption-container { text-align: center; } .wvc-video-opener-caption-position-top .wvc-video-opener-caption-container .wvc-video-opener-caption, .wvc-video-opener-caption-position-bottom .wvc-video-opener-caption-container .wvc-video-opener-caption { display: block; } .wvc-video-opener-caption-position-top .wvc-video-opener-caption-container .wvc-video-opener-caption { margin-bottom: 28px; } .wvc-video-opener-caption-position-bottom .wvc-video-opener-caption-container .wvc-video-opener-caption { margin-top: 28px; } .wvc-video-opener-caption-position-left .wvc-video-opener-caption-container, .wvc-video-opener-caption-position-right .wvc-video-opener-caption-container { display: flex; flex-direction: row; align-items: center; } .wvc-video-opener-caption-position-left .wvc-video-opener-caption-container .wvc-video-opener { margin-left: 30px; } .wvc-video-opener-caption-position-right .wvc-video-opener-caption-container .wvc-video-opener { margin-right: 30px; } .wvc-video-opener-align-center .wvc-video-opener-caption-container { justify-content: center; } .wvc-video-opener-align-center.wvc-video-opener-caption-position-left .wvc-video-opener { margin-right: 0; } .wvc-video-opener-align-center.wvc-video-opener-caption-position-right .wvc-video-opener { margin-left: 0; } .wvc-video-opener-align-left .wvc-video-opener-caption-container { justify-content: flex-start; } .wvc-video-opener-align-right .wvc-video-opener-caption-container { justify-content: flex-end; } .wvc-video-opener-caption-text { font-weight: 700; } /** * Iframe opener */ .wvc-iframe-opener-container { margin-left: auto; margin-right: auto; } .wvc-iframe-opener-container a { display: block; outline: none; width: 120px; transition: transform .2s ease-out; text-align: center; margin: 0 auto; position: relative; } .wvc-iframe-opener-align-left { margin-left: 0; } .wvc-iframe-opener-align-left .wvc-iframe-opener { margin-left: 0; } .wvc-iframe-opener-align-right { margin-right: 0; } .wvc-iframe-opener-align-right .wvc-iframe-opener { margin-right: 0; } .wvc-iframe-opener-default a { height: 66px; } .wvc-iframe-opener-icon { background: #333; color: #000; box-shadow: inset 0 0 0 2px #333; } .wvc-iframe-opener-attention-seeker .wvc-icon-container { position: relative; } .wvc-iframe-opener-attention-seeker .wvc-icon-background-fill { top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px; opacity: 0; transform: scale(0.9); pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; box-sizing: content-box; } .wvc-font-dark .wvc-iframe-opener-attention-seeker .wvc-icon-background-fill { animation: sonarEffectDark 1.3s infinite ease-out 75ms; } .wvc-font-light .wvc-iframe-opener-attention-seeker .wvc-icon-background-fill { animation: sonarEffectLight 1.3s infinite ease-out 75ms; } .admin-bar .lity-close { top: 32px; } .wvc-iframe-opener-caption-position-top .wvc-iframe-opener-caption-container, .wvc-iframe-opener-caption-position-bottom .wvc-iframe-opener-caption-container { text-align: center; } .wvc-iframe-opener-caption-position-top .wvc-iframe-opener-caption-container .wvc-iframe-opener-caption, .wvc-iframe-opener-caption-position-bottom .wvc-iframe-opener-caption-container .wvc-iframe-opener-caption { display: block; } .wvc-iframe-opener-caption-position-top .wvc-iframe-opener-caption-container .wvc-iframe-opener-caption { margin-bottom: 28px; } .wvc-iframe-opener-caption-position-bottom .wvc-iframe-opener-caption-container .wvc-iframe-opener-caption { margin-top: 28px; } .wvc-iframe-opener-caption-position-left .wvc-iframe-opener-caption-container, .wvc-iframe-opener-caption-position-right .wvc-iframe-opener-caption-container { display: flex; flex-direction: row; align-items: center; } .wvc-iframe-opener-caption-position-left .wvc-iframe-opener-caption-container .wvc-iframe-opener { margin-left: 30px; } .wvc-iframe-opener-caption-position-right .wvc-iframe-opener-caption-container .wvc-iframe-opener { margin-right: 30px; } .wvc-iframe-opener-align-center .wvc-iframe-opener-caption-container { justify-content: center; } .wvc-iframe-opener-align-center.wvc-iframe-opener-caption-position-left .wvc-iframe-opener { margin-right: 0; } .wvc-iframe-opener-align-center.wvc-iframe-opener-caption-position-right .wvc-iframe-opener { margin-left: 0; } .wvc-iframe-opener-align-left .wvc-iframe-opener-caption-container { justify-content: flex-start; } .wvc-iframe-opener-align-right .wvc-iframe-opener-caption-container { justify-content: flex-end; } .wvc-iframe-opener-caption-text { font-weight: 700; } /** * Highlight */ .wvc-highlight, span.wvc-highlight-white, span.wvc-highlight-black, span.wvc-highlight-yellow, span.wvc-highlight-red, span.wvc-highlight-green { text-shadow: none; display: inline-block; padding: 0 5px; line-height: 1.3em; color: #fff !important; } /* White : #fff */ span.wvc-highlight-white { background-color: #fff !important; } /* Black : #000 */ span.wvc-highlight-black { background-color: #000 !important; } /* Yellow : #ff0 */ span.wvc-highlight-yellow { background-color: #ff0 !important; color: #333333 !important; } /* Red : #D45554; */ span.wvc-highlight-red { background-color: #D45554 !important; } /* Green : #327627; */ span.wvc-highlight-green { background-color: #327627 !important; } /** * Dropcap */ .wvc-dropcap { display: inline-block; line-height: 1; float: left; font-size: 48px; font-weight: 700; margin-right: 8px; } /** * Progress bar */ .wvc-row .vc_progress_bar .vc_single_bar { margin-bottom: 20px; } .wvc-row .vc_progress_bar .vc_single_bar:last-child { margin-bottom: 0; } .wvc-row .vc_progress_bar .vc_label { font-weight: 700; font-size: 14px; } .wvc-row .vc_progress_bar .vc_single_bar { border-radius: 0; box-shadow: none !important; } .wvc-row .vc_progress_bar .vc_bar { border-radius: 0 !important; background: transparent; } .wvc-row .vc_progress_bar .vc_label_units { display: block; float: right; } .wvc_single_bar { height: 8px; margin-top: 10px; } .wvc_bar_color_filler { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; } .wvc-font-dark .vc_progress_bar .vc_single_bar { background: rgba(0, 0, 0, 0.05); } .wvc-font-light .vc_progress_bar .vc_single_bar { background: rgba(0, 0, 0, 0.22); } /** * Socials */ .wvc-socials-container { margin: 0 auto; padding: 1em 0; } .wvc-socials-container.wvc-text-center { max-width: 92%; } .wvc-socials-container a { display: inline-block; } .wvc-social-icon { display: inline-block; } .wvc-social-icon a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; height: 100%; width: 100%; } .wvc-social-icon .wvc-icon-container { margin: 0.5em 0.5em 0.5em; } /* Alignement */ .wvc-socials-container.wvc-text-left { margin-left: -0.5em; } .wvc-socials-container.wvc-text-right { margin-right: -0.5em; } /* Direction */ .wvc-si-direction-vertical { margin: 0; padding: 0; display: flex; flex-direction: column; } .wvc-si-direction-vertical .wvc-social-icon { display: block; text-align: center; } .wvc-si-direction-vertical .wvc-icon-container { margin: 0; } .wvc-si-direction-vertical.wvc-si-size-fa-1x { width: 1.4em; } .wvc-si-direction-vertical.wvc-si-size-fa-2x { width: 2em; } .wvc-si-direction-vertical.wvc-si-size-fa-3x { width: 3em; } .wvc-si-direction-vertical.wvc-si-size-fa-4x { width: 4em; } .wvc-si-direction-vertical.wvc-si-size-fa-5x { width: 5em; } .wvc-si-direction-vertical.wvc-text-center { margin-left: auto; margin-right: auto; } .wvc-si-direction-vertical.wvc-text-left { margin-right: auto; margin-left: 0; } .wvc-si-direction-vertical.wvc-text-right { margin-left: auto; margin-right: 0; } /* Widget */ .wvc_widget_socials .wvc-socials-container { padding-top: 0; padding-bottom: 0; } .wvc_widget_socials .wvc-icon { font-size: 18px; margin: 0 5px; } .wvc_widget_socials .wvc-icon:first-child { margin-left: 0; } .wvc_widget_socials .wvc-icon:last-child { margin-right: 0; } /* Icon adjustment */ .wvc-social.wvc-circle.fa-facebook:before, .wvc-social.wvc-square.fa-facebook:before { left: 47%; top: 51%; } .wvc-social.wvc-circle.wolficon-forrst:before, .wvc-social.wvc-square.wolficon-forrst:before { left: 52%; } .wvc-social.wvc-circle.fa-tumblr:before, .wvc-social.wvc-square.fa-tumblr:before { left: 47%; } .wvc-social.wvc-circle.fa-skype:before, .wvc-social.wvc-square.fa-skype:before { left: 48%; } /** * Instagram */ .wvc-wolf-gram-shortcode-container { position: relative; } .wolf-instagram-media-likes:before { top: 0; margin-right: 8px; font-family: FontAwesome; content: '\f004'; } .wolf-instagram-media-comments:before { top: 0; margin-right: 8px; font-family: FontAwesome; content: '\f075'; } .wvc-i-hide_meta-true .wolf-instagram-overlay { visibility: hidden; } .wvc-i-hide_meta-true .wolf-instagram-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; } .wvc-i-hide_meta-true .wolf-instagram-item { transition: opacity 0.2s ease; transform: translate3d(0, 0, 0); } .wvc-i-hide_meta-true .wolf-instagram-item:hover { opacity: 0.66; } .wvc-i-padding-true .wolf-instagram-gallery { margin-top: -8px; margin-left: -8px; } .wvc-i-padding-true .wolf-instagram-item-container { padding: 8px; } .wvc-i-padding-true .wolf-instagram-gallery-small { margin-top: -4px; margin-left: -4px; } .wvc-i-padding-true .wolf-instagram-gallery-small .wolf-instagram-item-container { padding: 4px; } .wvc-i-padding-true .wolf-instagram-gallery-big { margin-top: -14px; margin-left: -14px; } .wvc-i-padding-true .wolf-instagram-gallery-big .wolf-instagram-item-container { padding: 14px; } .wvc-instagram-gallery .wvc-img { position: relative; height: 0; padding-bottom: 100%; } .wolf-gram-follow-button { position: absolute; display: inline-block; background: #fff; color: #333 !important; font-weight: 400; z-index: 999; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); padding: 1em 1.2em; line-height: 1; border: 1px solid #fff; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; } .wolf-instagram-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; backface-visibility: hidden; transition: 0.4s; opacity: 0; background: #000 50% 50% no-repeat; background: rgba(0, 0, 0, 0.44); background-size: 48px 48px; text-align: center; vertical-align: middle; } .wvc-wolf-gram-shortcode-container:not(.wvc-sbif-disable-hover-true) .sbi_photo { opacity: 1 !important; z-index: 30; } .wvc-wolf-gram-shortcode-container:not(.wvc-sbif-disable-hover-true) .sbi_item .sbi_photo { position: relative; } .wvc-wolf-gram-shortcode-container:not(.wvc-sbif-disable-hover-true) .sbi_item .sbi_photo:before { content: ''; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); opacity: 0; transition: opacity 0.2s ease; z-index: 10; } .wvc-wolf-gram-shortcode-container:not(.wvc-sbif-disable-hover-true) .sbi_item:not(.sbi_type_video) .sbi_photo:after { position: absolute; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'Font Awesome 5 Brands'; content: '\f16d'; color: white; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); transition: opacity 0.2s ease; opacity: 0; z-index: 20; font-size: 18px; } .wvc-wolf-gram-shortcode-container:not(.wvc-sbif-disable-hover-true) .sbi_item:not(.sbi_type_video) .sbi_photo:hover:before, .wvc-wolf-gram-shortcode-container:not(.wvc-sbif-disable-hover-true) .sbi_item:not(.sbi_type_video) .sbi_photo:hover:after { opacity: 1; } /** * Item price */ .wvc-item-price img { width: 100%; } /* Layout */ .wvc-item-price-layout-image-top .wvc-item-price-text-container { margin-top: 15px; } .wvc-item-price-layout-image-left img, .wvc-item-price-layout-image-right img { width: auto; } .wvc-item-price-layout-image-left .wvc-item-price-text-container, .wvc-item-price-layout-image-right .wvc-item-price-text-container { display: flex; flex-direction: column; } .wvc-item-price-layout-image-left .wvc-item-price-image-container { float: left; margin-right: 15px; } .wvc-item-price-layout-image-right .wvc-item-price-image-container { float: right; margin-left: 15px; } .wvc-item-price-title-container { display: table; width: 100%; margin-bottom: 2px; } .wvc-item-price-title, .wvc-item-price-dots, .wvc-item-price-price { display: table-cell; } .wvc-item-price-title, .wvc-item-price-price { white-space: nowrap; width: auto; font-size: 18px; font-weight: 700; } .wvc-item-price-title { text-align: left; line-height: 1.5; } .wvc-item-price-price { text-align: right; } .wvc-item-price-dots { position: relative; bottom: 9px; height: 0; width: 100%; line-height: 0; border-bottom: 2px dotted #ddd; } .wvc-item-price-content { opacity: 0.8; } .wvc-item-price-layout-big-image .wvc-item-price-image-container { margin-bottom: 20px; } .wvc-item-price-title-container-block .wvc-item-price-title, .wvc-item-price-title-container-block .wvc-item-price-price { white-space: normal; display: block; } .wvc-item-price-title-container-block .wvc-item-price-price { text-align: left; } .wvc-item-price-title-container-block .wvc-item-price-dots { display: none; } .wvc-gmaps-container { width: 100%; min-height: 200px; } .wvc-gmaps-container address { margin-top: 15px; text-align: center; } .wvc-gmaps { width: 100%; height: 100%; } .wvc-google-maps-container { width: 100%; min-height: 200px; } .wvc-google-maps-container address { margin-top: 15px; text-align: center; } .wvc-google-maps { width: 100%; height: 100%; } /** * jPlayer */ #wvc-container .jp-interface { box-sizing: unset; } /** * Last posts */ /* Hide if shortcode attributes are set */ .wvc-last-posts.wvc-hide-category .categories-links, .wvc-last-posts.wvc-hide-category .post-square-caption .category { display: none; } .wvc-last-posts.wvc-hide-tag .tags-links { display: none; } .wvc-last-posts.wvc-hide-date .posted-on { display: none; } .wvc-last-posts.wvc-hide-author .by-author { display: none; } .wvc-last-posts.wvc-hide-summary .entry-summary { display: none; } .wvc-last-posts.wvc-hide-cover .wvc-post-column-entry-thumbnail, .wvc-last-posts.wvc-hide-cover .wvc-post-column-entry-slider { display: none; } .wvc-last-posts-columns img.avatar { position: relative; top: 5px; margin-right: 5px; } .wvc-last-posts-columns .wolf-button, .wvc-last-posts-columns .wvc-button { font-size: 11px; border-width: 1px; padding: 0.4em 1em 0.4em; } /* Date */ .wvc-updated:not(.wvc-published) { display: none; } .wvc-post-column-entry-meta a { font-size: 12px; } .wvc-post-column-entry-meta > span { margin-right: 5px; } .wvc-post-column-entry-title { margin-top: 0; margin-bottom: 0; font-size: 18px; } /* Last posts grid */ .wvc-post-column { padding: 14px; margin-bottom: 10px; } .wvc-post-column p { margin: 15px 0 0; font-size: 14px; } .wvc-post-column-entry-thumbnail { margin-bottom: 20px; } .wvc-post-column-entry-thumbnail img { width: 100%; } .wvc-post-column-entry-meta { margin: 5px 0 0; } .wvc-post-column-entry-meta a { font-size: 13px; } .wvc-last-posts-display-standard { width: calc(100% + 28px); margin-left: -14px; display: flex; flex-wrap: wrap; } .wvc-last-posts-display-carousel { padding-bottom: 30px; } .wvc-last-posts-display-carousel .wvc-post-column { width: 100%; counter-increment: carousel-cell; margin-bottom: 0; } @media screen and (min-width: 500px) { .wvc-last-posts-columns-2 .wvc-post-column, .wvc-last-posts-columns-3 .wvc-post-column, .wvc-last-posts-columns-4 .wvc-post-column, .wvc-last-posts-columns-5 .wvc-post-column, .wvc-last-posts-columns-6 .wvc-post-column { width: 50%; } } @media screen and (min-width: 800px) { .wvc-last-posts-columns-3 .wvc-post-column, .wvc-last-posts-columns-6 .wvc-post-column { width: 33.33%; } .wvc-last-posts-columns-4 .wvc-post-column { width: 25%; } } @media screen and (min-width: 1200px) { .wvc-last-posts-columns-5 .wvc-post-column { width: 20%; } .wvc-last-posts-columns-6 .wvc-post-column { width: 16.65%; } } /* Post skin */ .wvc-font-light .wvc-post-slide-inner { background: #333; } .wvc-font-light .wvc-post-slide-entry-link, .wvc-font-light .wvc-post-preview-entry-link, .wvc-font-light .wvc-post-column-entry-link { color: #FFF; } .wvc-font-dark .wvc-post-slide-inner { background: #fff; } .wvc-font-dark .wvc-post-slide-entry-link, .wvc-font-dark .wvc-post-preview-entry-link, .wvc-font-dark .wvc-post-column-entry-link { color: #0d0d0d; } /** * Mailchimp */ .wvc-mailchimp-form-container { position: relative; z-index: 0; margin: 30px auto; max-width: 100%; } .wvc-mailchimp-form-container.wvc-mailchimp-has-bg { padding: 40px 40px 10px; background: #333 no-repeat center center scroll; background-size: cover; color: #fff; } .wvc-mailchimp-form-container.wvc-mailchimp-has-bg:before { content: ' '; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.44; } .wvc-mailchimp-form-container.wvc-mailchimp-has-bg .wvc-mailchimp-title { color: #fff; } .wvc-mailchimp-form-container.wvc-mailchimp-has-bg .wvc-mailchimp-email { background: #fff; } .wvc-mailchimp-form-container.wvc-mailchimp-has-bg.wvc-mailchimp-size-large { padding: 50px 60px 30px; } .wvc-mailchimp-form-container .wvc-mailchimp-form { position: relative; margin: 0 auto; width: 100%; line-height: 1.5; max-width: 700px; } .wvc-mailchimp-form-container.wvc-mailchimp-text-align-center { text-align: center; } .wvc-mailchimp-form-container.wvc-mailchimp-text-align-left { text-align: left; } .wvc-mailchimp-form-container.wvc-mailchimp-text-align-right { text-align: right; } .wvc-mailchimp-form-container.wvc-mailchimp-align-left { margin-left: 0; } .wvc-mailchimp-form-container.wvc-mailchimp-align-left .wvc-mailchimp-form { margin-left: 0; } .wvc-mailchimp-form-container.wvc-mailchimp-align-right { margin-right: 0; } .wvc-mailchimp-form-container.wvc-mailchimp-align-right .wvc-mailchimp-form { margin-right: 0; } .wvc-mailchimp-form-container .wvc-mailchimp-email { margin: 0; width: 100%; } .wvc-mailchimp-form-container .wvc-mailchimp-title { font-size: 18px; margin-bottom: 30px; } .wvc-mailchimp-form-container .wvc-mailchimp-email-container { margin-bottom: 6px; } .wvc-mailchimp-form-container .wvc-mailchimp-submit { display: block; width: 100%; margin-top: 0; outline: none; } .widget-content .wvc-mailchimp-form-container { margin-top: 0; margin-bottom: 0; } .wvc-mailchimp-size-normal { max-width: 500px; } .wvc-mailchimp-size-normal .wvc-mailchimp-input-container { margin-bottom: 15px; } .wvc-mailchimp-size-normal.wvc-mailchimp-show-name-no .wvc-mailchimp-email-container { margin-bottom: 8px; } .wvc-mailchimp-result { display: block; width: 100%; text-align: center; opacity: 0; } .wvc-mc-submit-type-icon .wvc-mailchimp-submit-container { position: relative; } .wvc-mc-submit-type-icon .wvc-mc-icon { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); color: inherit; font-size: 24px; } /* Mailchimp */ .wolf-popup-overlay .wvc-mailchimp-size-large .wvc-mailchimp-inner { display: flex; flex: 0 auto; width: 100%; } .wolf-popup-overlay .wvc-mailchimp-size-large .wvc-mailchimp-input-container { margin-bottom: 0; padding-right: 5px; } .wolf-popup-overlay .wvc-mailchimp-size-large .wvc-mailchimp-submit-container { width: auto; } .wolf-popup-overlay .wvc-mailchimp-size-large.wvc-mailchimp-show-name-no .wvc-mailchimp-email-container { flex: 1; } .wvc-mailchimp-show-name-yes.wvc-mailchimp-size-large .wvc-mailchimp-input-container { margin-bottom: 15px !important; } .wvc-mailchimp-smaller .wvc-mailchimp-inner { display: block !important; } /** * Video carousel */ .wvc-video-carousel-container { margin-bottom: 50px; } .wvc-video-carousel .owl-theme .owl-controls { margin-top: 10px; } .wvc-video-carousel .item-video { height: 318px; } /** * Spotify */ .wvc-spotify-follow-button-container { width: 210px; } /** * YouTube */ .wvc-youtube-container { position: relative; overflow: hidden; margin-bottom: 30px; } .wvc-youtube-container .wvc-fluid-video, .wvc-youtube-container .wvc-fluid-video-container { margin-bottom: 0 !important; } .wvc-youtube-container iframe { z-index: 1; } .wvc-youtube-container.wvc-youtube-playing .wvc-youtube-play { visibility: hidden; z-index: -100; } .wvc-youtube-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } .wvc-youtube-cover:before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.22); z-index: 1; } .wvc-youtube-cover-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center center scroll; background-size: 100%; background-size: cover; } .wvc-youtube-play-button { display: block; position: absolute; z-index: 10; text-align: center; top: 50%; left: 50%; transition: all .2s ease; transform: translate3d(-50%, -50%, 0); cursor: pointer; border: 1px solid #ccc; padding: 10px 15px; color: #FFF; text-transform: uppercase; } .wvc-youtube-play-button .fa { margin-right: 8px; } .wvc-youtube-play-button:hover { background: #FFF; color: #0d0d0d; } .wvc-embed-video-container { position: relative; overflow: hidden; } .wvc-embed-video-container .wvc-fluid-video, .wvc-embed-video-container .wvc-fluid-video-container { margin-bottom: 0 !important; } .wvc-embed-video-container iframe { z-index: 1; } .wvc-embed-video-container.wvc-embed-video-playing .wvc-embed-video-play { visibility: hidden; z-index: -100; } .wvc-embed-video-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } .wvc-embed-video-cover:before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.22); z-index: 1; } .wvc-embed-video-cover-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center center scroll; background-size: 100%; background-size: cover; } .wvc-embed-video-play-button { display: block; position: absolute; z-index: 10; text-align: center; top: 50%; left: 50%; transition: all .2s ease; transform: translate3d(-50%, -50%, 0); cursor: pointer; border: 1px solid #ccc; padding: 10px 15px; color: #FFF; text-transform: uppercase; } .wvc-embed-video-play-button .fa { margin-right: 8px; } .wvc-embed-video-play-button:hover { background: #FFF; color: #0d0d0d; } /** * Twentytwenty */ .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: #fff; position: absolute; z-index: 30; } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { transition-duration: 0.5s; } .twentytwenty-before-label, .twentytwenty-after-label { transition-property: opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { color: #fff; font-size: 13px; letter-spacing: 0.1em; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 38px; padding: 0 20px; border-radius: 2px; } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { left: 50%; margin-left: -45px; text-align: center; width: 90px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -6px; } .twentytwenty-container { box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; } .twentytwenty-container img { max-width: 100%; position: absolute; top: 0; display: block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: transparent; } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { box-sizing: content-box; } .twentytwenty-before-label { opacity: 0; } .twentytwenty-before-label:before { content: "Before"; } .twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label:before { content: "After"; } .twentytwenty-horizontal .twentytwenty-before-label:before { left: 10px; } .twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; } .twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; } .twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; } .twentytwenty-overlay { transition-property: background; background: transparent; z-index: 25; } .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid #fff; border-radius: 1000px; box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; box-shadow: 0 -3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px; box-shadow: 3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px; box-shadow: -3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-left-arrow { border-right: 6px solid #fff; left: 50%; margin-left: -17px; } .twentytwenty-right-arrow { border-left: 6px solid #fff; right: 50%; margin-right: -17px; } .twentytwenty-up-arrow { border-bottom: 6px solid #fff; top: 50%; margin-top: -17px; } .twentytwenty-down-arrow { border-top: 6px solid #fff; bottom: 50%; margin-bottom: -17px; } .wvc-twentytwenty img { width: 100%; } /** * List */ .wvc-list-has-icon ul { list-style-type: none; padding: 0 0 0 0; margin: 0 0 0 0; } .wvc-list-has-icon ul li { list-style-type: none !important; padding-bottom: 10px; } .wvc-list-has-icon ul li:last-of-type { padding-bottom: 0; } .wvc-list-has-icon ul li .fa { margin-right: 8px; font-size: 0.8em; transition: all .3s ease; } .wvc-list-no-icon ul { list-style-type: none !important; padding-left: 0 !important; } .wvc-list-no-icon ul li { list-style-type: none !important; } .wvc-list-animate-icon ul li { position: relative; transition: left .3s ease; left: -20px; } .wvc-list-animate-icon ul li .fa { opacity: 0; } .wvc-list-animate-icon ul li:hover { left: 0; } .wvc-list-animate-icon ul li:hover .fa { opacity: 1; } /** * Audio */ .wvc-audio-shortcode-container { position: relative; margin-left: auto; margin-right: auto; } .wvc-as-align-left { margin-left: 0; } .wvc-as-align-right { margin-right: 0; } .wvc-audio-shortcode-container-has-image img { width: 100%; } /** * Audio embed */ .wvc-audio-embed-container iframe { width: 100%; } /** * Banner */ .wvc-banner { position: relative; margin: 0 auto; } .wvc-banner-link-mask { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 3; } .wvc-banner-image { position: relative; display: inline-block; vertical-align: middle; width: 100%; } .wvc-banner-image img { backface-visibility: visible; width: 100%; } .wvc-banner-caption { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; padding: 35px; } .wvc-banner-caption-table { display: table; width: 100%; height: 100%; } .wvc-banner-caption-table-cell { display: table-cell; width: 100%; height: 100%; } .wvc-banner-title { width: 100%; margin-bottom: 0; } .wvc-banner-tagline { width: 100%; } .wvc-banner-alignment-center { text-align: center; } .wvc-banner-alignment-left { text-align: left; margin-left: 0; } .wvc-banner-alignment-right { text-align: right; margin-right: 0; } .wvc-banner-text-align-left .wvc-banner-caption { text-align: left; } .wvc-banner-text-align-center .wvc-banner-caption { text-align: center; } .wvc-banner-text-align-right .wvc-banner-caption { text-align: right; } .wvc-banner-text-vertical-align-top .wvc-banner-caption-table-cell { vertical-align: top; } .wvc-banner-text-vertical-align-middle .wvc-banner-caption-table-cell { vertical-align: middle; } .wvc-banner-text-vertical-align-bottom .wvc-banner-caption-table-cell { vertical-align: bottom; } .wvc-banner-price { display: block; font-size: 1.5em; font-weight: 700; } .wvc-banner .wvc-button-container { margin-top: 14px; z-index: 5; } /** * Floating Element */ /** * Interactive Links */ .wvc-column-has-il { height: 100%; } .wvc-column-has-il .wvc-column-container { height: 100%; } .wvc-column-has-il .wvc-column-inner { display: flex; } .wvc-interactive-links-container { overflow: hidden; position: relative; width: 100%; height: 100%; } .wvc-is-apple .wvc-interactive-links-container { height: 100vh; } .wvc-interactive-links-container { height: 100vh; } .wvc-interactive-links-bg-holder { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .wvc-interactive-links-content-holder { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .wvc-interactive-links-content-holder:before { display: none !important; } .wvc-interactive-links-inner { display: table; width: 100%; height: 100%; } .wvc-interactive-links-content { display: table-cell; width: 100%; padding: 8%; margin: 0; list-style: none !important; position: relative; z-index: 0; } /* Display */ .wvc-interactive-links-container-display-block .wvc-interactive-link-item { width: 100%; display: block !important; } .wvc-interactive-links-container-display-inline-block .wvc-interactive-link-item { display: inline-block; margin: 0 22px; } /* Text align */ .wvc-interactive-links-container-align-left .wvc-interactive-links-content { text-align: left; } .wvc-interactive-links-container-align-center .wvc-interactive-links-content { text-align: center; } .wvc-interactive-links-container-align-right .wvc-interactive-links-content { text-align: right; } /* V Align */ .wvc-interactive-links-container-valign-top .wvc-interactive-links-content { vertical-align: top; } .wvc-interactive-links-container-valign-middle .wvc-interactive-links-content { vertical-align: middle; } .wvc-interactive-links-container-valign-bottom .wvc-interactive-links-content { vertical-align: bottom; } /* Item */ .wvc-interactive-link-item a { display: inline-block; list-style-type: none !important; } /* Animation */ .wvc-ils-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: all .4s ease; opacity: 0; } .wvc-ils-bg-active { opacity: 1; } @media screen and (max-width: 800px) { .wvc-interactive-links { font-size: 28px !important; } .wvc-interactive-links-container-display-inline-block .wvc-interactive-link-item { margin: 0 14px; } } @media screen and (max-width: 1000px) { .wvc-interactive-links { font-size: 32px !important; } .wvc-interactive-links-container-display-inline-block .wvc-interactive-link-item { margin: 0 14px; } } /** * Interactive Overlays */ .wvc-column-has-io { height: 100%; } .wvc-column-has-io .wvc-column-container { height: 100%; } .wvc-column-has-io .wvc-column-inner { display: flex; } .wvc-io-open { overflow: hidden; } .wvc-interactive-overlays-container { overflow: hidden; position: relative; width: 100%; height: 100%; } .wvc-is-apple .wvc-interactive-overlays-container { height: 100vh; } .wvc-interactive-overlays-container { height: 100vh; } .wvc-interactive-overlays-image-holder { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .wvc-interactive-overlays-content-holder { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .wvc-interactive-overlays-inner { display: table; width: 100%; height: 100%; } .wvc-interactive-overlays-content { display: table-cell; width: 100%; padding: 8%; margin: 0; list-style: none !important; position: relative; z-index: 0; } /* Display */ .wvc-interactive-overlays-container-display-block .wvc-interactive-overlay-item { width: 100%; display: block; } .wvc-interactive-overlays-container-display-inline-block .wvc-interactive-overlay-item { display: inline-block; margin: 0 22px; } /* Text align */ .wvc-interactive-overlays-container-align-left .wvc-interactive-overlays-content { text-align: left; } .wvc-interactive-overlays-container-align-center .wvc-interactive-overlays-content { text-align: center; } .wvc-interactive-overlays-container-align-right .wvc-interactive-overlays-content { text-align: right; } /* V Align */ .wvc-interactive-overlays-container-valign-top .wvc-interactive-overlays-content { vertical-align: top; } .wvc-interactive-overlays-container-valign-middle .wvc-interactive-overlays-content { vertical-align: middle; } .wvc-interactive-overlays-container-valign-bottom .wvc-interactive-overlays-content { vertical-align: bottom; } /* Item */ .wvc-interactive-overlay-item a { display: inline-block; list-style-type: none !important; } /* Animation */ .wvc-io-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: all .4s ease; opacity: 0; } .wvc-io-bg-active { opacity: 1; } .wvc-io-item-content { background: rgba(0, 0, 0, 0.95); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999999; width: 100%; height: 100vh; opacity: 0; z-index: -200; overflow-y: auto; overflow-x: hidden; transition: opacity .6s ease, z-index .1s 1s linear; } .wvc-io-item-content.wvc-io-content-active { opacity: 1; z-index: 999999; transition: opacity .6s ease, z-index 0s; } .wvc-io-item-content-close { cursor: pointer; display: block; width: 40px; height: 50px; position: absolute; top: 10px; right: 10px; font-size: 32px; font-weight: 700; color: #fff; z-index: 99999; } .admin-bar .wvc-io-item-content { top: 46px; } @media screen and (min-width: 782px) { .admin-bar .wvc-io-item-content { top: 32px; } } @media screen and (max-width: 800px) { .wvc-interactive-overlays { font-size: 28px !important; } .wvc-interactive-overlays-container-display-inline-block .wvc-interactive-overlay-item { margin: 0 14px; } } @media screen and (max-width: 1000px) { .wvc-interactive-overlays { font-size: 32px !important; } .wvc-interactive-overlays-container-display-inline-block .wvc-interactive-overlay-item { margin: 0 14px; } } /** * Album disc */ .wvc-album-disc { position: relative; margin-left: auto; margin-right: auto; max-width: 750px; } .wvc-album-disc-cover-img { width: 100%; } .wvc-album-disc-align-left { margin-left: 0; } .wvc-album-disc-align-right { margin-right: 0; } .wvc-album-disc-cover-container { margin: 0 32% 10px 0; position: relative; z-index: 1; } .wvc-album-disc-link-mask { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 14; } .wvc-album-disc-cover-inner { position: relative; z-index: 0; box-shadow: 0px 10px 3px -9px rgba(0, 0, 0, 0.77); overflow: hidden; } .wvc-album-disc-disc-inner { width: 100%; height: 100%; } .wvc-album-disc-cover-img { border-radius: 2px; position: relative; left: 1px; backface-visibility: hidden; } .wvc-album-disc-cover-border { z-index: 1; position: absolute; width: 100%; height: 100%; top: -1px; left: 0; bottom: 0; right: 0; background: transparent url("../img/album-disc/cd-cover-border.png") left top no-repeat; background-size: cover; opacity: 0.88; } .wvc-album-disc-worn-border-no .wvc-album-disc-cover-border { background: none; } .wvc-album-disc-disc-container { position: absolute; transition: all 0.7s cubic-bezier(0, 0.45, 0.54, 0.99); transform: translate3d(0, 0, 0) rotate(0); border-radius: 50%; overflow: hidden; } .wvc-album-disc-cd .wvc-album-disc-disc-container { top: 14px; left: 14px; width: calc(100% - 28px); height: calc(100% - 28px); box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.66), 0px 0px 0px 5px rgba(0, 0, 0, 0.22), 0px 0px 0px 3px rgba(0, 0, 0, 0.88); } .wvc-album-disc-disc-text { z-index: 5; position: absolute; width: calc(100% - 5px); height: calc(100% - 5px); top: 5px; left: 5px; background: transparent url("../img/album-disc/cd-disc-circular-text.png") left top no-repeat; transform: translate3d(0, 0, 0); background-size: cover; opacity: 0.88; margin: -2px; } .wvc-album-disc-disc-hole { z-index: 5; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); height: 32.5%; width: 32.5%; box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.99); z-index: 2; background: rgba(255, 255, 255, 0.35); border-radius: 50%; } .wvc-vinyl { z-index: 5; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: transparent url("../img/album-disc/vinyl.png") left top no-repeat; background-size: cover; } .wvc-album-disc-disc-img { backface-visibility: hidden; width: 100%; width: 100%; vertical-align: middle; } .wvc-album-disc-vinyl .wvc-album-disc-disc-container { top: 1%; left: 1%; width: 98%; height: 98%; } .wvc-album-disc-vinyl .wvc-album-disc-disc-img { width: 40%; height: 40%; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); z-index: 0; } .animated.wvc-album-disc-reveal { transform: translate3d(40%, 0, 0) rotate(-42deg); } .wvc-album-disc-rotate-always .wvc-album-disc-disc-inner, .wvc-album-disc-rotate-hover .wvc-album-disc-disc-inner, .wvc-album-disc-rotate-hover-stop .wvc-album-disc-disc-inner { animation: disc_spin 3.5s linear infinite; } .wvc-album-disc-rotate-hover:not(:hover) .wvc-album-disc-disc-inner { animation-play-state: paused; } .wvc-album-disc-rotate-hover-stop:hover .wvc-album-disc-disc-inner { animation-play-state: paused; } @keyframes disc_spin { 100% { transform: rotate(360deg); } } .wvc-no-animations .wvc-album-disc-reveal { transform: translate3d(40%, 0, 0) rotate(-42deg); } /** * Album tracklist */ ol.wvc-album-tracklist-list { padding: 0 !important; margin: 0 !important; border: none !important; list-style-type: none; } li.wvc-album-tracklist-item { list-style-type: none !important; } .wvc-album-tracklist-ordered ol.wvc-album-tracklist-list { counter-reset: item; } .wvc-album-tracklist-ordered li.wvc-album-tracklist-item { counter-increment: step-counter; } .wvc-album-tracklist-ordered li.wvc-album-tracklist-item .wvc-ati-title:before { content: counter(step-counter) "."; margin-right: 8px; } li.wvc-album-tracklist-item { position: relative; line-height: 1.4; padding: 18px 0; border-bottom: 1px solid #f4f4f4; font-size: 16px; } .wvc-ati-table { width: 100%; display: table; } .wvc-ati-cell { display: table-cell; vertical-align: middle; } .wvc-ati-title-cell { font-weight: 700; width: calc(100% - 264px); font-size: 15px; } .wvc-ati-duration-cell { text-align: left; font-weight: 400; opacity: 0.88; font-size: 12px; width: 44px; } .wvc-ati-audio-cell { text-align: center; width: 44px; } .wvc-ati-play, .wvc-ati-pause { transition: opacity 0.2s ease; opacity: 0; } .wvc-ati-play { opacity: 1; } .wvc-ati-play-button { position: relative; width: 22px; height: 22px; } .wvc-ati-play-button.wvc-ati-track-playing .wvc-ati-play { opacity: 0; } .wvc-ati-play-button.wvc-ati-track-playing .wvc-ati-pause { opacity: 1; } .wvc-ati-video-cell { text-align: left; width: 44px; } .wvc-ati-action-cell { width: 132px; text-align: right; font-weight: 400; font-size: 18px; } .wvc-ati-action-cell .added_to_cart { display: none; } .wvc-ati-price { font-size: 13px; padding-right: 8px; } .wvc-ati-add-to-cart-button { position: relative; } .wvc-ati-add-to-cart-button-title { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 5; } .wvc-ati-add-to-cart { position: relative; z-index: 0; } .wvc-ati-add-to-cart-button.loading .wvc-ati-add-to-cart:before { opacity: 0.66; } .wvc-ati-add-to-cart-button.added .wvc-ati-add-to-cart:before { animation: wvc_ati_pop 0.3s linear 1; } @keyframes wvc_ati_pop { 50% { transform: scale(1.8); } } .wvc-ati-play-button { display: block; position: relative; width: 30px; } .wvc-ati-play-button .wvc-ati-icon { position: absolute; top: 0; left: 50%; transform: translate3d(-50%, 0, 0); } .wvc-ati-link { cursor: pointer; } .wvc-ati-icon:before { position: relative; margin: 0 8px; 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; } .wvc-ati-play:before { content: '\f04b'; } .wvc-ati-pause:before { content: '\f04c'; } .wvc-ati-video:before { content: '\f03d'; } .wvc-ati-itunes:before { content: '\f179'; } .wvc-ati-amazon:before { content: '\f270'; top: 2px; } .wvc-ati-googleplay:before { font-family: socicon; content: '\e0a5'; top: 1px; } .wvc-ati-buy:before { content: '\f07a'; } .wvc-ati-add-to-cart:before { content: '\f218'; } .wvc-ati-download:before { content: '\f0ed'; } .wvc-font-dark li.wvc-album-tracklist-item { border-color: rgba(0, 0, 0, 0.14); } .wvc-font-light li.wvc-album-tracklist-item { border-color: rgba(255, 255, 255, 0.14); } .wvc-album-tracklist-500 li.wvc-album-tracklist-item, .wvc-album-tracklist-380 li.wvc-album-tracklist-item { font-size: 12px; } .wvc-album-tracklist-500 .wvc-ati-duration-cell, .wvc-album-tracklist-380 .wvc-ati-duration-cell { display: none; } .wvc-album-tracklist-500 .wvc-ati-action-cell, .wvc-album-tracklist-380 .wvc-ati-action-cell { font-size: 14px; } .wvc-album-tracklist-500 .wvc-ati-title-cell, .wvc-album-tracklist-380 .wvc-ati-title-cell { padding-right: 8px; width: 120px; font-size: 12px; } .wvc-album-tracklist-500 .wvc-ati-play-button, .wvc-album-tracklist-380 .wvc-ati-play-button { top: 3px; } /** * BIT tracking button */ .wvc-bandwintown-events .bit-widget { font-size: inherit; } .wvc-bandwintown-tracking-button.wvc-btb-align-center iframe { margin-left: auto; margin-right: auto; } .wvc-bandwintown-tracking-button.wvc-btb-align-left iframe { margin-left: 0; margin-right: auto; } .wvc-bandwintown-tracking-button.wvc-btb-align-right iframe { margin-left: auto; margin-right: 0; } /** * Twitter */ .wvc-wolf-twitter-shortcode-text-align-center .wolf-bigtweet-content { text-align: center; } .wvc-wolf-twitter-shortcode-text-align-left .wolf-bigtweet-content { text-align: left; } .wvc-wolf-twitter-shortcode-text-align-right .wolf-bigtweet-content { text-align: right; } /** * Hover Box */ .vc-hoverbox-front .wvc-fittext, .vc-hoverbox-front .wvc-fittext-link { color: #fff !important; } .wvc-hover-box-back-has-background { color: #fff !important; } .wvc-hover-box-back-has-background .wvc-fittext, .wvc-hover-box-back-has-background .wvc-fittext-link { color: #fff !important; } .wvc-hoverbox .vc-hoverbox-block-inner { padding: 45px; } /** * Hours */ .wvc-hours { margin-bottom: 14px; } .wvc-h-container { display: table; width: 100%; } .wvc-h-day, .wvc-h-line, .wvc-h-hours { display: table-cell; width: auto; } .wvc-h-day { width: 1%; white-space: nowrap; text-align: left; } .wvc-h-hours { text-align: right; width: 1%; white-space: nowrap; } .wvc-h-line { padding-right: 6px; padding-left: 6px; } .wvc-h-line { width: 98%; height: 3px; } .wvc-h-line-content { display: block; border-bottom: 2px dotted #ddd; } /** * Recipe */ .wvc-recipe { width: 100%; border: 1px solid rgba(0, 0, 0, 0.05); padding: 44px; } .wvc-recipe ul, .wvc-recipe ol { padding-left: 20px; } .wvc-recipe .wvc-recipe-title-container, .wvc-recipe .wvc-recipe-subtitle-container { max-width: 650px; } .wvc-recipe .wvc-recipe-counter { position: relative; } .wvc-recipe .wvc-recipe-meta { position: relative; } .wvc-recipe .wvc-recipe-counter-circle { width: 80px; height: 80px; background: #333; color: white; border-radius: 999em; display: block; position: relative; } .wvc-recipe .wvc-counter-container { margin: 0 auto; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); } .wvc-recipe .wvc-counter { color: white !important; font-size: 16px !important; } .wvc-recipe .wvc-counter-text { font-size: 10px; } .wvc-recipe-head { position: relative; margin-bottom: 35px; } .wvc-recipe-title { font-size: 1.6em; margin-bottom: 0; } .wvc-recipe-details { margin-top: 35px; max-width: 800px; width: 100%; display: flex; justify-content: space-between; } .wvc-recipe-meta { display: block; margin-bottom: 20px; } .wvc-recipe-total-time-title, .wvc-recipe-servings-title { display: block; font-size: 16px; font-weight: 700; } .wvc-recipe-print-button { position: absolute; right: 0; top: 0; } .wvc-recipe-description-container { margin-bottom: 35px; max-width: 800px; font-weight: 700; font-size: 1.1em; } .wvc-recipe-instructions ol { list-style-type: decimal; } .wvc-is-mobile .wvc-recipe-print-button { display: none; } .wvc-recipe-image { margin-top: 35px; margin-bottom: 35px; } .wvc-recipe-image img { max-width: 800px; width: 100%; } .wvc-recipe.wvc-el-800 .wvc-recipe-print-button { display: none; } .wvc-recipe.wvc-el-500 .wvc-recipe-meta, .wvc-recipe.wvc-el-380 .wvc-recipe-meta { display: block; float: left; width: 50%; text-align: center; margin: 0 auto 20px; } .wvc-recipe.wvc-el-500 .wvc-recipe-counter-circle, .wvc-recipe.wvc-el-380 .wvc-recipe-counter-circle { margin: 0 auto; } .wvc-recipe.wvc-el-500 .wvc-recipe-details, .wvc-recipe.wvc-el-380 .wvc-recipe-details { display: block; } .wvc-recipe.wvc-el-500 .wvc-recipe-total-time, .wvc-recipe.wvc-el-500 .wvc-recipe-servings, .wvc-recipe.wvc-el-380 .wvc-recipe-total-time, .wvc-recipe.wvc-el-380 .wvc-recipe-servings { display: block; } /** * Meal */ .wvc-meal { width: 100%; border: 1px solid rgba(0, 0, 0, 0.05); } .wvc-meal .wvc-meal-cell:last-of-type { border-bottom: none; } .wvc-meal-head { position: relative; } .wvc-meal-title { font-size: 1.6em; } .wvc-meal-cell { padding: 20px 33px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .wvc-meal-head { padding: 33px; } .wvc-mi-content { position: relative; padding-right: 8px; max-width: 600px; } .wvc-mi-link-mask { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; } .wvc-mi-name { font-weight: 700; } .wvc-meal-comment, .wvc-mi-comment { font-style: italic; font-size: 0.9em; opacity: .80; } .wvc-mi-quantity { font-weight: 400; opacity: .8; } .wvc-meal-item { display: flex; align-items: center; } .wvc-mi-media { text-align: right; flex: 1; } .wvc-mi-thumbnail { width: 100px; height: auto; } .wvc-mi-comment { margin-top: 10px; } .wvc-mi-link { display: inline-block; position: relative; transition: opacity .2s ease; margin-left: 5px; } .wvc-mi-link:hover { opacity: .88; } .wvc-meal-print-button { position: absolute; right: 33px; top: 50%; transform: translate3d(0, -50%, 0); } .wvc-is-mobile .wvc-mi-print-button { display: none; } .wvc-print-button-text:before { font-family: FontAwesome; display: inline-block; content: "\f02f"; margin-right: 5px; } .wvc-meal.wvc-el-500 .wvc-meal-print-button, .wvc-meal.wvc-el-380 .wvc-meal-print-button { display: none; } .wvc-meal.wvc-el-500 .wvc-mi-media, .wvc-meal.wvc-el-380 .wvc-mi-media { display: none; } /** * Video Switcher */ .wvc-video-switcher-container { margin: 0 auto; max-width: 1140px; } .wvc-vs-big-video { margin-bottom: 14px; background: #333 center center no-repeat; width: 100%; max-width: 100%; } .wvc-vs-big-video-loading { background-image: url("../img/loader.gif"); } .wvc-vs-big-video-inner { opacity: 1; transition: opacity .4s ease; width: 100%; max-width: 100%; } .wvc-vs-big-video-inner iframe { vertical-align: bottom; } .wvc-vs-big-video-loading .wvc-vs-big-video-inner { opacity: 0; } .wvc-vs-video-thumbnails { display: flex; width: calc(100% + 14px); margin-left: -7px; align-content: stretch; } .wvc-vs-video-thumbnail { flex-grow: 1; padding: 0 7px; } .wvc-vs-video-thumbnail-active a { pointer-events: none; cursor: default; opacity: .66; } .wvc-vs-video-thumbnail { opacity: 1; transition: opacity .4s ease; } .wvc-vs-video-thumbnail img { width: 100%; } .wvc-vs-video-thumbnail:hover, .wvc-vs-video-thumbnail.wvc-vs-video-thumbnail-active { opacity: .66; } /** * Showcase vertical carousel */ .wvc-column-has-svc { height: 100%; } .wvc-column-has-svc .wvc-column-container { height: 100%; } .wvc-column-has-svc .wvc-column-inner { display: flex; } .wvc-showcase-vertical-carousel { overflow: hidden; position: static; width: 100%; } .wvc-showcase-vertical-carousel { min-height: 100vh; } .wvc-showcase-vertical-carousel-bg-holder { position: fixed; width: 100%; height: 100%; top: 0; left: 0; } .wvc-showcase-vertical-carousel-content-holder { width: 100%; height: 100%; top: 0; left: 0; } .wvc-showcase-vertical-carousel-content-holder:before { display: none !important; } .wvc-interactive-links-inner { width: 100%; height: 100%; } .wvc-showcase-vertical-carousel-content { padding: 0 16.66%; width: 100%; padding: 8%; margin: 0; list-style: none !important; position: relative; z-index: 0; } /* Display */ .wvc-showcase-vertical-carousel-display-block .wvc-showcase-vertical-carousel { width: 100%; display: block; } .wvc-showcase-vertical-carousel-display-inline-block .wvc-showcase-vertical-carousel { display: inline-block; margin: 0 22px; } /* Text align */ .wvc-showcase-vertical-carousel-align-left .wvc-showcase-vertical-carousel-content { text-align: left; } .wvc-showcase-vertical-carousel-align-center .wvc-showcase-vertical-carousel-content { text-align: center; } .wvc-showcase-vertical-carousel-align-right .wvc-showcase-vertical-carousel-content { text-align: right; } /* V Align */ .wvc-showcase-vertical-carousel-valign-top .wvc-showcase-vertical-carousel-content { vertical-align: top; } .wvc-showcase-vertical-carousel-valign-middle .wvc-showcase-vertical-carousel-content { vertical-align: middle; } .wvc-showcase-vertical-carousel-valign-bottom .wvc-showcase-vertical-carousel-content { vertical-align: bottom; } /* Item */ .wvc-showcase-vertical-carousel-item { height: 55vh; list-style-type: none; display: block; position: relative; width: 100%; } .wvc-svc-item-link { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } .wvc-item-text-cell { display: block; } .wvc-svc-item-title { font-size: 48px; line-height: 1.1; margin-bottom: 20px; } /* Animation */ .wvc-svc-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: all .4s ease; opacity: 0; } .wvc-svc-bg-active { opacity: 1; } /** * Product presentation */ .wvc-product-presentation .entry-single-product { width: 100% !important; max-width: none; } .wvc-product-presentation { width: 92%; min-height: 500px; margin-top: 50px; margin-bottom: 50px; } .wvc-product-presentation .entry-summary { padding: 20px 50px 50px; margin-bottom: 0 !important; } .wvc-product-presentation .product-images { width: 100%; } .wvc-product-presentation .product-images ul { width: 100%; padding: 0 !important; margin: 0 !important; } .wvc-product-presentation .product-images li { background-repeat: no-repeat; background-size: cover; width: 100%; } .wvc-product-presentation .flex-prev { left: 10px !important; } .wvc-product-presentation .flex-next { right: 10px !important; } .wvc-product-presentation .flex-prev, .wvc-product-presentation .flex-next { opacity: 1 !important; } @media screen and (min-width: 800px) { .wvc-product-presentation .product-images, .wvc-product-presentation .summary { width: 50% !important; float: left; } } /** * WooCommerce categories */ .wvc-wc-category { overflow: hidden; position: relative; } .wvc-wc-cat-link-mask { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } .wvc-wc-cat-text-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; display: flex; flex-direction: column; justify-content: flex-end; } .wvc-wc-cat-text-container .wvc-wc-cat-title-container { max-width: 350px; } .wvc-wc-tone-light .wvc-wc-cat-text-container { color: #333; } .wvc-wc-tone-dark .wvc-wc-cat-text-container { color: #fff; } .wvc-wc-cat-title { font-size: 18px; } .wvc-wc-cat-count { font-size: 13px; } .wvc-wc-category-gallery-t-align-center .wvc-wc-cat-text-container { text-align: center; } .wvc-wc-category-gallery-t-align-right .wvc-wc-cat-text-container { text-align: right; } .wvc-wc-category-gallery-v-align-top .wvc-wc-cat-text-container { justify-content: flex-start; } .wvc-wc-category-gallery-v-align-center .wvc-wc-cat-text-container { justify-content: center; } /** * WooCommerce Search Form */ .wvc-wc-search-form { position: relative; margin: 0 auto; width: 100%; line-height: 1.5; max-width: 700px; font-size: 2em; } .wvc-wc-search-form .search-field { margin-bottom: 6px; } .wvc-wc-search-form .search-submit { display: block; width: 100%; margin-top: 0; outline: none; } @media screen and (min-width: 800px) { .wvc-wc-search-form .woocommerce-product-search { display: flex; flex: 0 auto; width: 100%; } .wvc-wc-search-form .woocommerce-product-search .search-field { flex: 1; margin-right: 5px; margin-bottom: 0; } .wvc-wc-search-form .woocommerce-product-search .search-submit { width: auto; } } /** * Login form */ .wvc-login-form-container { margin: 0 auto; max-width: 600px; width: 100%; border: 1px solid rgba(0, 0, 0, 0.05); } .wvc-login-form-container .login-remember input[type="checkbox"] { height: auto; } .wvc-login-form-container .login-submit { text-align: right; } .wvc-login-form-inner { padding: 40px 50px; } /** * Artist Line-up */ .wvc-artist-lineup { font-size: 2em; font-weight: 700; } .wvc-artist-lineup.wvc-alu-text-align-left { text-align: left; } .wvc-artist-lineup.wvc-alu-text-align-center { text-align: center; } .wvc-artist-lineup.wvc-alu-text-align-right { text-align: right; } .wvc-artist-lineup .wvc-alu-before-text { margin-right: 8px; } .wvc-artist-lineup ul { margin: 0; padding: 0; list-style-type: none; line-height: 1 !important; display: inline; } .wvc-artist-lineup ul li { list-style-type: none; display: inline-block; } .wvc-artist-lineup strong { font-size: 1.4em; } .wvc-artist-lineup .wvc-alu-separator { margin: 0 5px; } /** * Text Slider */ /** * BMIC */ .wvc-bmic-legend-bold { font-weight: 700; } .wwvc-bmic-subtitle > p, .wvc-bmic-title { margin-bottom: 20px; } .wvc-bmic-result { background: white; color: #666; border: 1px solid rgba(0, 0, 0, 0.05); margin-top: 50px; padding: 44px; position: relative; } .wvc-bmic-result strong { color: black !important; } .wvc-bmic-result-close { cursor: pointer; position: absolute; right: 15px; top: 40px; } .wvc-bmic-result { height: 0; opacity: 0; transition: all .2s ease; } .wvc-bmic-notification-show { height: auto; opacity: 1; } .wvc-bmic-loading .wvc-hellip { animation-name: wvc_hellip_flash; animation-duration: 1.4s; animation-iteration-count: infinite; animation-fill-mode: both; } .wvc-bmic-loading .wvc-hellip:nth-child(2) { animation-delay: .2s; } .wvc-bmic-loading .wvc-hellip:nth-child(3) { animation-delay: .4s; } .wvc-bmic-result p { margin-bottom: 20px; } .wvc-bmic-result p:last-of-type { margin-bottom: 0; } @keyframes wvc_hellip_flash { 0% { opacity: .2; } 20% { opacity: 1; } 100% { opacity: .2; } } /** * Info table */ .wvc-info-table ul { margin: 0; padding: 0; } .wvc-info-table ul li { width: 100%; display: table; table-layout: fixed; max-width: 600px; } .wvc-info-table ul li .wvc-it-label, .wvc-info-table ul li .wvc-it-value { display: table-cell; height: 44px; vertical-align: center; } .wvc-info-table ul li .wvc-it-label { min-width: 120px; font-weight: 700; } /** * Workout */ .wvc-workout-program { width: 100%; border: 1px solid rgba(0, 0, 0, 0.05); } .wvc-workout-program .wvc-workout-program-cell:last-of-type { border-bottom: none; } .wvc-workout-program-head { position: relative; } .wvc-workout-program-title { font-size: 1.6em; } .wvc-workout-program-cell { padding: 20px 33px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .wvc-workout-program-head { padding: 33px; } .wvc-wpe-content { position: relative; padding-right: 8px; max-width: 600px; } .wvc-wpe-link-mask { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; } .wvc-wpe-numbers { margin-right: 8px; } .wvc-wpe-name { font-weight: 700; } .wvc-wpe-comment { font-style: italic; font-size: 0.9em; opacity: .80; } .wvc-workout-program-exercice { display: flex; align-items: center; } .wvc-wpe-media { text-align: right; flex: 1; } .wvc-wpe-thumbnail { width: 100px; height: auto; } .wvc-wpe-comment { margin-top: 10px; } .wvc-wpe-link { display: inline-block; position: relative; transition: opacity .2s ease; margin-left: 5px; } .wvc-wpe-link:hover { opacity: .88; } .wvc-wpe-link:before { content: ''; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); } .wvc-wpe-link:after { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); font-family: FontAwesome; color: white; } .wvc-wpe-link.wvc-wpe-video-link:after { content: "\f04b"; } .wvc-wpe-link.wvc-wpe-gallery-link:after { content: "\f03e"; } .wvc-wpe-print-button { position: absolute; right: 33px; top: 50%; transform: translate3d(0, -50%, 0); } .wvc-is-mobile .wvc-wpe-print-button { display: none; } .wvc-print-button-text:before { font-family: FontAwesome; display: inline-block; content: "\f02f"; margin-right: 5px; } .wvc-workout-program.wvc-el-500 .wvc-wpe-print-button, .wvc-workout-program.wvc-el-380 .wvc-wpe-print-button { display: none; } .wvc-workout-program.wvc-el-500 .wvc-wpe-media, .wvc-workout-program.wvc-el-380 .wvc-wpe-media { display: none; } /** * WP Widgets */ #wvc-container { /*.wvc-widget{ ul { margin: 0; padding: 0; li{ margin-left: 20px; } } .field{ width: 100%; } }*/ } /** * Modal window */ #wvc-modal-window-overlay { position: fixed; z-index: -10; transition: opacity .4s linear, z-index .4s .4s linear; opacity: 0; overflow-y: auto; width: 100%; } #wvc-modal-window-overlay.wvc-modal-window-overlay-visible { transition: opacity .4s linear, z-index .4s 0s linear; z-index: 99995; opacity: 1; } .wvc-modal-window-full { top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.33); } .wvc-modal-window-non_intrusive { right: 20px; bottom: 20px; background: none; overflow-y: hidden !important; } .wvc-modal-window-non_intrusive #wvc-modal-window-container { width: 100%; } #wvc-modal-window-container { position: absolute; width: 92%; height: auto; top: 10%; left: 50%; z-index: 9999; opacity: 0; transform: translate3d(-50%, 5%, 0); transition: all .8s ease; } .wvc-show-modal-window #wvc-modal-window-container { opacity: 1; transform: translate3d(-50%, 0, 0); } #wvc-modal-window-close { position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; line-height: 30px; font-weight: 400; text-align: center; opacity: 1; border: 0; color: #171717; z-index: 9999; } #wvc-modal-window-bottom-close { margin-top: 5px; display: inline-block; color: #fff; text-align: center; font-size: 12px; cursor: pointer; width: 100%; font-weight: 700; } @media screen and (min-width: 800px) { #wvc-modal-window-container { top: 50%; transform: translate3d(-50%, -45%, 0); } .wvc-show-modal-window #wvc-modal-window-container { opacity: 1; transform: translate3d(-50%, -50%, 0); } } /** * Privacy Policy Message */ #wvc-privacy-policy-message-container { display: none; position: fixed; bottom: 0; left: 0; min-height: 50px; width: 100%; background: #000; color: #f7f7f7; z-index: 999; } #wvc-privacy-policy-message-content { padding: 14px; padding-left: 28px; padding-right: 50px; font-size: 13px; text-align: center; color: #fff; } #wvc-privacy-policy-message-content a:not(#wvc-privacy-policy-message-close) { color: inherit; text-decoration: underline; font-weight: 700; } #wvc-privacy-policy-message-close { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; width: 30px; height: 30px; line-height: 30px; font-weight: 400; text-align: center; opacity: 1; border: 0; color: inherit; z-index: 9999; } #wvc-privacy-policy-message-close:before { color: inherit; } /** * Flexslider custom styles */ /* Custom Flexslider Styles ---------------------------------------*/ /* reset */ .flexslider { margin: 0 0 0 0; border: none; background: none; border-radius: 0; box-shadow: none; overflow: hidden; /*a{ border:none!important; }*/ } .flexslider img { backface-visibility: hidden; border: none !important; } .flexslider img:hover { opacity: 1 !important; } .flexslider a:not(.wvc-button):hover { opacity: 1 !important; } .flexslider ul, .flexslider ol { margin: 0 !important; padding: 0 !important; } .flexslider ul.slides li { padding: 0 0 0 0; margin: 0 0 0 0; list-style-type: none !important; position: relative; } .flexslider ul li { list-style-type: none !important; } .flexslider .flex-caption { margin-top: 0 !important; backface-visibility: hidden; max-width: 95%; display: block; position: absolute; top: 20px; padding: 0.5em 1em; font-size: 0.95em; background: #333; background: rgba(0, 0, 0, 0.5); color: #fff; } .flexslider .flex-control-paging { max-width: none !important; z-index: 999; height: 0; bottom: 30px; width: 100% !important; } .flexslider .flex-control-paging li a { width: 8px; height: 8px; } .flexslider .flex-direction-nav a { margin-top: 0 !important; transform: translateY(-50%) !important; } /** * Slider & Carousel dot navigation */ /* Flexslider */ .flex-control-nav li { margin-left: 8px !important; margin-right: 8px !important; } .flex-control-paging li a { background: #fff !important; box-shadow: none; transition: all .2s ease; } .flex-control-paging li a:hover { box-shadow: 0 0 0 1px white; } .flex-control-paging li a.flex-active { box-shadow: 0 0 0 1px #fff; } .flex-control-paging li a.flex-active:hover { box-shadow: inset 0 0 0 11px white; } .wvc-slider-nav-font-tone-dark .flex-control-paging li a { background: #333 !important; } .wvc-slider-nav-font-tone-dark .flex-control-paging li a:hover { box-shadow: 0 0 0 1px #333; } .wvc-slider-nav-font-tone-dark .flex-control-paging li a.flex-active { box-shadow: 0 0 0 1px #333; } .wvc-slider-nav-font-tone-dark .flex-control-paging li a.flex-active:hover { box-shadow: inset 0 0 0 11px #333; } /* Flickity */ .flickity-page-dots { bottom: -35px; } .flickity-page-dots .dot { opacity: 1; width: 8px; height: 8px; transition: all .2s ease; box-shadow: none; } /* Image gallery carrousel */ .wvc-carousel-nav-dots-tone-dark .flickity-page-dots .dot { background: #333; } .wvc-carousel-nav-dots-tone-dark .flickity-page-dots .dot:hover { box-shadow: 0 0 0 1px #333; } .wvc-carousel-nav-dots-tone-dark .flickity-page-dots .dot.is-selected { box-shadow: 0 0 0 1px #333; } .wvc-carousel-nav-dots-tone-dark .flickity-page-dots .dot.is-selected:hover { box-shadow: inset 0 0 0 11px #333; } .wvc-carousel-nav-dots-tone-light .flickity-page-dots .dot { background: #fff; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); } .wvc-carousel-nav-dots-tone-light .flickity-page-dots .dot:hover { box-shadow: 0 0 0 1px #fff; } .wvc-carousel-nav-dots-tone-light .flickity-page-dots .dot.is-selected { box-shadow: 0 0 0 1px #fff; } .wvc-carousel-nav-dots-tone-light .flickity-page-dots .dot.is-selected:hover { box-shadow: inset 0 0 0 11px #fff; } /* Testimonail carrousel */ .wvc-font-light .wvc-testimonials-container .flickity-page-dots .dot { background: #fff; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); } .wvc-font-light .wvc-testimonials-container .flickity-page-dots .dot:hover { box-shadow: 0 0 0 1px #fff; } .wvc-font-light .wvc-testimonials-container .flickity-page-dots .dot.is-selected { box-shadow: 0 0 0 1px #fff; } .wvc-font-light .wvc-testimonials-container .flickity-page-dots .dot.is-selected:hover { box-shadow: inset 0 0 0 11px #fff; } .wvc-font-dark .wvc-testimonials-container .flickity-page-dots .dot { background: #333; } .wvc-font-dark .wvc-testimonials-container .flickity-page-dots .dot:hover { box-shadow: 0 0 0 1px #333; } .wvc-font-dark .wvc-testimonials-container .flickity-page-dots .dot.is-selected { box-shadow: 0 0 0 1px #333; } .wvc-font-dark .wvc-testimonials-container .flickity-page-dots .dot.is-selected:hover { box-shadow: inset 0 0 0 11px #333; } /* One Page Scroll */ .wvc-one-page-nav-bullet { transition: all .2s ease; background: #fff; box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2); } .wvc-one-page-nav-bullet:hover, .wvc-one-page-nav-bullet.wvc-bullet-active { transform: scale(1.3); } /** * Slider & Carousel arrow navigation */ /* Flexslider */ .flexslider .flex-direction-nav a { background: none; font-size: 0; height: 70px; transform: translate3d(0, -50%, 0); margin-top: 0; text-shadow: none; } .flexslider .flex-direction-nav a: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; box-shadow: none; font-family: linea-arrows-10 !important; content: "\e03f"; color: #fff; font-size: 38px; } .flexslider .flex-direction-nav a.flex-prev:before { content: "\e03f"; } .flexslider .flex-direction-nav a.flex-next:before { content: "\e04b"; } /* Flickity */ .flickity-prev-next-button { background: none !important; font-size: 0; height: 70px; } .flickity-prev-next-button svg { display: none; } .flickity-prev-next-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; font-family: linea-arrows-10 !important; content: "\e03f"; font-size: 38px; } .flickity-prev-next-button.previous:before { content: "\e03f"; } .flickity-prev-next-button.next:before { content: "\e04b"; } .wvc-slider-nav-font-tone-dark .flexslider .flex-direction-nav a:before { color: #333; } /* Image gallery carousel */ .wvc-carousel-nav-arrows-tone-light .flickity-prev-next-button:before { color: #fff; } .wvc-carousel-nav-arrows-tone-dark .flickity-prev-next-button:before { color: #333; } /** * Swipebox custom styles */ #swipebox-slider .slide-loading { background-image: url("../img/swipebox/loader.gif") !important; } #swipebox-prev, #swipebox-next, #swipebox-close { background-image: url("../img/swipebox/icons.png") !important; } body.wpb-svg #swipebox-prev, body.wpb-svg #swipebox-next, body.wpb-svg #swipebox-close { background-image: url("../img/swipebox/icons.svg") !important; } #swipebox-slider .slide .swipebox-video-container { max-width: none; max-width: calc(100% - 20px); padding: 0; } /** * Custom animate */ .wvc-animation-mask { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background-color: white; } .wvc-font-light .wvc-animation-mask { background-color: black; } .uncoverXLeft, .uncoverXRight, .uncoverYTop, .uncoverYBottom { visibility: visible !important; } .uncoverXLeft:not(.wvc-animation-mask), .uncoverXRight:not(.wvc-animation-mask), .uncoverYTop:not(.wvc-animation-mask), .uncoverYBottom:not(.wvc-animation-mask) { display: none; } .uncoverXLeft { transform-origin: 100% 50%; animation: uncoverXLeft 1s ease forwards; } .uncoverXRight { transform-origin: 0 50%; animation: uncoverXRight 1s ease forwards; } .uncoverYTop { transform-origin: 0 0; animation: uncoverYTop 1s ease forwards; } .uncoverYBottom { transform-origin: 100% 0; animation: uncoverYBottom 1s ease forwards; } @keyframes uncoverXLeft { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); } } @keyframes uncoverXRight { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); } } @keyframes uncoverYTop { 0% { transform: scaleY(1); } 100% { transform: scaleY(0); } } @keyframes uncoverYBottom { 0% { transform: scaleY(1); } 100% { transform: scaleY(0); } } /** * Zoomin */ .wvc-zoom-bg { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .wvc-img-bg-effect-zoomin, .wvc-zoomin { animation: wvczoomin 120s infinite linear 1s; } .wvc-column-bg-effect-zoomin, .wvc-row-bg-effect-zoomin { overflow: hidden; } .wvc-row-bg-effect-zoomin > .wvc-img-bg { animation: wvcbgzoomin 120s infinite linear 1s; } @keyframes wvczoomin { 0% { transform: scale(1); } 50% { transform: scale(1.5); } 100% { transform: scale(1); } } @keyframes wvcbgzoomin { 0% { transform: scale(1); } 50% { transform: scale(1.25); } 100% { transform: scale(1); } } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(180deg); } } /** * Hover effects */ .wvc-img { display: block; backface-visibility: hidden; } /* Zoom in */ .wvc-img-hover-effect-zoomin { overflow: hidden; } .wvc-img-hover-effect-zoomin img { transition: transform .3s ease; transform: scale(1); } .wvc-img-hover-effect-zoomin:hover img { transform: scale(1.1); } /* Zoom out */ .wvc-img-hover-effect-zoomout { overflow: hidden; } .wvc-img-hover-effect-zoomout img { transition: transform .3s ease; transform: scale(1.1); } .wvc-img-hover-effect-zoomout:hover img { transform: scale(1); } /* Move */ .wvc-img-hover-effect-move-right { overflow: hidden; } .wvc-img-hover-effect-move-right img { transition: transform .3s ease; transform: scale(1.1) translateX(0); } .wvc-img-hover-effect-move-right:hover img { transform: scale(1.1) translateX(3%); } .wvc-img-hover-effect-move-left { overflow: hidden; } .wvc-img-hover-effect-move-left img { transition: transform .3s ease; transform: scale(1.1) translateX(0); } .wvc-img-hover-effect-move-left:hover img { transform: scale(1.1) translateX(-3%); } .wvc-img-hover-effect-move-up { overflow: hidden; } .wvc-img-hover-effect-move-up img { transition: transform .3s ease; transform: scale(1.1) translateY(0); } .wvc-img-hover-effect-move-up:hover img { transform: scale(1.1) translateY(-3%); } .wvc-img-hover-effect-move-down { overflow: hidden; } .wvc-img-hover-effect-move-down img { transition: transform .3s ease; transform: scale(1.1) translateY(0); } .wvc-img-hover-effect-move-down:hover img { transform: scale(1.1) translateY(-3%); } /* Up */ .wvc-img-hover-effect-up { transition: transform .3s ease; } .wvc-img-hover-effect-up:hover { transform: translateY(-0.5em); } /* Opacity */ .wvc-img-hover-effect-opacity img { transition: opacity .3s ease; } .wvc-img-hover-effect-opacity:hover img { opacity: 0.66 !important; } /* Opacity */ .wvc-img-hover-effect-opacity-reverse img { opacity: .66; transition: opacity .3s ease; } .wvc-img-hover-effect-opacity-reverse:hover img { opacity: 1 !important; } /* Greyscale */ .wvc-img-hover-effect-greyscale img { transition: filter .3s ease; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); } .wvc-img-hover-effect-greyscale:hover img { filter: none; /*Applies to FF + IE */ -webkit-filter: grayscale(0); } /* To Greyscale */ .wvc-img-hover-effect-to-greyscale img { transition: filter .3s ease; filter: none; /*Applies to FF + IE */ -webkit-filter: grayscale(0); } .wvc-img-hover-effect-to-greyscale:hover img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); } /* Image Overlay hover effect */ .wvc-single-image-overlay-true { /* Zoom in */ /* Zoom out */ /* Move */ /* Up */ /* Opacity */ /* Greyscale */ /* To Greyscale */ } .wvc-single-image-overlay-true .wvc-si-img-inner { overflow: hidden; display: block; } .wvc-single-image-overlay-true.wvc-single-image-hover-effect-zoomin { overflow: hidden; } .wvc-single-image-overlay-true.wvc-single-image-hover-effect-zoomin img { transition: transform .3s ease; transform: scale(1); } .wvc-single-image-overlay-true.wvc-single-image-hover-effect-zoomin:hover img { transform: scale(1.1); } .wvc-single-image-overlay-true.wvc-single-image-hover-effect-zoomout img { transition: transform .3s ease; transform: scale(1.1); } .wvc-single-image-overlay-true.wvc-single-image-hover-effect-zoomout:hover img { transition: transform .3s ease; transform: scale(1); } .wvc-single-image-overlay-true.wvc-single-image-hover-effect-move-left img { transition: transform .3s ease; transform: scale(1.1) translateX(0); } .wvc-single-image-overlay-true.wvc-single-image-hover-effect-move-left:hover img { transition: transform .3s ease; transform: scale(1.1) translateX(-3%); } .wvc-single-image-overlay-true.wvc-single-image-hover-effect-move-right img { transition: transform .3s ease; transform: scale(1.1) translateX(0); } .wvc-single-image-overlay-true.wvc-single-image-hover-effect-move-right:hover img { transition: transform .3s ease; transform: scale(1.1) translateX(3%); } .wvc-single-image-overlay-true.wvc-single-image-hover-effect-move-up img { transition: transform .3s ease; transform: scale(1.1) translateY(0); } .wvc-single-image-overlay-true.wvc-single-image-hover-effect-move-up:hover img { transition: transform .3s ease; transform: scale(1.1) translateY(-3%); } .wvc-single-image-overlay-true.wvc-single-image-hover-effect-move-down img { transition: transform .3s ease; transform: scale(1.1) translateY(0); } .wvc-single-image-overlay-true.wvc-single-image-hover-effect-move-down:hover img { transition: transform .3s ease; transform: scale(1.1) translateY(3%); } .wvc-single-image-overlay-true.wvc-single-image-hover-effect-up { transition: transform .3s ease; } .wvc-single-image-overlay-true.wvc-single-image-hover-effect-up:hover { transform: translateY(-0.5em); } .wvc-single-image-overlay-true.wvc-single-image-hover-effect-opacity img { transition: opacity .3s ease; } .wvc-single-image-overlay-true.wvc-single-image-hover-effect-opacity:hover img { opacity: 0.66 !important; } .wvc-single-image-overlay-true.wvc-single-image-hover-effect-greyscale img { transition: filter .3s ease; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); } .wvc-single-image-overlay-true.wvc-single-image-hover-effect-greyscale:hover img { filter: none; /*Applies to FF + IE */ -webkit-filter: grayscale(0); } .wvc-single-image-overlay-true.wvc-single-image-hover-effect-to-greyscale img { transition: filter .3s ease; filter: none; /*Applies to FF + IE */ -webkit-filter: grayscale(0); } .wvc-single-image-overlay-true.wvc-single-image-hover-effect-to-greyscale:hover img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); } /** * Skins */ .wvc-font-dark { background-color: #f7f7f7; color: #676767; } .wvc-font-dark h1:not(.wvc-service-title), .wvc-font-dark h2:not(.wvc-service-title), .wvc-font-dark h3:not(.wvc-service-title), .wvc-font-dark h4:not(.wvc-service-title), .wvc-font-dark h5:not(.wvc-service-title), .wvc-font-dark h6:not(.wvc-service-title), .wvc-font-dark strong, .wvc-font-dark b, .wvc-font-dark .wvc-counter, .wvc-font-dark .wvc-bigtext-link, .wvc-font-dark .wvc-fittext-link, .wvc-font-dark .wvc-pie-counter { color: #444; } .wvc-font-dark .wvc-countdown { color: #333; } .wvc-font-dark .wvc-toggle-title a { color: #333333 !important; } .wvc-font-dark .wvc-accordion .ui-accordion-content { background: #fff; box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2); } .wvc-font-dark .wvc-accordion-tab { background: #FFF; border-bottom: solid 1px rgba(0, 0, 0, 0.05); } .wvc-font-dark .wvc-accordion-tab a { color: #333333 !important; } .wvc-font-dark .wvc-tabs-menu li.ui-tabs-active a { background: #fff; } .wvc-font-dark .wvc-tabs-menu li a { color: #333 !important; } .wvc-font-dark .wvc-tabs-container .ui-tabs-panel { background: #FFF; } .wvc-font-dark .wvc-social, .wvc-font-dark .wvc-icon-box a, .wvc-font-dark .wvc-team-member-social-container a { color: #333; } .wvc-font-dark .wolf-share-button-count { background: #333; } .wvc-font-light { background-color: #1d1d1d; color: #f7f7f7; } .wvc-font-light h1:not(.wvc-service-title), .wvc-font-light h2:not(.wvc-service-title), .wvc-font-light h3:not(.wvc-service-title), .wvc-font-light h4:not(.wvc-service-title), .wvc-font-light h5:not(.wvc-service-title), .wvc-font-light h6:not(.wvc-service-title), .wvc-font-light strong, .wvc-font-light b, .wvc-font-light .wvc-counter, .wvc-font-light .wvc-bigtext-link, .wvc-font-light .wvc-fittext-link, .wvc-font-light .wvc-pie-counter { color: #fff; } .wvc-font-light .wvc-icon-box.wvc-icon-type-circle.wvc-icon-default-style .fa-stack, .wvc-font-light .wvc-icon-box.wvc-icon-type-square.wvc-icon-default-style .fa-stack { border-color: #fff !important; } .wvc-font-light .wvc-icon-box.wvc-icon-type-circle.wvc-icon-default-style .fa-stack:hover, .wvc-font-light .wvc-icon-box.wvc-icon-type-square.wvc-icon-default-style .fa-stack:hover { border-color: #1d1d1d !important; } .wvc-font-light .wvc-countdown { color: #fff; } .wvc-font-light .wvc-toggle-title a { color: #fff !important; } .wvc-font-light .wvc-accordion .ui-accordion-content { background: #333333; box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2); } .wvc-font-light .wvc-accordion-tab { background: #333333; border-bottom: solid 1px rgba(0, 0, 0, 0.2); } .wvc-font-light .wvc-accordion-tab a { color: #fff !important; } .wvc-font-light .wvc-tabs-menu li.ui-tabs-active a { background: #333; } .wvc-font-light .wvc-tabs-menu li a { color: #fff !important; } .wvc-font-light .wvc-tabs-container .ui-tabs-panel { background: #333; } .wvc-font-light .owl-dot { background: #fff; } .wvc-font-light .owl-dot.active { background: none !important; box-shadow: 0 0 0 1px #fff; } .wvc-font-light .owl-dot:hover { box-shadow: 0 0 0 1px #fff; } .wvc-font-light .wvc-social, .wvc-font-light .wvc-icon-box a, .wvc-font-light .wvc-team-member-social-container a { color: #FFF; } .wvc-font-light .wolf-bigtweet-content:after { background: rgba(255, 255, 255, 0.1); } .wvc-font-light .testimonial-inner { background: #333; border: 1px solid rgba(255, 255, 255, 0.1); } .wvc-font-light .wolf-share-button-count { background: #fff; } /** * Colors */ /* Background colors */ .wvc-background-color-gradient-color-105898 { background: linear-gradient(to bottom right, #75d69c 0%, #3452ff 100%); } .wvc-background-color-gradient-color-111420 { background: radial-gradient(circle cover at center top, #0cb4ce 17%, #1080d0 79%); background: -webkit-radial-gradient(center top, circle cover, #0cb4ce 17%, #1080d0 79%); } .wvc-background-color-gradient-color-3452ff { background: linear-gradient(to bottom right, #ff1053 0%, #3452ff 100%); } .wvc-background-color-gradient-color-588694 { background: linear-gradient(to right, #e9168c 3%, #1080d0 98%); } .wvc-background-color-gradient-color-470604 { background: linear-gradient(to right, #e9168c 2%, #f75254 99%); } .wvc-background-color-gradient-color-b900b4 { background: linear-gradient(-135deg, #1400c8, #b900b4, #f50000); } /* text colors */ .wvc-text-color-gradient-color-105898 { background: linear-gradient(to bottom right, #75d69c 0%, #3452ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wvc-text-color-gradient-color-3452ff { background: linear-gradient(to bottom right, #ff1053 0%, #3452ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wvc-text-color-gradient-color-588694 { background: linear-gradient(to right, #e9168c 3%, #1080d0 98%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wvc-text-color-gradient-color-111420 { background: radial-gradient(circle cover at center top, #0cb4ce 17%, #1080d0 79%); background: -webkit-radial-gradient(center top, circle cover, #0cb4ce 17%, #1080d0 79%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wvc-text-color-gradient-color-470604 { background: linear-gradient(to right, #e9168c 2%, #f75254 99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wvc-text-color-gradient-color-b900b4 { background: linear-gradient(-135deg, #1400c8, #b900b4, #f50000); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wvc-button-background-color-gradient-color-105898 { background: linear-gradient(to bottom right, #75d69c 0%, #3452ff 100%); border-image: linear-gradient(to bottom right, #75d69c 0%, #3452ff 100%); border-image-slice: 1; } .wvc-button-background-color-gradient-color-105898 .wvc-button-background-fill { background: linear-gradient(to bottom right, #75d69c 0%, #3452ff 100%); } .wvc-button-background-color-gradient-color-105898 .fa, .wvc-button-background-color-gradient-color-105898 span { transition: all .3s ease; background: linear-gradient(to bottom right, #75d69c 0%, #3452ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wvc-button-background-color-gradient-color-111420 { background: radial-gradient(circle cover at center top, #0cb4ce 17%, #1080d0 79%); background: -webkit-radial-gradient(center top, circle cover, #0cb4ce 17%, #1080d0 79%); border-image: radial-gradient(circle cover at center top, #0cb4ce 17%, #1080d0 79%); border-image: -webkit-radial-gradient(center top, circle cover, #0cb4ce 17%, #1080d0 79%); border-image-slice: 1; } .wvc-button-background-color-gradient-color-111420 .wvc-button-background-fill { background: radial-gradient(circle cover at center top, #0cb4ce 17%, #1080d0 79%); background: -webkit-radial-gradient(center top, circle cover, #0cb4ce 17%, #1080d0 79%); } .wvc-button-background-color-gradient-color-111420 .fa, .wvc-button-background-color-gradient-color-111420 span { transition: all .3s ease; background: radial-gradient(circle cover at center top, #0cb4ce 17%, #1080d0 79%); background: -webkit-radial-gradient(center top, circle cover, #0cb4ce 17%, #1080d0 79%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wvc-button-background-color-gradient-color-3452ff { background: linear-gradient(to bottom right, #ff1053 0%, #3452ff 100%); border-image: linear-gradient(to bottom right, #ff1053 0%, #3452ff 100%); border-image-slice: 1; } .wvc-button-background-color-gradient-color-3452ff .wvc-button-background-fill { background: linear-gradient(to bottom right, #ff1053 0%, #3452ff 100%); } .wvc-button-background-color-gradient-color-3452ff .fa, .wvc-button-background-color-gradient-color-3452ff span { transition: all .3s ease; background: linear-gradient(to bottom right, #ff1053 0%, #3452ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wvc-button-background-color-gradient-color-588694 { background: linear-gradient(to right, #e9168c 3%, #1080d0 98%); border-image: linear-gradient(to right, #e9168c 3%, #1080d0 98%); border-image-slice: 1; } .wvc-button-background-color-gradient-color-588694 .wvc-button-background-fill { background: linear-gradient(to right, #e9168c 3%, #1080d0 98%); } .wvc-button-background-color-gradient-color-588694 .fa, .wvc-button-background-color-gradient-color-588694 span { transition: all .3s ease; background: linear-gradient(to right, #e9168c 3%, #1080d0 98%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wvc-button-background-color-gradient-color-470604 { background: linear-gradient(to right, #e9168c 2%, #f75254 99%); border-image: linear-gradient(to right, #e9168c 2%, #f75254 99%); border-image-slice: 1; } .wvc-button-background-color-gradient-color-470604 .wvc-button-background-fill { background: linear-gradient(to right, #e9168c 2%, #f75254 99%); } .wvc-button-background-color-gradient-color-470604 .fa, .wvc-button-background-color-gradient-color-470604 span { transition: all .3s ease; background: linear-gradient(to right, #e9168c 2%, #f75254 99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wvc-button-background-color-gradient-color-b900b4 { background: linear-gradient(-135deg, #1400c8, #b900b4, #f50000); border-image: linear-gradient(-135deg, #1400c8, #b900b4, #f50000); border-image-slice: 1; } .wvc-button-background-color-gradient-color-b900b4 .wvc-button-background-fill { background: linear-gradient(-135deg, #1400c8, #b900b4, #f50000); } .wvc-button-background-color-gradient-color-b900b4 .fa, .wvc-button-background-color-gradient-color-b900b4 span { transition: all .3s ease; background: linear-gradient(-135deg, #1400c8, #b900b4, #f50000); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wvc-border-color-transparent { border-color: transparent; } .wvc-border-color-gradient-color-105898 { border-image: linear-gradient(to bottom right, #75d69c 0%, #3452ff 100%); border-image-slice: 1; } .wvc-border-color-gradient-color-111420 { border-image: radial-gradient(circle cover at center top, #0cb4ce 17%, #1080d0 79%); border-image: -webkit-radial-gradient(center top, circle cover, #0cb4ce 17%, #1080d0 79%); border-image-slice: 1; } .wvc-border-color-gradient-color-3452ff { border-image: linear-gradient(to bottom right, #ff1053 0%, #3452ff 100%); border-image-slice: 1; } .wvc-border-color-gradient-color-588694 { border-image: linear-gradient(to right, #e9168c 3%, #1080d0 98%); border-image-slice: 1; } .wvc-border-color-gradient-color-470604 { border-image: linear-gradient(to right, #e9168c 2%, #f75254 99%); border-image-slice: 1; } .wvc-border-color-gradient-color-b900b4 { border-image: linear-gradient(-135deg, #1400c8, #b900b4, #f50000); border-image-slice: 1; } /** * Layout for default WP themes */ .twentysixteen .wvc-mailchimp-form-container.wvc-mailchimp-has-bg .wvc-mailchimp-submit { background: none; color: #fff; border: 1px solid #fff; } .twentysixteen .wvc-mailchimp-form-container.wvc-mailchimp-has-bg .wvc-mailchimp-submit:hover { background: #fff; color: #333; } .wolf-visual-composer { /** * Twentysixteen */ /** * Twentysixteen */ } .wolf-visual-composer.twentyseventeen .site-content { padding: 0 !important; } .wolf-visual-composer.twentyseventeen .site-content .wrap { max-width: none; padding: 0; margin: 0; } .wolf-visual-composer.twentyseventeen .site-content .entry-header { display: none; } .wolf-visual-composer.twentyseventeen .site-content .entry-content { width: 100% !important; float: none !important; } .wolf-visual-composer.twentyseventeen .site-content-contain { background: none; } .wolf-visual-composer.twentyseventeen .site-footer { margin-top: 0 !important; } .wolf-visual-composer.twentysixteen .site { margin: 0; overflow: hidden; background: none; } .wolf-visual-composer.twentysixteen .site-inner { max-width: none !important; overflow: hidden; } .wolf-visual-composer.twentysixteen .site-header { background: #FFF; margin: 0 auto; max-width: none; } .wolf-visual-composer.twentysixteen .header-image img { width: 100%; } .wolf-visual-composer.twentysixteen .header-image, .wolf-visual-composer.twentysixteen .site-header-main { max-width: 1320px; margin: 0 auto; } .wolf-visual-composer.twentysixteen .site-content { padding: 0 !important; margin: 0 !important; max-width: none !important; width: 100% !important; } .wolf-visual-composer.twentysixteen .site-main { margin-bottom: 0; } .wolf-visual-composer.twentysixteen .content-area { float: none; width: 100%; margin-right: 0; } .wolf-visual-composer.twentysixteen .site-footer { max-width: 1320px; margin: 0 auto; padding: 3.5em 4.5455% 3.5em; background: #FFF; max-width: none; } .wolf-visual-composer.twentysixteen .wvc-font-light input[type="text"], .wolf-visual-composer.twentysixteen .wvc-font-light input[type="email"], .wolf-visual-composer.twentysixteen .wvc-font-light input[type="search"], .wolf-visual-composer.twentysixteen .wvc-font-light input[type="password"], .wolf-visual-composer.twentysixteen .wvc-font-light input[type="tel"], .wolf-visual-composer.twentysixteen .wvc-font-light input[type="url"], .wolf-visual-composer.twentysixteen .wvc-font-light input[name="post_password"], .wolf-visual-composer.twentysixteen .wvc-font-light select, .wolf-visual-composer.twentysixteen .wvc-font-light textarea { color: #333 !important; } .wolf-visual-composer.twentysixteen .wvc-font-light blockquote cite, .wolf-visual-composer.twentysixteen .wvc-font-light blockquote small { color: #FFF; } .wolf-visual-composer.twentysixteen .wvc-font-dark blockquote cite, .wolf-visual-composer.twentysixteen .wvc-font-dark blockquote small { color: #FFF; } @media screen and (min-width: 44.375em) { .wolf-visual-composer.twentysixteen { margin: 0; padding: 21px; } } /** * One-Pager */ #wvc-one-page-nav { position: fixed; right: 22px; top: 50%; z-index: 100; list-style: none; margin: 0; padding: 0; transform: translateY(-50%); padding-top: 14px; display: none; } .wvc-one-page-nav-bullet { display: block; width: 6px; height: 6px; margin-bottom: 14px; position: relative; border-radius: 999em; } .wvc-one-page-nav-bullet-tip { white-space: nowrap; text-align: center; display: inline-block; position: absolute; right: 14px; width: auto; min-width: 100px; line-height: 1.5; padding: 6px 14px 6px 14px; color: #fff; transform: translateY(-50%) scale(0.8); top: 50%; font-size: 12px; visibility: hidden; opacity: 0; border-radius: 3px; background: #7e8aa2; transition: all .2s ease; } .wvc-one-page-nav-bullet-tip:before { position: absolute; display: block; content: ' '; right: -7px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 10px; border-color: transparent transparent transparent #7e8aa2; } .wvc-one-page-nav-bullet:hover .wvc-one-page-nav-bullet-tip { visibility: visible; opacity: 1; } .wvc-2-2-0b .video-shortcode-container .mejs-inner { margin-top: -44px; } /** * Tmp theme fixes */ .tablet-screen .entry-mosaic, .notebook-screen .entry-mosaic, .desktop-screen .entry-mosaic, .desktop-big-screen .entry-mosaic { float: left; } /** * Media Queries */ @media screen and (min-width: 500px) { .wvc-slide-button-container .wvc-button-container { margin-left: 8px; margin-right: 8px; } } @media screen and (min-width: 500px) and (max-width: 800px) { .wvc-columns-container-4-cols .wvc-col-3, .wvc-columns-container-4-cols .wvc-col-2, .wvc-columns-container-6-cols .wvc-col-3, .wvc-columns-container-6-cols .wvc-col-2 { display: inline-flex; width: 50%; } .wvc-row-layout-column .wvc-columns-container-4-cols .wvc-col-3 { padding: 0 17px; } .wvc-row-layout-column .wvc-columns-container-4-cols .wvc-col-3:nth-child(2n+1) { padding-left: 0; } .wvc-row-layout-column .wvc-columns-container-4-cols .wvc-col-3:nth-child(2n+0) { padding-right: 0; } .wvc-row-layout-column .wvc-columns-container-6-cols .wvc-col-2 { padding: 0 17px; } .wvc-row-layout-column .wvc-columns-container-6-cols .wvc-col-2:nth-child(2n+1) { padding-left: 0; } .wvc-row-layout-column .wvc-columns-container-6-cols .wvc-col-2:nth-child(2n+0) { padding-right: 0; } } @media screen and (min-width: 800px) { /* Countdown */ .wvc-countdown-container { font-size: 32px; } .wvc-countdown-container .countdown-period { font-size: 18px !important; } .wvc-button { display: inline-block; width: auto; } .wvc-slide-caption { padding: 80px; } .wvc-show-mobile { display: none !important; } .wvc-section-columns .wvc-section-inner { padding: 4em 0; } /* Blocks */ .wvc-section-2-cols .wvc-blocks-wrapper { display: table; width: 100%; } .wvc-section-2-cols .wvc-block { display: table-cell; vertical-align: middle; width: 50%; } /* Lniked image */ .wvc-linked-image .wvc-image-inner { display: inline-block; } .wvc-block .wvc-linked-image .wvc-image-inner { display: block; } /* Pricing tables */ /*.wvc-pricing-table-inner{ //float: left; } .wvc-pricing-tables-2-cols{ .wvc-pricing-table-inner{ width: 50%; } .wvc-pricing-table-featured{ position: relative; top: 17px; margin-top: 0; } } .wvc-pricing-tables-3-cols{ .wvc-pricing-table-inner{ width: 33.2%; } .wvc-pricing-table-featured{ position: relative; top: 17px; margin-top: 0; } } .wvc-pricing-tables-4-cols{ .wvc-pricing-table-inner{ width: 25%; } .wvc-pricing-table-featured{ position: relative; top: 17px; margin-top: 0; } }*/ /* Call to action */ .wvc-call-to-action-align-left, .wvc-call-to-action-align-right { display: table; width: 100%; } .wvc-call-to-action-align-left .wvc-call-to-action-text, .wvc-call-to-action-align-left .wvc-call-to-action-button, .wvc-call-to-action-align-right .wvc-call-to-action-text, .wvc-call-to-action-align-right .wvc-call-to-action-button { display: table-cell; vertical-align: middle; } .wvc-call-to-action-align-left .wvc-call-to-action-button, .wvc-call-to-action-align-right .wvc-call-to-action-button { text-align: right; } .wvc-call-to-action-align-left .wvc-call-to-action-button a.wvc-button, .wvc-call-to-action-align-right .wvc-call-to-action-button a.wvc-button { margin-right: 0; margin-top: 0; margin-bottom: 0; text-align: center; } .wvc-call-to-action-align-left .wvc-call-to-action-text, .wvc-call-to-action-align-right .wvc-call-to-action-text { margin-bottom: 0; } .wvc-call-to-action-align-left .wvc-call-to-action-text { text-align: left; padding-right: 20px; } .wvc-call-to-action-align-right .wvc-call-to-action-text { text-align: right; padding-left: 20px; } .wvc-call-to-action-align-right .wvc-button-container { text-align: left; } .wvc-call-to-action-align-center .wvc-call-to-action-text { margin-bottom: 55px; } /* Counter */ .wvc-counter { font-size: 48px; } /* Slider */ .wvc-slide-caption-text { font-size: 24px; } /* Mailchimp */ .wvc-mailchimp-size-large .wvc-mailchimp-inner { display: flex; flex: 0 auto; width: 100%; } .wvc-mailchimp-size-large .wvc-mailchimp-input-container { margin-bottom: 0; padding-right: 5px; } .wvc-mailchimp-size-large .wvc-mailchimp-submit-container { width: auto; } .wvc-mailchimp-size-large.wvc-mailchimp-show-name-no .wvc-mailchimp-email-container { flex: 1; } /* Buttons */ /* Testimonials */ blockquote.wvc-testimonial-content { font-size: 16px; } /* Image gallery columns */ .wvc-gallery-columns-1 .wvc-img-image_grid { float: left; width: 100%; } .wvc-gallery-columns-1 .wvc-img-masonry { float: left; width: 99.7%; } .wvc-gallery-columns-2 .wvc-img-image_grid { float: left; width: 50%; } .wvc-gallery-columns-2 .wvc-img-masonry { float: left; width: 49.7%; } .wvc-gallery-columns-3 .wvc-img-image_grid { float: left; width: 33.33333%; } .wvc-gallery-columns-3 .wvc-img-masonry { float: left; width: 33.03333%; } .wvc-gallery-columns-4 .wvc-img-image_grid { float: left; width: 25%; } .wvc-gallery-columns-4 .wvc-img-masonry { float: left; width: 24.7%; } .wvc-gallery-columns-5 .wvc-img-image_grid { float: left; width: 20%; } .wvc-gallery-columns-5 .wvc-img-masonry { float: left; width: 19.7%; } .wvc-gallery-columns-6 .wvc-img-image_grid { float: left; width: 16.66667%; } .wvc-gallery-columns-6 .wvc-img-masonry { float: left; width: 16.36667%; } .wvc-alpha { margin-left: 0 !important; } .wvc-omega { margin-right: 0 !important; } } @media screen and (min-width: 800px) { /** * Grid */ /* Flex layout */ .wvc-row, .wvc-row-inner-content, .wvc-column-inner { display: flex; width: 100%; } .wvc-row-content { width: 100%; height: auto; display: flex; } .wvc-columns-container { width: 100%; height: auto; display: flex; } .wvc-row-full-height .wvc-row-content, .wvc-row-full-height .wvc-columns-container, .wvc-row-min-height .wvc-row-content, .wvc-row-min-height .wvc-columns-container { display: flex; } .wvc-row-full-height.wvc-row-layout-block .wvc-column, .wvc-row-min-height.wvc-row-layout-block .wvc-column { height: 100%; } .wvc-row-full-height > .wvc-row-wrapper > .wvc-row-content, .wvc-row-min-height > .wvc-row-wrapper > .wvc-row-content { height: 100%; } .wvc-row-full-height > .wvc-row-wrapper > .wvc-row-content .wvc-columns-container, .wvc-row-min-height > .wvc-row-wrapper > .wvc-row-content .wvc-columns-container { height: 100%; } .wvc-row-full-height .wvc-row-column-equal-height-yes .wvc-row-wrapper, .wvc-row-full-height .wvc-row-column-equal-height-yes.wvc-row-wrapper, .wvc-row-min-height .wvc-row-column-equal-height-yes .wvc-row-wrapper, .wvc-row-min-height .wvc-row-column-equal-height-yes.wvc-row-wrapper { align-self: stretch; } .wvc-row-full-height .wvc-row-column-equal-height-yes .wvc-column, .wvc-row-full-height .wvc-row-column-equal-height-yes .wvc-column-container, .wvc-row-min-height .wvc-row-column-equal-height-yes .wvc-column, .wvc-row-min-height .wvc-row-column-equal-height-yes .wvc-column-container { height: 100%; } /* Equal height */ .wvc-row-column-equal-height-yes .wvc-column, .wvc-row-column-equal-height-yes .wvc-column-container { height: 100%; } /* Bocks */ .wvc-row-layout-block .wvc-column-container { padding-top: 0; padding-bottom: 0; } .wvc-row-layout-block .wvc-column-container { height: 100%; display: flex; } .wvc-row-layout-block .wvc-column-wrapper { width: 100%; } .wvc-row-layout-block .wvc-column-container { padding: 4em; } .wvc-row-layout-block .wvc-column-container .wvc-column-wrapper { max-width: 600px; } .wvc-row-layout-block .wvc-column-content-type-block-media > .wvc-column-container { padding: 0; min-height: 1px; } .wvc-row-layout-block .wvc-column-content-type-block-media > .wvc-column-container .wvc-column-wrapper, .wvc-row-layout-block .wvc-column-content-type-block-media > .wvc-column-container img, .wvc-row-layout-block .wvc-column-content-type-block-media > .wvc-column-container iframe, .wvc-row-layout-block .wvc-column-content-type-block-media > .wvc-column-container embed, .wvc-row-layout-block .wvc-column-content-type-block-media > .wvc-column-container object, .wvc-row-layout-block .wvc-column-content-type-block-media > .wvc-column-container video { max-width: 100%; margin: 0 !important; } .wvc-row-layout-block .wvc-column-content-type-block-media > .wvc-column-container .fluid-video, .wvc-row-layout-block .wvc-column-content-type-block-media > .wvc-column-container .wvc-fluid-video, .wvc-row-layout-block .wvc-column-content-type-block-media > .wvc-column-container .wolf-jplayer-playlist, .wvc-row-layout-block .wvc-column-content-type-block-media > .wvc-column-container .wpm-playlist, .wvc-row-layout-block .wvc-column-content-type-block-media > .wvc-column-container .gist .gist-file, .wvc-row-layout-block .wvc-column-content-type-block-media > .wvc-column-container .wvc-youtube-container { margin-bottom: 0 !important; } .wvc-row-layout-block .wvc-column-content-type-block-media > .wvc-column-container .wpb-video-bg { max-width: none; } .wvc-row-layout-block .wvc-column { height: 100%; } /* Inner Row Equal Height */ .wvc-row-inner-column-equal-height-yes.wvc-row-inner-wrapper { display: flex; } .wvc-row-inner.wvc-row-min-height > .wvc-row-inner-column-equal-height-yes .wvc-row-inner-content .wvc-column { align-self: stretch; } .wvc-col-12 { margin: 0 0 0 0; width: 100% !important; } .wvc-row-layout-column > .wvc-row-wrapper > .wvc-row-content > .wvc-columns-container > .wvc-col-12 { margin-left: 0 !important; margin-right: 0 !important; } /* Grid */ /* Column layout default */ .wvc-row-layout-column .wvc-row-content { width: calc(100% + 35px ); margin-left: -17.5px; } .wvc-row-layout-column .wvc-columns-container .wvc-column { margin: 0 17.5px; } .wvc_rtl-columns-reverse .wvc-columns-container { flex-direction: row-reverse; } .wvc-col-1 { width: 8.33333%; } .wvc-row-layout-column .wvc-col-1 { width: calc(8.33333% - 35px); } .wvc-col-2 { width: 16.66667%; } .wvc-row-layout-column .wvc-col-2 { width: calc(16.66667% - 35px); } .wvc-col-3 { width: 25%; } .wvc-row-layout-column .wvc-col-3 { width: calc(25% - 35px); } .wvc-col-4 { width: 33.33333%; } .wvc-row-layout-column .wvc-col-4 { width: calc(33.33333% - 35px); } .wvc-col-5 { width: 41.66667%; } .wvc-row-layout-column .wvc-col-5 { width: calc(41.66667% - 35px); } .wvc-col-6 { width: 50%; } .wvc-row-layout-column .wvc-col-6 { width: calc(50% - 35px); } .wvc-col-7 { width: 58.33333%; } .wvc-row-layout-column .wvc-col-7 { width: calc(58.33333% - 35px); } .wvc-col-8 { width: 66.66667%; } .wvc-row-layout-column .wvc-col-8 { width: calc(66.66667% - 35px); } .wvc-col-9 { width: 75%; } .wvc-row-layout-column .wvc-col-9 { width: calc(75% - 35px); } .wvc-col-10 { width: 83.33333%; } .wvc-row-layout-column .wvc-col-10 { width: calc(83.33333% - 35px); } .wvc-col-11 { width: 91.66667%; } .wvc-row-layout-column .wvc-col-11 { width: calc(91.66667% - 35px); } /* 1/5 */ .wvc-col-15 { width: 20%; } .wvc-row-layout-column .wvc-col-15 { width: calc(20% - 35px); } /* 3/5 */ .wvc-col-35 { width: 60%; } .wvc-row-layout-column .wvc-col-35 { width: calc(60% - 35px); } } @media screen and (min-width: 1050px) { /* One-page scroll bullets */ #wvc-one-page-nav { display: block; } } @media screen and (min-width: 1200px) { /* Slid caption */ .wvc-slide-caption { padding: 114px; } .wvc-slide-caption-valign-bottom .wvc-slide-caption { padding-bottom: 50px; } .wvc-slide-caption-valign-top .wvc-slide-caption { padding-top: 50px; } .wvc-show-tablet { display: none !important; } /* Mosaic gallery */ .wvc-mosaic-block { width: 49.999%; float: left; } /* Pricing table */ /*.wvc-pricing-tables-2-cols{ width: 60%; margin: 0 auto; } .wvc-pricing-tables-3-cols{ width: 85%; margin: 0 auto; } .wvc-pricing-tables-4-cols{ margin: 0 auto; }*/ /* Counter */ .wvc-counter { font-size: 72px; } .wvc-counter-text { font-size: 16px; } /* Countdown */ .wvc-countdown-container { font-size: 54px; } .wvc-slide-text-type-big-text { font-size: 24px; padding: 0; } } @media screen and (min-width: 1600px) { .wvc-countdown-container { font-size: 72px; } } @media screen and (max-width: 800px) { .wvc-hide-mobile { display: none !important; } } @media screen and (max-width: 1200px) { .wvc-hide-tablet { display: none !important; } } @media screen and (max-width: 800px) { .wvc-row-mobile-reverse .wvc-columns-container { flex-direction: column-reverse; display: flex; } .wvc-row-mobile-reverse .wvc-columns-container .wvc-element { margin-bottom: 35px; } } /* Hide social icons in menu on mobile */ .mobile-screen #mobile-bar .wvc-socials-container, .mobile-screen #mobile-bar .wolf-core-socials-container { display: none !important; } #mobile-bar .flex-mobile-wrap { width: 100% !important; } /* Variation swatch width */ .swatch { width: 30px !important; height: 30px !important; }