@charset "UTF-8";
/*
Theme Name: Vestre
Theme URI: http://envirra.com/themes/vestre
Author: envirra
Author URI: http://themeforest.net/user/envirra?ref=envirra
Description: Magazine WordPress Theme
Version: 1.4.1
License: GPL
License URI: http://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, three-columns, right-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
Text Domain: vestre
Domain Path: /languages/
*/
/*=============================================================================
-----------------
Table of Contents
-----------------
GENERAL
-------------------
Reset
Basic Style
Typography
Button
Wordpress Style
LAYOUT
-------------------
Site Layout
Header
Site Content
Site Footer
Side Panel
Top Bar
Logo
Title Area
Title Slider
Bottom Bar
Menu
Menu Location
Blog / Archive
Loop
Post Box
Post
Comments
CUSTOM POST TYPE
-------------------
Gallery
Portfolio
INCLUDE
-------------------
Page Composer
Social Icons
Scroll To Top
Post Shares
Shortcodes
Instant Search
Animate
Spinkit
Utility
Vegas
Magnific Popup
Tipsy
Perfect Scroll Bar
WIDGETS
-------------------
General Widget Style
Social Counter
Wordpress Widget STyle
Mailchimp For Wordpress
Facebook Widget
Instagram Feed Widget
Ninja Form
Meks Flicker Widget
WOOCOMMERCE
-------------------
THEME
-------------------
==============================================================================*/
/* =============================================================================
GENERAL
========================================================================== */
/* -----------------------------------------------------------------------------
*
* Reset
*
* -------------------------------------------------------------------------- */
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
progress {
vertical-align: baseline;
}
template,
[hidden] {
display: none;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: inherit;
font-weight: bolder;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: .67em 0;
}
mark {
background-color: #FFFF00;
color: #000000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
code,
kbd,
pre,
samp {
font-family: monospace,monospace;
font-size: 1em;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
button,
input,
optgroup,
select,
textarea {
font: inherit;
margin: 0;
}
optgroup {
font-weight: bold;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
border: 1px solid #C0C0C0;
margin: 0 2px;
padding: .35em .625em .75em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-input-placeholder {
color: inherit;
opacity: .54;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/*//////////////////////////////////////
// Boostrap Grid
//////////////////////////////////////*/
.container {
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
}
.container::after {
content: "";
display: table;
clear: both;
}
@media (min-width: 544px) {
.container {
max-width: 576px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
.container-fluid {
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
}
.container-fluid::after {
content: "";
display: table;
clear: both;
}
.row {
margin-left: -30px;
margin-right: -30px;
}
.row::after {
content: "";
display: table;
clear: both;
}
.col-xs-1 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 8.3333333333%;
}
.col-xs-2 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 16.6666666667%;
}
.col-xs-3 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 25%;
}
.col-xs-4 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 33.3333333333%;
}
.col-xs-5 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 41.6666666667%;
}
.col-xs-6 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 50%;
}
.col-xs-7 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 58.3333333333%;
}
.col-xs-8 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 66.6666666667%;
}
.col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 75%;
}
.col-xs-10 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 83.3333333333%;
}
.col-xs-11 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 91.6666666667%;
}
.col-xs-12 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 100%;
}
.pull-xs-0 {
right: auto;
}
.pull-xs-1 {
right: 8.3333333333%;
}
.pull-xs-2 {
right: 16.6666666667%;
}
.pull-xs-3 {
right: 25%;
}
.pull-xs-4 {
right: 33.3333333333%;
}
.pull-xs-5 {
right: 41.6666666667%;
}
.pull-xs-6 {
right: 50%;
}
.pull-xs-7 {
right: 58.3333333333%;
}
.pull-xs-8 {
right: 66.6666666667%;
}
.pull-xs-9 {
right: 75%;
}
.pull-xs-10 {
right: 83.3333333333%;
}
.pull-xs-11 {
right: 91.6666666667%;
}
.pull-xs-12 {
right: 100%;
}
.push-xs-0 {
left: auto;
}
.push-xs-1 {
left: 8.3333333333%;
}
.push-xs-2 {
left: 16.6666666667%;
}
.push-xs-3 {
left: 25%;
}
.push-xs-4 {
left: 33.3333333333%;
}
.push-xs-5 {
left: 41.6666666667%;
}
.push-xs-6 {
left: 50%;
}
.push-xs-7 {
left: 58.3333333333%;
}
.push-xs-8 {
left: 66.6666666667%;
}
.push-xs-9 {
left: 75%;
}
.push-xs-10 {
left: 83.3333333333%;
}
.push-xs-11 {
left: 91.6666666667%;
}
.push-xs-12 {
left: 100%;
}
.offset-xs-1 {
margin-left: 8.3333333333%;
}
.offset-xs-2 {
margin-left: 16.6666666667%;
}
.offset-xs-3 {
margin-left: 25%;
}
.offset-xs-4 {
margin-left: 33.3333333333%;
}
.offset-xs-5 {
margin-left: 41.6666666667%;
}
.offset-xs-6 {
margin-left: 50%;
}
.offset-xs-7 {
margin-left: 58.3333333333%;
}
.offset-xs-8 {
margin-left: 66.6666666667%;
}
.offset-xs-9 {
margin-left: 75%;
}
.offset-xs-10 {
margin-left: 83.3333333333%;
}
.offset-xs-11 {
margin-left: 91.6666666667%;
}
@media (min-width: 544px) {
.col-sm-1 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 8.3333333333%;
}
.col-sm-2 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 16.6666666667%;
}
.col-sm-3 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 25%;
}
.col-sm-4 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 33.3333333333%;
}
.col-sm-5 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 41.6666666667%;
}
.col-sm-6 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 50%;
}
.col-sm-7 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 58.3333333333%;
}
.col-sm-8 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 66.6666666667%;
}
.col-sm-9 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 75%;
}
.col-sm-10 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 83.3333333333%;
}
.col-sm-11 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 91.6666666667%;
}
.col-sm-12 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 100%;
}
.pull-sm-0 {
right: auto;
}
.pull-sm-1 {
right: 8.3333333333%;
}
.pull-sm-2 {
right: 16.6666666667%;
}
.pull-sm-3 {
right: 25%;
}
.pull-sm-4 {
right: 33.3333333333%;
}
.pull-sm-5 {
right: 41.6666666667%;
}
.pull-sm-6 {
right: 50%;
}
.pull-sm-7 {
right: 58.3333333333%;
}
.pull-sm-8 {
right: 66.6666666667%;
}
.pull-sm-9 {
right: 75%;
}
.pull-sm-10 {
right: 83.3333333333%;
}
.pull-sm-11 {
right: 91.6666666667%;
}
.pull-sm-12 {
right: 100%;
}
.push-sm-0 {
left: auto;
}
.push-sm-1 {
left: 8.3333333333%;
}
.push-sm-2 {
left: 16.6666666667%;
}
.push-sm-3 {
left: 25%;
}
.push-sm-4 {
left: 33.3333333333%;
}
.push-sm-5 {
left: 41.6666666667%;
}
.push-sm-6 {
left: 50%;
}
.push-sm-7 {
left: 58.3333333333%;
}
.push-sm-8 {
left: 66.6666666667%;
}
.push-sm-9 {
left: 75%;
}
.push-sm-10 {
left: 83.3333333333%;
}
.push-sm-11 {
left: 91.6666666667%;
}
.push-sm-12 {
left: 100%;
}
.offset-sm-0 {
margin-left: 0%;
}
.offset-sm-1 {
margin-left: 8.3333333333%;
}
.offset-sm-2 {
margin-left: 16.6666666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.3333333333%;
}
.offset-sm-5 {
margin-left: 41.6666666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.3333333333%;
}
.offset-sm-8 {
margin-left: 66.6666666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.3333333333%;
}
.offset-sm-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 768px) {
.col-md-1 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 8.3333333333%;
}
.col-md-2 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 16.6666666667%;
}
.col-md-3 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 25%;
}
.col-md-4 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 33.3333333333%;
}
.col-md-5 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 41.6666666667%;
}
.col-md-6 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 50%;
}
.col-md-7 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 58.3333333333%;
}
.col-md-8 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 66.6666666667%;
}
.col-md-9 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 75%;
}
.col-md-10 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 83.3333333333%;
}
.col-md-11 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 91.6666666667%;
}
.col-md-12 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 100%;
}
.pull-md-0 {
right: auto;
}
.pull-md-1 {
right: 8.3333333333%;
}
.pull-md-2 {
right: 16.6666666667%;
}
.pull-md-3 {
right: 25%;
}
.pull-md-4 {
right: 33.3333333333%;
}
.pull-md-5 {
right: 41.6666666667%;
}
.pull-md-6 {
right: 50%;
}
.pull-md-7 {
right: 58.3333333333%;
}
.pull-md-8 {
right: 66.6666666667%;
}
.pull-md-9 {
right: 75%;
}
.pull-md-10 {
right: 83.3333333333%;
}
.pull-md-11 {
right: 91.6666666667%;
}
.pull-md-12 {
right: 100%;
}
.push-md-0 {
left: auto;
}
.push-md-1 {
left: 8.3333333333%;
}
.push-md-2 {
left: 16.6666666667%;
}
.push-md-3 {
left: 25%;
}
.push-md-4 {
left: 33.3333333333%;
}
.push-md-5 {
left: 41.6666666667%;
}
.push-md-6 {
left: 50%;
}
.push-md-7 {
left: 58.3333333333%;
}
.push-md-8 {
left: 66.6666666667%;
}
.push-md-9 {
left: 75%;
}
.push-md-10 {
left: 83.3333333333%;
}
.push-md-11 {
left: 91.6666666667%;
}
.push-md-12 {
left: 100%;
}
.offset-md-0 {
margin-left: 0%;
}
.offset-md-1 {
margin-left: 8.3333333333%;
}
.offset-md-2 {
margin-left: 16.6666666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.3333333333%;
}
.offset-md-5 {
margin-left: 41.6666666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.3333333333%;
}
.offset-md-8 {
margin-left: 66.6666666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.3333333333%;
}
.offset-md-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg-1 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 8.3333333333%;
}
.col-lg-2 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 16.6666666667%;
}
.col-lg-3 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 25%;
}
.col-lg-4 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 33.3333333333%;
}
.col-lg-5 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 41.6666666667%;
}
.col-lg-6 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 50%;
}
.col-lg-7 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 58.3333333333%;
}
.col-lg-8 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 66.6666666667%;
}
.col-lg-9 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 75%;
}
.col-lg-10 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 83.3333333333%;
}
.col-lg-11 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 91.6666666667%;
}
.col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 100%;
}
.pull-lg-0 {
right: auto;
}
.pull-lg-1 {
right: 8.3333333333%;
}
.pull-lg-2 {
right: 16.6666666667%;
}
.pull-lg-3 {
right: 25%;
}
.pull-lg-4 {
right: 33.3333333333%;
}
.pull-lg-5 {
right: 41.6666666667%;
}
.pull-lg-6 {
right: 50%;
}
.pull-lg-7 {
right: 58.3333333333%;
}
.pull-lg-8 {
right: 66.6666666667%;
}
.pull-lg-9 {
right: 75%;
}
.pull-lg-10 {
right: 83.3333333333%;
}
.pull-lg-11 {
right: 91.6666666667%;
}
.pull-lg-12 {
right: 100%;
}
.push-lg-0 {
left: auto;
}
.push-lg-1 {
left: 8.3333333333%;
}
.push-lg-2 {
left: 16.6666666667%;
}
.push-lg-3 {
left: 25%;
}
.push-lg-4 {
left: 33.3333333333%;
}
.push-lg-5 {
left: 41.6666666667%;
}
.push-lg-6 {
left: 50%;
}
.push-lg-7 {
left: 58.3333333333%;
}
.push-lg-8 {
left: 66.6666666667%;
}
.push-lg-9 {
left: 75%;
}
.push-lg-10 {
left: 83.3333333333%;
}
.push-lg-11 {
left: 91.6666666667%;
}
.push-lg-12 {
left: 100%;
}
.offset-lg-0 {
margin-left: 0%;
}
.offset-lg-1 {
margin-left: 8.3333333333%;
}
.offset-lg-2 {
margin-left: 16.6666666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.3333333333%;
}
.offset-lg-5 {
margin-left: 41.6666666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.3333333333%;
}
.offset-lg-8 {
margin-left: 66.6666666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.3333333333%;
}
.offset-lg-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1200px) {
.col-xl-1 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 8.3333333333%;
}
.col-xl-2 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 16.6666666667%;
}
.col-xl-3 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 25%;
}
.col-xl-4 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 33.3333333333%;
}
.col-xl-5 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 41.6666666667%;
}
.col-xl-6 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 50%;
}
.col-xl-7 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 58.3333333333%;
}
.col-xl-8 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 66.6666666667%;
}
.col-xl-9 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 75%;
}
.col-xl-10 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 83.3333333333%;
}
.col-xl-11 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 91.6666666667%;
}
.col-xl-12 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 100%;
}
.pull-xl-0 {
right: auto;
}
.pull-xl-1 {
right: 8.3333333333%;
}
.pull-xl-2 {
right: 16.6666666667%;
}
.pull-xl-3 {
right: 25%;
}
.pull-xl-4 {
right: 33.3333333333%;
}
.pull-xl-5 {
right: 41.6666666667%;
}
.pull-xl-6 {
right: 50%;
}
.pull-xl-7 {
right: 58.3333333333%;
}
.pull-xl-8 {
right: 66.6666666667%;
}
.pull-xl-9 {
right: 75%;
}
.pull-xl-10 {
right: 83.3333333333%;
}
.pull-xl-11 {
right: 91.6666666667%;
}
.pull-xl-12 {
right: 100%;
}
.push-xl-0 {
left: auto;
}
.push-xl-1 {
left: 8.3333333333%;
}
.push-xl-2 {
left: 16.6666666667%;
}
.push-xl-3 {
left: 25%;
}
.push-xl-4 {
left: 33.3333333333%;
}
.push-xl-5 {
left: 41.6666666667%;
}
.push-xl-6 {
left: 50%;
}
.push-xl-7 {
left: 58.3333333333%;
}
.push-xl-8 {
left: 66.6666666667%;
}
.push-xl-9 {
left: 75%;
}
.push-xl-10 {
left: 83.3333333333%;
}
.push-xl-11 {
left: 91.6666666667%;
}
.push-xl-12 {
left: 100%;
}
.offset-xl-0 {
margin-left: 0%;
}
.offset-xl-1 {
margin-left: 8.3333333333%;
}
.offset-xl-2 {
margin-left: 16.6666666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.3333333333%;
}
.offset-xl-5 {
margin-left: 41.6666666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.3333333333%;
}
.offset-xl-8 {
margin-left: 66.6666666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.3333333333%;
}
.offset-xl-11 {
margin-left: 91.6666666667%;
}
}
/*//////////////////////////////////////
// Flex Grid
//////////////////////////////////////*/
.vw-flex-grid {
display: flex;
flex-wrap: wrap;
}
.vw-flex-grid__item {
/* empty */
}
.vw-flex-grid__item-inner {
position: relative;
overflow: hidden;
}
.vw-flex-grid__item-inner img {
transition: all 0.2s ease-out;
}
/**
* Overlay
*/
.vw-flex-grid__overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
transform: scale(1.3);
transition: all 0.2s ease-out;
}
.vw-flex-grid__overlay-icons {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 80%;
text-align: center;
}
.vw-flex-grid__overlay-icons a {
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block !important;
border-radius: 50%;
background-color: #FFFFFF;
color: #111111;
transition: all 0.2s ease-out;
}
.vw-flex-grid__overlay-icons a:not(:last-child) {
margin-right: 5px;
}
.vw-flex-grid__overlay-icons a:hover {
background-color: #FFFFFF;
color: #111111;
}
.vw-flex-grid__item:hover .vw-flex-grid__overlay {
opacity: 1;
transform: none;
}
/**
* Size
*/
.vw-flex-grid .vw-flex-grid__item {
width: 100%;
}
@media (min-width: 480px) {
.vw-flex-grid--xs-1 .vw-flex-grid__item {
width: 100%;
}
.vw-flex-grid--xs-2 .vw-flex-grid__item {
width: 50%;
}
.vw-flex-grid--xs-3 .vw-flex-grid__item {
width: 33.3333333333%;
}
.vw-flex-grid--xs-4 .vw-flex-grid__item {
width: 25%;
}
}
@media (min-width: 768px) {
.vw-flex-grid--sm-1 .vw-flex-grid__item {
width: 100%;
}
.vw-flex-grid--sm-2 .vw-flex-grid__item {
width: 50%;
}
.vw-flex-grid--sm-3 .vw-flex-grid__item {
width: 33.3333333333%;
}
.vw-flex-grid--sm-4 .vw-flex-grid__item {
width: 25%;
}
}
@media (min-width: 992px) {
.vw-flex-grid--md-1 .vw-flex-grid__item {
width: 100%;
}
.vw-flex-grid--md-2 .vw-flex-grid__item {
width: 50%;
}
.vw-flex-grid--md-3 .vw-flex-grid__item {
width: 33.3333333333%;
}
.vw-flex-grid--md-4 .vw-flex-grid__item {
width: 25%;
}
}
@media (min-width: 1200px) {
.vw-flex-grid--lg-1 .vw-flex-grid__item {
width: 100%;
}
.vw-flex-grid--lg-2 .vw-flex-grid__item {
width: 50%;
}
.vw-flex-grid--lg-3 .vw-flex-grid__item {
width: 33.3333333333%;
}
.vw-flex-grid--lg-4 .vw-flex-grid__item {
width: 25%;
}
}
.vw-flex-grid .vw-flex-grid__item--full {
width: 100% !important;
}
/**
* Gap
*/
.vw-flex-grid--small-gap {
margin: -6px;
}
.vw-flex-grid--small-gap .vw-flex-grid__item {
padding: 6px;
}
.vw-flex-grid--medium-gap {
margin: -10px;
}
.vw-flex-grid--medium-gap .vw-flex-grid__item {
padding: 10px;
}
.vw-flex-grid--large-gap {
margin: -15px;
}
.vw-flex-grid--large-gap .vw-flex-grid__item {
padding: 15px;
}
/* -----------------------------------------------------------------------------
*
* BASIC STYLE
*
* -------------------------------------------------------------------------- */
a {
word-break: break-word;
text-decoration: none;
color: inherit;
}
a:hover,
a:focus,
a:active {
text-decoration: underline;
}
/*//////////////////////////////////////
// Unordered and Ordered lists
//////////////////////////////////////*/
ul,
ol {
padding: 0;
margin: 0 0 24px 24px;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin-bottom: 0;
}
li {
margin: 12px 0;
}
.vw-post-content ol {
list-style: none;
counter-reset: vw-li-counter;
}
.vw-post-content ol li {
position: relative;
}
.vw-post-content ol li:before {
content: counter(vw-li-counter) ".";
counter-increment: vw-li-counter;
position: absolute;
left: -22px;
font-weight: bold;
color: #222222;
}
/*//////////////////////////////////////
// Description Lists
//////////////////////////////////////*/
dl {
margin: 24px 0;
}
dt,
dd {
line-height: 24px;
}
dd {
margin-left: 48px;
}
address {
margin: 24px 0;
}
/*//////////////////////////////////////
// Horizontal rules
//////////////////////////////////////*/
hr {
margin: 72px 0;
display: block;
position: relative;
width: 100%;
border: 0;
border-top: 1px dashed rgba(0, 0, 0, 0.05);
}
/*//////////////////////////////////////
// Table
//////////////////////////////////////*/
table {
border-collapse: collapse;
border-spacing: 0;
margin: 24px 0;
}
td,
th {
padding: 12px 24px;
}
@media (max-width: 991px) {
td,
th {
padding: 10px;
}
}
thead,
tfoot {
background: rgba(0, 0, 0, 0.05);
}
/*//////////////////////////////////////
// Input
//////////////////////////////////////*/
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
input:not([type]),
textarea {
max-width: 100%;
border: 1px solid #BBBBBB;
border-radius: 0;
line-height: 24px;
padding: 5px 12px;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
select {
padding: 12px;
line-height: 1;
margin-bottom: 1em;
max-width: 100%;
}
label {
vertical-align: middle;
}
input,
button {
border-radius: 0;
}
/*//////////////////////////////////////
// Selection
//////////////////////////////////////*/
::-moz-selection {
background: #000000;
color: #FFFFFF;
}
::selection {
background: #000000;
color: #FFFFFF;
}
/* -----------------------------------------------------------------------------
*
* TYPOGRAPHY
*
* -------------------------------------------------------------------------- */
:root {
font-size: 16px;
line-height: 1.65em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0.5em;
margin-bottom: 24px;
line-height: 1.2em;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
margin-bottom: 0;
}
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
font-family: Georgia, Times, "Times New Roman", serif;
font-style: italic;
font-weight: 400;
letter-spacing: 0;
text-transform: none;
color: #666666;
}
h1 {
font-size: 26px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 18px;
}
h4 {
font-size: 16px;
}
h5 {
font-size: 14px;
}
h6 {
font-size: 12px;
}
p {
margin-top: 0;
margin-bottom: 36px;
}
blockquote,
.vw-quote {
margin: 48px 0;
padding: 25px 30px;
font-size: 18px !important;
font-weight: bold !important;
font-style: italic !important;
letter-spacing: 0.01em !important;
line-height: 1.8em;
text-transform: none !important;
background: white;
}
blockquote:first-child,
.vw-quote:first-child {
margin-top: 0;
}
blockquote > :last-child,
.vw-quote > :last-child {
margin-bottom: 0;
}
blockquote cite,
blockquote small,
.vw-quote cite,
.vw-quote small {
display: block;
margin: 24px 0 0 0;
font-size: 10px;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
color: #B1B1B1;
}
blockquote cite:before,
blockquote small:before,
.vw-quote cite:before,
.vw-quote small:before {
content: '— ';
}
address {
font-style: italic;
margin: 0 0 1.75em;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: Inconsolata, monospace;
}
pre {
border: 1px solid #D1D1D1;
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 1.75em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
code {
background-color: #D1D1D1;
padding: 0.125em 0.25em;
}
abbr,
acronym {
border-bottom: 1px dotted #D1D1D1;
cursor: help;
}
mark,
ins {
background: #007ACC;
color: #FFFFFF;
padding: 0.125em 0.25em;
text-decoration: none;
}
big {
font-size: 125%;
}
/* -----------------------------------------------------------------------------
*
* BUTTON
*
* -------------------------------------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.vw-button {
height: auto;
padding: 6px 19px;
vertical-align: middle;
border: 0px solid;
background-color: #111111;
color: #FFFFFF;
font-size: 10px;
line-height: 24px;
min-height: 24px;
text-transform: uppercase;
text-align: center;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.no-touch button:hover,
.no-touch input[type="button"]:hover,
.no-touch input[type="reset"]:hover,
.no-touch input[type="submit"]:hover,
.no-touch
.woocommerce a.button:hover,
.no-touch .woocommerce button.button:hover,
.no-touch .woocommerce input.button:hover,
.no-touch .woocommerce #respond input#submit:hover,
.no-touch
.woocommerce-page a.button:hover,
.no-touch .woocommerce-page button.button:hover,
.no-touch .woocommerce-page input.button:hover,
.no-touch .woocommerce-page #respond input#submit:hover,
.no-touch
.vw-button:hover {
color: #FFFFFF;
}
.vw-button {
display: inline-block;
text-decoration: none !important;
color: #FFFFFF;
margin-bottom: 4px;
}
.vw-button .vw-icon {
margin-right: 0.4em;
font-size: 15px;
vertical-align: bottom;
}
.vw-button-arrow {
position: relative;
padding-right: 72px;
}
.vw-button-arrow:after {
content: '';
position: absolute;
background-color: #BBBBBB;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cG9seWdvbiBwb2ludHM9IjcyLjIsNTAuMiA0OC43LDczLjcgNTAuMiw3NS4zIDc2LjQsNDkuMSA1MC4yLDIyLjkgNDguNywyNC41IDcyLjIsNDggMTguNSw0OCAxOC41LDUwLjIgIiBmaWxsPSIjZmZmIiAvPjwvc3ZnPg==");
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
top: 0;
right: 0;
bottom: 0;
width: 54px;
transition: all 0.2s ease-out;
}
.vw-button-arrow:hover:after {
background-position: 75% 50%;
background-color: #111111;
}
/*//////////////////////////////////////
// Button Sizes
//////////////////////////////////////*/
.vw-button--full-width {
display: block;
width: 100%;
}
.vw-button--large {
font-size: 12px;
padding: 10px 22px;
}
.vw-button--small {
font-size: 10px;
padding: 4px 16px;
}
.vw-button--tiny {
font-size: 9px;
padding: 2px 12px;
line-height: 24px;
}
@media (max-width: 767px) {
.vw-button--tiny-on-xs {
font-size: 9px;
padding: 2px 12px;
line-height: 24px;
}
}
.vw-button--arrow {
position: relative;
padding-right: 36px !important;
}
.vw-button--arrow:after {
content: '';
display: inline-block;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyBpZD0i0KHQu9C+0LlfMSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMnB4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj48bWV0YWRhdGEgaWQ9Im1ldGFkYXRhNDE5MSI+PHJkZjpSREY+PGNjOldvcmsgcmRmOmFib3V0PSIiPjxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiLz48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PHBhdGggaWQ9IkFycm93X0ZvcndhcmQiIGQ9Im0zMiAxNi4wMDljMC0wLjI2Ny0wLjExLTAuNTIyLTAuMjkzLTAuNzE0bC02Ljg4MS03LjAwMzljLTAuMzkxLTAuMzk1LTEuMDI0LTAuMzk0LTEuNDE0IDAtMC4zOTEgMC4zOTQtMC4zOTEgMS4wMzQgMCAxLjQyOGw1LjE3NSA1LjI3OTloLTI3LjU4N2MtMC41NTIgMC0xIDAuNDUyLTEgMS4wMXMwLjQ0OCAxLjAxIDEgMS4wMWgyNy41ODZsLTUuMTQ1MiA1LjI1OTFjLTAuMzkxIDAuMzk0LTAuMzkgMS4wMzQgMCAxLjQyOCAwLjM5MSAwLjM5NCAxLjAyNCAwLjM5NCAxLjQxNCAwbDYuODUyLTYuOTgzYzAuMTg3LTAuMTg5IDAuMjktMC40NDkgMC4yOTMtMC43MTR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 11px;
position: absolute;
top: 0;
bottom: 0;
right: 16px;
width: 11px;
transition: all 0.2s ease-out;
}
.rtl .vw-button--arrow:after {
transform: scaleX(-1);
}
.vw-button--arrow:hover:after {
right: 10px;
}
/*//////////////////////////////////////
// Button Colors
//////////////////////////////////////*/
.no-touch .vw-button--accent.vw-button:hover {
background-color: #000000;
}
.vw-button--white {
color: #222222;
background-color: #FFFFFF;
}
.no-touch .vw-button--white.vw-button:hover {
background-color: #343434;
}
.vw-button--light {
color: #444444;
background-color: #EEEEEE;
}
.no-touch .vw-button--light.vw-button:hover {
background-color: #565656;
}
.vw-button--black {
background-color: #000000;
}
.no-touch .vw-button--black.vw-button:hover {
background-color: #121212;
}
.vw-button--orange {
background-color: #FC7844;
}
.no-touch .vw-button--orange.vw-button:hover {
background-color: #FD9167;
}
.vw-button--red {
background-color: #E74C3C;
}
.no-touch .vw-button--red.vw-button:hover {
background-color: #EB695C;
}
.vw-button--yellow {
background-color: #F9CB31;
}
.no-touch .vw-button--yellow.vw-button:hover {
background-color: #FAD454;
}
.vw-button--blue {
background-color: #3498DB;
}
.no-touch .vw-button--blue.vw-button:hover {
background-color: #52A7E0;
}
.vw-button--green {
background-color: #1ABC84;
}
.no-touch .vw-button--green.vw-button:hover {
background-color: #1EDB9A;
}
.vw-button--purple {
background-color: #B73B7A;
}
.no-touch .vw-button--purple.vw-button:hover {
background-color: #C64F8C;
}
.vw-button--pink {
background-color: #ED5E80;
}
.no-touch .vw-button--pink.vw-button:hover {
background-color: #F17E99;
}
/* -----------------------------------------------------------------------------
*
* WORDPRESS
*
* -------------------------------------------------------------------------- */
.avatar {
border-radius: 50%;
}
.sticky {
/* empty */
}
.gallery-caption {
/* empty */
}
.bypostauthor {
background-color: transparent;
}
.must-log-in {
font-size: 12px;
}
/*//////////////////////////////////////
// Alignment
//////////////////////////////////////*/
.alignnone {
display: block;
margin: 48px 0;
}
.alignnone::after {
content: "";
display: table;
clear: both;
}
.aligncenter {
display: block;
margin: 48px auto 48px auto;
}
.alignright {
float: right;
margin: 0px 0 48px 48px;
max-width: 65%;
}
.alignleft {
float: left;
margin: 0px 48px 48px 0;
max-width: 65%;
}
p > .alignleft:only-child,
p > .alignright:only-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
p > .alignleft:only-child,
p > .alignright:only-child {
margin-left: 0;
margin-right: 0;
max-width: none;
width: 100%;
}
}
a img.alignright {
float: right;
margin: 0px 0 24px 24px;
}
a img.alignnone {
margin: 24px 24px 24px 0;
}
a img.alignleft {
float: left;
margin: 0px 24px 24px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 991px) {
.alignleft,
.alignright,
a img.alignleft,
a img.alignright {
float: none;
width: 100%;
}
}
/*//////////////////////////////////////
// Image and caption
//////////////////////////////////////*/
img {
height: auto;
max-width: 100%;
}
img.fullwidth {
max-width: none;
background-color: #FFFFFF;
}
figure {
max-width: 100%;
margin: 12px 48px;
padding: 0;
background-color: #FFFFFF;
}
img.fullwidth,
figure.fullwidth {
max-width: none;
padding: 30px 30px 0 30px;
}
img.fullwidth img,
figure.fullwidth img {
width: 100%;
}
.wp-caption {
max-width: 100%;
}
.wp-caption.alignnone {
/* empty */
}
.wp-caption.aligncenter {
/* empty */
}
.wp-caption.alignleft {
/* empty */
}
.wp-caption.alignright {
/* empty */
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
padding: 0;
width: auto;
display: block;
}
.wp-caption-text {
font-size: 12px;
font-style: italic;
display: block;
padding: 0.5em;
text-align: center;
}
.aligncenter .wp-caption-text {
display: block;
width: 60%;
margin: auto;
}
.wp-post-image {
margin-bottom: 24px;
}
/*//////////////////////////////////////
// Default Tiled Gallery Style
//////////////////////////////////////*/
.gallery {
margin-left: -12px;
margin-right: -12px;
margin-top: 12px;
margin-bottom: 12px;
}
.gallery a,
.gallery img {
display: block;
}
.gallery:after {
display: table;
content: "";
clear: both;
}
.gallery-item {
margin: 0;
float: left;
padding: 12px;
}
.gallery-item img {
width: 100%;
}
.gallery-columns-1 .gallery-item {
float: none;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.3333333333%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.6666666667%;
}
.gallery-columns-7 .gallery-item {
width: 14.2857142857%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 50%;
}
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
clear: left;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/*//////////////////////////////////////
// Media Player
//////////////////////////////////////*/
.mejs-controls .mejs-button button {
min-height: 0;
}
/*//////////////////////////////////////
// Accessibility
//////////////////////////////////////*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #F1F1F1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759B;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/* =============================================================================
LAYOUT
========================================================================== */
/* -----------------------------------------------------------------------------
*
* SITE LAYOUT
*
* -------------------------------------------------------------------------- */
.vw-site {
position: relative;
background-color: #FFFFFF;
}
@media (min-width: 768px) {
.vw-site--boxed .vw-site {
margin: 30px auto;
}
.vw-site--boxed .vw-site,
.vw-site--boxed .container {
max-width: 750px;
}
}
@media (min-width: 992px) {
.vw-site--boxed .vw-site,
.vw-site--boxed .container {
max-width: 1000px;
}
}
@media (min-width: 1200px) {
.vw-site--boxed .vw-site,
.vw-site--boxed .container {
max-width: 1200px;
}
}
.vw-site-enable-frame .vw-site {
border: 8px solid #222222;
}
.vw-site-enable-frame .vw-site-frame {
background-color: #222222;
position: fixed;
}
.vw-site-enable-frame .vw-site-frame--top {
height: 8px;
top: 0;
left: 0;
right: 0;
}
.vw-site-enable-frame .vw-site-frame--bottom {
height: 8px;
bottom: 0;
left: 0;
right: 0;
}
.vw-viewport--full-height {
height: 100vh;
min-height: 500px;
display: flex;
flex-flow: column;
}
@media (min-width: 768px) {
.vw-viewport--full-height {
min-height: 640px;
}
}
.vw-viewport--full-height > :last-child:not(header) {
flex: 1;
}
/* -----------------------------------------------------------------------------
*
* HEADER
*
* -------------------------------------------------------------------------- */
.vw-header {
position: relative;
z-index: 20;
background: #FFFFFF;
transition: transform 0.2s ease-out;
}
.vw-header .vw-mobile-nav-button {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 30px;
}
.vw-header .vw-cart-button-wrapper {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 60px;
}
.vw-header .vw-cart-button-wrapper i {
color: #222222;
}
.vw-header .vw-instant-search {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 25px;
}
.vw-header .vw-instant-search i {
font-size: 18px;
color: #222222;
}
.vw-header.vw-stuck {
position: fixed;
top: 0;
left: 0;
right: 0;
}
.vw-header.vw-stuck.vw-stuck--up .vw-header__logo,
.vw-header.vw-stuck.vw-stuck--down .vw-header__logo {
margin: 0;
}
.vw-header.vw-stuck.vw-stuck--up .vw-logo,
.vw-header.vw-stuck.vw-stuck--down .vw-logo {
transform: scale(0.75);
}
.vw-header.vw-stuck.vw-stuck--up {
transform: translateY(-100%);
}
.vw-header.vw-stuck.vw-stuck--down {
transform: none;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}
.vw-header--thin {
text-align: center;
padding: 0 70px;
}
.vw-header--thin .vw-header__inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-content: stretch;
}
.vw-header--thin .vw-header__main-menu {
flex: 1 1 auto;
flex-basis: 50%;
align-self: center;
}
.vw-header--thin .vw-header__main-menu--left {
text-align: right;
}
.vw-header--thin .vw-header__main-menu--right {
text-align: left;
}
.vw-header--thin .vw-header__logo {
flex: 0 0 auto;
}
/* -----------------------------------------------------------------------------
*
* SITE CONTENT
*
* -------------------------------------------------------------------------- */
.vw-content-area {
padding: 72px 0;
background-color: #F7F7F7;
}
.vw-content-main {
padding-right: 30px;
padding-left: 30px;
}
@media (min-width: 992px) {
.vw-content-main {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 100%;
}
}
.vw-content-sidebar {
padding-right: 30px;
padding-left: 30px;
}
@media (min-width: 992px) {
.vw-content-sidebar {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 33.3333333333%;
}
}
.vw-content-sidebar .widget {
margin-right: -30px;
margin-left: -30px;
padding: 24px;
background-color: #FFFFFF;
}
@media (min-width: 992px) {
.vw-content-sidebar-extra {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 16.6666666667%;
}
}
/*//////////////////////////////////////
// Sidebar Positions
//////////////////////////////////////*/
.vw-content-area--no-sidebar {
/* empty */
}
@media (min-width: 992px) {
.vw-content-area--right-sidebar .vw-content-main,
.vw-content-area--left-sidebar .vw-content-main,
.vw-content-area--right-extra-sidebar .vw-content-main,
.vw-content-area--left-extra-sidebar .vw-content-main {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
float: left;
width: 66.6666666667%;
}
}
.vw-content-area--right-sidebar {
/* empty */
}
@media (min-width: 992px) {
.vw-content-area--left-sidebar .vw-content-main {
left: 33.3333333333%;
}
}
@media (min-width: 992px) {
.vw-content-area--left-sidebar .vw-content-sidebar {
right: 66.6666666667%;
}
}
.vw-content-area--right-extra-sidebar {
/* empty */
}
.vw-content-area--left-extra-sidebar {
/* empty */
}
/*//////////////////////////////////////
// Sticky Sidebar
//////////////////////////////////////*/
.vw-sticky-sidebar-wrapper {
position: relative;
z-index: 99;
}
.vw-sticky-sidebar {
/* empty */
}
/* -----------------------------------------------------------------------------
*
* SITE FOOTER
*
* -------------------------------------------------------------------------- */
.vw-footer {
position: relative;
padding-top: 72px;
}
.vw-footer__logo {
margin-bottom: 48px;
text-align: center;
}
.vw-footer-sidebar {
margin-bottom: 48px;
}
.vw-footer-sidebar .widget:last-child {
margin-bottom: 0;
}
/*//////////////////////////////////////
// Instagram Bar
//////////////////////////////////////*/
.vw-instagram-bar {
padding: 24px 24px 48px 24px;
background-color: #F0F0F0;
}
.vw-instagram-bar ul {
list-style: none;
margin: 0;
display: flex;
}
.vw-instagram-bar li {
margin: 0;
padding: 5px;
}
.vw-instagram-bar li img {
display: block;
}
@media (max-width: 991px) {
.vw-instagram-bar li:nth-child(n+5) {
display: none;
}
}
@media (max-width: 1199px) {
.vw-instagram-bar li:nth-child(n+7) {
display: none;
}
}
.vw-instagram-bar .vw-instagram-bar__title {
margin-bottom: 24px;
font-size: 14px;
text-align: center;
}
.vw-instagram-bar .vw-instagram-bar__title a {
text-decoration: none;
}
.vw-instagram-bar .vw-instagram-icon {
margin-top: -5px;
margin-right: 12px;
vertical-align: text-top;
}
/* -----------------------------------------------------------------------------
*
* SIDE PANEL
*
* -------------------------------------------------------------------------- */
.vw-open-side-panel {
overflow: hidden;
}
.vw-open-side-panel .vw-site {
z-index: 0;
}
.vw-open-side-panel .vw-side-panel {
transform: translateX(0);
}
.vw-open-side-panel .vw-side-panel__backdrop {
display: block;
}
.vw-side-panel {
width: 360px;
height: 100vh;
position: fixed;
top: 0;
left: 0;
padding: 30px;
z-index: 99;
background-color: #FFFFFF;
transform: translateX(-100%);
transition: all 0.2s ease-out;
}
@media (max-width: 767px) {
.vw-side-panel {
width: 300px;
}
}
.admin-bar .vw-side-panel {
height: calc( 100vh - 32px);
top: 32px;
}
.vw-side-panel__backdrop {
display: none;
background-color: rgba(0, 0, 0, 0.7);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.vw-side-panel__socials {
margin: -15px -15px 48px -15px;
padding: 10px 0;
background: #222222;
color: #FFFFFF;
text-align: center;
}
.vw-side-panel__menu {
position: relative;
overflow: hidden;
margin-bottom: 48px;
transition: height 0.2s ease-out;
font-size: 14px;
}
.vw-side-panel__menu ul {
list-style: none;
}
.vw-side-panel__menu li {
margin: 0;
}
.vw-side-panel__menu li:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.vw-side-panel__menu .menu-link {
display: block;
padding-top: 12px;
padding-bottom: 12px;
}
.vw-side-panel__menu .menu-depth-1 {
margin-left: 0;
}
.vw-side-panel__menu .menu-depth-2 {
font-size: 0.9em;
}
.vw-side-panel__menu .vw-menu-location-mobile .menu-depth-1 {
display: none;
}
.vw-side-panel__menu-title {
margin-bottom: 36px;
text-align: center;
}
.vw-side-panel__sub-menu {
position: absolute;
transform: translate3d(100%, 0, 0);
top: 0;
left: 0;
width: 100%;
}
.vw-side-panel__sidebar {
margin: 24px 0 0 0;
}
.vw-side-panel__sidebar .widget:last-child {
margin-bottom: 0;
}
.vw-menu-mobile-wrapper {
transition: all 0.2s ease-out;
}
.vw-menu-mobile-wrapper .menu-item-has-children {
position: relative;
}
.vw-menu-mobile-wrapper .menu-item-has-children > a:after {
content: "";
font-family: "entypo";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
text-decoration: none;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.vw-side-panel__sub-menu {
opacity: 0;
transition: all 0.2s ease-out;
}
.vw-side-panel__menu--opened .vw-menu-mobile-wrapper {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.vw-side-panel__menu--opened .vw-side-panel__sub-menu {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.vw-side-panel__close-sub-menu {
position: absolute;
top: -56px;
right: 0;
font-size: 12px;
text-align: right;
}
.vw-side-panel__close-sub-menu .vw-icon:before {
width: auto;
margin-left: 0;
}
.vw-side-panel__close-sub-menu span {
display: inline-block;
cursor: pointer;
}
/* -----------------------------------------------------------------------------
*
* TOP BAR
*
* -------------------------------------------------------------------------- */
.vw-top-bar {
position: relative;
padding: 11px 40px;
font-size: 11px;
font-style: italic;
line-height: 24px;
color: #888888;
}
@media (max-width: 767px) {
.vw-top-bar {
display: none;
}
}
.vw-top-bar a {
color: inherit;
}
.vw-top-bar .vw-site-social-links {
font-size: 13px;
color: inherit;
}
.vw-top-bar__inner {
position: relative;
}
.vw-top-bar__placeholder {
text-align: center;
float: none;
}
@media (min-width: 768px) {
.vw-top-bar__placeholder--left {
float: left;
text-align: left;
}
.vw-top-bar__placeholder--right {
float: right;
text-align: right;
}
}
/* -----------------------------------------------------------------------------
*
* LOGO
*
* -------------------------------------------------------------------------- */
.vw-logo {
width: 100%;
}
.vw-logo__link {
display: inline-block;
text-decoration: none;
}
@media (max-width: 767px) {
.vw-logo__link {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
}
.vw-logo__image {
display: inline-block;
}
@media (max-width: 991px) {
.vw-logo__image {
height: 60px;
width: auto;
}
}
/*//////////////////////////////////////
// Text Logo
//////////////////////////////////////*/
.vw-logo__title {
margin-top: 0;
margin-bottom: 0;
font-weight: 800;
text-align: center;
}
.vw-logo__tagline {
margin-top: 12px;
margin-bottom: 0;
padding-top: 12px;
border-top: 1px solid #EEEEEE;
font-size: 14px;
font-style: italic;
line-height: 1.2em;
text-align: center;
color: #9C9C9C;
}
@media (max-width: 991px) {
.vw-logo__tagline {
font-size: 12px;
}
}
/* -----------------------------------------------------------------------------
*
* TITLE AREA
*
* -------------------------------------------------------------------------- */
.vw-title-area {
position: relative;
text-align: center;
background: #FFFFFF;
overflow: hidden;
margin: 0px 30px 30px;
}
.vw-title-area .vw-title-area__inner {
padding: 48px 0;
will-change: transform;
}
.vw-title-area .vw-categories {
display: block;
}
.vw-title-area .vw-title-area__title {
display: block;
margin-top: 24px;
margin-bottom: 24px;
line-height: 1;
color: #111111;
font-size: 24px;
}
.vw-title-area .vw-title-area__title:last-child {
margin: 36px 0;
}
@media (min-width: 480px) {
.vw-title-area .vw-title-area__title {
font-size: 32px;
}
}
@media (min-width: 768px) {
.vw-title-area .vw-title-area__title {
font-size: 50px;
}
}
@media (min-width: 992px) {
.vw-title-area .vw-title-area__title {
font-size: 60px;
}
}
.vw-title-area .vw-title-area__subtitle,
.vw-title-area .vw-title-area__post-meta {
margin-bottom: 24px;
font-style: italic;
font-size: 12px;
text-transform: none;
}
.vw-title-area .vw-title-area__subtitle span,
.vw-title-area .vw-title-area__post-meta span {
padding: 0px 14px;
display: inline-block;
background-color: #111111;
}
.vw-title-area .vw-title-area__subtitle:last-child,
.vw-title-area .vw-title-area__post-meta:last-child {
margin-bottom: 0px;
}
.vw-title-area .vw-title-area__subtitle {
font-size: 16px;
color: #B1B1B1;
}
@media (max-width: 991px) {
.vw-title-area .vw-title-area__subtitle {
font-size: 16px;
}
}
.vw-title-area .vw-title-area__subtitle span {
background-color: transparent;
}
.author .vw-title-area .vw-title-area__subtitle {
margin-bottom: 14px;
}
.vw-title-area .vw-title-area__post-meta {
font-size: 12px;
font-style: normal;
}
.vw-title-area .vw-title-area__post-meta .vw-post-date {
display: inline-block;
padding: 14px 19px;
font-size: 10px;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
color: #FFFFFF;
background-color: #111111;
}
@media (max-width: 767px) {
.vw-title-area .vw-title-area__post-meta .vw-post-date,
.vw-title-area .vw-title-area__post-meta .vw-button {
font-size: 9px;
padding: 2px 12px;
line-height: 24px;
}
}
.vw-title-area .vw-avatar {
position: relative;
}
.vw-title-area .vw-avatar img {
margin: 0;
display: inline-block;
vertical-align: middle;
}
.vw-title-area .vegas-container {
position: static;
}
.vw-title-area--has-bg {
background-color: #222222;
}
.vw-title-area--has-bg .vw-title-area__inner {
padding: 0;
height: 550px;
min-height: 320px;
z-index: 2;
}
.no-touch .vw-title-area--has-bg .vegas-slide-inner {
background-attachment: fixed;
}
.vw-title-area--has-bg .vw-title-area__box {
position: absolute;
left: 50%;
transform: translateX(-50%) translateY(-50%);
top: 50%;
width: 70%;
max-width: 970px;
}
@media (max-width: 991px) {
.vw-title-area--has-bg .vw-title-area__box {
width: 80%;
}
}
.vw-title-area--has-bg .vw-categories,
.vw-title-area--has-bg .vw-subtitle,
.vw-title-area--has-bg .vw-about-author__socials {
color: rgba(255, 255, 255, 0.75);
}
.vw-title-area--has-bg .vw-title-area__title {
color: #FFFFFF;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
.vw-title-area--has-bg .vw-title-area__title {
font-size: 60px;
}
}
.vw-title-area--has-bg .vw-subtitle,
.vw-title-area--has-bg .vw-title-area__subtitle,
.vw-title-area--has-bg .vw-title-area__post-meta {
color: rgba(255, 255, 255, 0.75);
text-transform: none;
margin-top: 0;
margin-bottom: 24px;
}
.vw-title-area--has-bg:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background-color: rgba(0, 0, 0, 0.05);
}
/*//////////////////////////////////////
// Gallery Nav Button
//////////////////////////////////////*/
.vw-title-area__nav {
z-index: 999;
}
.vw-title-area__nav-button {
display: inline-block;
width: 60px;
line-height: 60px;
border-radius: 50%;
text-align: center;
background: white;
color: #222222 !important;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}
.vw-title-area__nav-button--prev,
.vw-title-area__nav-button--next {
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: all 0.2s ease-out;
z-index: 99;
animation-fill-mode: both;
animation-delay: 0.75s;
animation-duration: 1s;
}
@keyframes vw-title-area__nav-button--prev {
from {
left: -100px;
}
to {
left: -30px;
}
}
.vw-title-area__nav-button--prev {
text-indent: 7px;
animation-name: vw-title-area__nav-button--prev;
}
@keyframes vw-title-area__nav-button--next {
from {
right: -100px;
}
to {
right: -30px;
}
}
.vw-title-area__nav-button--next {
text-indent: -7px;
animation-name: vw-title-area__nav-button--next;
}
/*//////////////////////////////////////
// Caption
//////////////////////////////////////*/
.vw-title-area__captions {
position: absolute;
bottom: 1em;
right: 1em;
z-index: 2;
}
.vw-title-area__caption {
font-size: 11px;
font-style: italic;
color: rgba(255, 255, 255, 0.7);
}
.vw-title-area__captions .vw-title-area__caption {
display: none;
}
.vw-title-area__captions .vw-title-area__caption.visible {
display: inline-block;
}
.vw-title-area__captions .vw-title-area__caption:empty {
display: none;
}
@media (max-width: 767px) {
.vw-title-area__captions .vw-title-area__caption {
display: none !important;
}
}
/*//////////////////////////////////////
// Location
//////////////////////////////////////*/
.vw-title-area__locations {
position: absolute;
bottom: 1em;
left: 1em;
z-index: 2;
}
.vw-title-area__location {
background: rgba(0, 0, 0, 0.4);
color: #FFFFFF;
padding-right: 10px;
}
.vw-title-area__location .vw-location {
margin-bottom: 0;
font-size: 11px;
}
.vw-title-area__location .vw-location__icon {
font-size: 16px;
}
.vw-title-area__locations .vw-title-area__location {
display: none;
}
.vw-title-area__locations .vw-title-area__location.visible {
display: inline-block;
}
.vw-title-area__locations .vw-title-area__location:empty {
display: none;
}
@media (max-width: 767px) {
.vw-title-area__locations .vw-title-area__location {
display: none !important;
}
}
/*//////////////////////////////////////
// Inner Area
//////////////////////////////////////*/
.vw-title-area__inner {
position: relative;
}
/* -----------------------------------------------------------------------------
*
* Title Slider
*
* -------------------------------------------------------------------------- */
.vw-title-slider {
margin: 0px 30px 30px;
/* fix sizing on safari */
position: relative;
/* end */
}
.vw-title-slider .vw-loop {
position: absolute;
top: 0;
bottom: 0;
}
.vw-title-slider .slick-slider,
.vw-title-slider .slick-track,
.vw-title-slider .slick-list,
.vw-title-slider .vw-post-box--full {
height: 100% !important;
}
/* -----------------------------------------------------------------------------
*
* BOTTOM BAR
*
* -------------------------------------------------------------------------- */
.vw-bottom-bar {
font-size: 10px;
}
.vw-bottom-bar__inner {
padding: 24px 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.vw-bottom-bar__inner::after {
content: "";
display: table;
clear: both;
}
.vw-bottom-bar__placeholder {
display: block;
text-align: center;
}
@media (min-width: 768px) {
.vw-bottom-bar__placeholder--left {
float: left;
text-align: left;
}
.vw-bottom-bar__placeholder--right {
float: right;
text-align: right;
}
}
.vw-bottom-bar--social-copyright {
text-align: center;
}
.vw-bottom-bar--social-copyright .vw-site-social-links {
display: block;
margin-bottom: 24px;
color: #222222;
}
.vw-bottom-bar--social-copyright .vw-icon-social {
font-size: 18px;
}
.vw-bottom-bar--social-copyright .vw-icon-social:not(:last-child) {
margin-right: 1em;
}
/*//////////////////////////////////////
// Copyright
//////////////////////////////////////*/
.vw-copyright {
letter-spacing: 1px;
text-transform: uppercase;
}
/* -----------------------------------------------------------------------------
*
* MENU
*
* -------------------------------------------------------------------------- */
.vw-menu,
.vw-menu ul,
.vw-menu ol {
margin: 0;
padding: 0;
list-style: none;
}
.vw-menu .menu-item {
margin: 0;
}
.vw-menu .menu-link {
display: block;
padding: 4px 6px;
text-decoration: none;
text-align: left;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.vw-menu .menu-link em {
text-transform: none;
}
.vw-menu .main-menu-item,
.vw-menu .main-menu-link {
display: inline-block;
}
.vw-menu .menu-item-depth-0 > .sub-menu-wrapper {
border: 1px solid rgba(0, 0, 0, 0.05);
}
.vw-menu .menu-depth-1 {
font-size: 11px;
}
.vw-menu .sub-menu {
min-width: 230px;
z-index: 1000;
}
.vw-menu .menu-item > .sub-menu,
.vw-menu .menu-item > .sub-menu-wrapper {
display: none;
position: absolute;
z-index: 1000;
background-color: #FFFFFF;
border: 3px solid #DDDDDD;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
-webkit-backface-visibility: hidden;
}
.vw-menu .menu-description {
margin-top: -5px;
opacity: 0.6;
font-size: 10px;
text-transform: none;
letter-spacing: 0;
}
.vw-menu .sub-sub-menu {
left: 100%;
top: -1px;
}
.vw-menu .sub-menu-item {
position: relative;
}
.vw-menu .sub-menu-item.menu-item-has-children > .menu-link {
padding-right: 25px;
}
.vw-menu .sub-menu-item.menu-item-has-children > .sub-menu-link:after {
display: inline-block;
content: "";
font-family: "entypo";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
position: absolute;
right: 5px;
top: 50%;
margin-top: -7px;
}
.vw-menu .sub-menu-item:not(:first-child) {
position: relative;
}
.vw-menu .sub-menu-item:not(:first-child):before {
content: '';
position: absolute;
top: 0px;
left: 1em;
right: 1em;
height: 1px;
background-color: rgba(0, 0, 0, 0.05);
}
.vw-menu .sub-menu-link {
padding: 8px 15px;
}
/*//////////////////////////////////////
// No Menu Warning
//////////////////////////////////////*/
.vw-no-menu-warning {
font-size: 12px;
font-style: italic;
padding: 17px 0.5em;
color: #AAAAAA;
}
.vw-no-menu-warning a {
text-decoration: underline;
}
/*//////////////////////////////////////
// MENU TYPE: Mega Menu
//////////////////////////////////////*/
.vw-menu-type-mega {
display: table;
width: 100%;
}
.vw-menu-type-mega .sub-menu-link {
font-weight: normal;
}
.vw-mega-menu .vw-post-box {
margin-top: 15px;
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
.vw-mega-menu .vw-post-box .vw-post-box__title {
font-size: 12px;
}
.vw-mega-menu .vw-post-box .vw-post-box__thumbnail {
margin-bottom: 24px;
}
.vw-mega-menu .vw-post-box .vw-post-box__inner {
padding-bottom: 12px;
}
/**
* Full Width Menu
*/
.vw-mega-menu--full-width.menu-item-depth-0 > .sub-menu-wrapper {
left: 0;
right: 0;
overflow: hidden;
max-width: 1200px;
margin: auto;
}
/**
* Classic Menu Style
*/
.vw-mega-menu--classic {
/* empty */
}
/**
* Post/Product Menu Style
*/
.vw-mega-menu--category .sub-menu-wrapper > .sub-menu,
.vw-mega-menu--portfolio_cat .sub-menu-wrapper > .sub-menu,
.vw-mega-menu--gallery_cat .sub-menu-wrapper > .sub-menu,
.vw-mega-menu--latest-products .sub-menu-wrapper > .sub-menu {
padding-bottom: 500px;
margin-bottom: -500px;
width: 25%;
float: left;
}
.vw-mega-menu--category .sub-menu-wrapper > .sub-menu + .sub-posts,
.vw-mega-menu--portfolio_cat .sub-menu-wrapper > .sub-menu + .sub-posts,
.vw-mega-menu--gallery_cat .sub-menu-wrapper > .sub-menu + .sub-posts,
.vw-mega-menu--latest-products .sub-menu-wrapper > .sub-menu + .sub-posts {
width: 75%;
float: left;
}
.vw-mega-menu--category .sub-posts,
.vw-mega-menu--portfolio_cat .sub-posts,
.vw-mega-menu--gallery_cat .sub-posts,
.vw-mega-menu--latest-products .sub-posts {
font-weight: normal;
text-transform: none;
}
.vw-mega-menu--category .sub-posts .vw-post-box__footer,
.vw-mega-menu--portfolio_cat .sub-posts .vw-post-box__footer,
.vw-mega-menu--gallery_cat .sub-posts .vw-post-box__footer,
.vw-mega-menu--latest-products .sub-posts .vw-post-box__footer {
display: none;
}
/**
* Links Mega Menu
*/
.vw-mega-menu--links-3-cols,
.vw-mega-menu--links-4-cols {
position: static;
}
.vw-mega-menu--links-3-cols > .sub-menu-wrapper,
.vw-mega-menu--links-4-cols > .sub-menu-wrapper {
left: 0;
right: 0;
overflow: hidden;
}
.vw-mega-menu--links-3-cols .sub-menu.menu-depth-1,
.vw-mega-menu--links-4-cols .sub-menu.menu-depth-1 {
width: auto;
padding-left: 10px;
padding-right: 10px;
display: block;
}
.vw-mega-menu--links-3-cols .sub-menu.menu-depth-1::after,
.vw-mega-menu--links-4-cols .sub-menu.menu-depth-1::after {
content: "";
display: table;
clear: both;
}
.vw-mega-menu--links-3-cols .sub-menu.menu-depth-1 > li,
.vw-mega-menu--links-4-cols .sub-menu.menu-depth-1 > li {
width: 25%;
padding: 10px;
display: block;
float: left;
vertical-align: top;
border-top: none;
}
.vw-mega-menu--links-3-cols .sub-menu.menu-depth-1 .sub-menu-wrapper,
.vw-mega-menu--links-4-cols .sub-menu.menu-depth-1 .sub-menu-wrapper {
position: static;
display: block !important;
opacity: 1 !important;
box-shadow: none;
}
.vw-mega-menu--links-3-cols .sub-menu.menu-depth-2,
.vw-mega-menu--links-4-cols .sub-menu.menu-depth-2 {
position: static;
display: block !important;
opacity: 1 !important;
box-shadow: none;
width: auto;
border: none;
}
.vw-mega-menu--links-3-cols .menu-item-depth-1:hover,
.vw-mega-menu--links-4-cols .menu-item-depth-1:hover {
background: transparent;
}
.vw-mega-menu--links-3-cols .menu-item-depth-1 > .menu-link,
.vw-mega-menu--links-4-cols .menu-item-depth-1 > .menu-link {
font-weight: 700;
text-align: left;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 12px 5px;
text-align: center;
}
.vw-mega-menu--links-3-cols .menu-item-depth-1 > .menu-link:after,
.vw-mega-menu--links-4-cols .menu-item-depth-1 > .menu-link:after {
display: none !important;
}
.vw-mega-menu--links-3-cols .sub-menu.menu-depth-1 > li {
width: 33.333333333%;
}
/* -----------------------------------------------------------------------------
*
* MENU LOCATION
*
* -------------------------------------------------------------------------- */
/*//////////////////////////////////////
// Main Menu
//////////////////////////////////////*/
@media (max-width: 991px) {
.vw-menu-main {
display: none;
}
}
.vw-menu-main .main-menu-item {
transition: all 0.2s ease-out;
}
.vw-menu-main .main-menu-item:not(:first-child) {
margin-left: 4px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.vw-menu-main .main-menu-item {
font-size: 10px;
}
.vw-menu-main .main-menu-item .menu-link {
padding-left: 10px !important;
padding-right: 10px;
}
}
.vw-menu-main .main-menu-item.menu-item-has-children .main-menu-link {
position: relative;
padding-right: 24px;
}
.vw-menu-main .main-menu-item.menu-item-has-children .main-menu-link:after {
content: '\e877';
font-family: "entypo";
font-size: 14px;
font-weight: normal;
display: inline-block;
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
color: #888888;
}
.vw-menu-main .main-menu-link {
padding: 6px 16px;
position: relative;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.vw-menu-main .sub-menu-link span {
display: block;
transition: all 0.2s ease-out;
}
.vw-menu-main .sub-menu-link:hover span {
text-indent: 0.5em;
}
/*//////////////////////////////////////
// Top Menu
//////////////////////////////////////*/
.vw-menu-top .menu-item-depth-0 > .sub-menu {
margin-top: 3px;
}
.vw-menu-top .main-menu-link {
padding: 0px 8px;
color: inherit;
}
.vw-menu-top .sub-menu-link {
color: #666666;
}
.vw-menu-top .sub-menu-item.menu-item-has-children > .sub-menu-link:after {
margin-top: -5px;
}
/*//////////////////////////////////////
// Bottom Menu
//////////////////////////////////////*/
.vw-menu-bottom {
font-size: 11px;
text-transform: uppercase;
}
.vw-menu-bottom .menu-link {
padding-top: 0;
padding-bottom: 0;
}
/*//////////////////////////////////////
// Mobile Menu
//////////////////////////////////////*/
.vw-mobile-nav-button {
display: inline-block;
cursor: pointer;
vertical-align: middle;
width: 40px;
height: 36px;
padding: 10px;
transition: all 0.2s ease-out;
}
.no-touch .vw-mobile-nav-button:hover {
background-color: #111111;
}
.no-touch .vw-mobile-nav-button:hover .vw-hamburger-icon,
.no-touch .vw-mobile-nav-button:hover .vw-hamburger-icon::before,
.no-touch .vw-mobile-nav-button:hover .vw-hamburger-icon::after {
background-color: #FFFFFF;
}
.vw-hamburger-icon {
position: relative;
margin-top: 7px;
margin-bottom: 7px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.vw-hamburger-icon,
.vw-hamburger-icon::before,
.vw-hamburger-icon::after {
display: block;
width: 20px;
height: 2px;
background-color: #222222;
-webkit-transition-property: background-color, -webkit-transform;
-moz-transition-property: background-color, -moz-transform;
-o-transition-property: background-color, -o-transform;
transition-property: background-color, transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.vw-hamburger-icon::before,
.vw-hamburger-icon::after {
position: absolute;
content: "";
}
.vw-hamburger-icon::before {
top: -7px;
}
.vw-hamburger-icon::after {
top: 7px;
}
.vw-menu-location-mobile {
margin: 0;
}
.vw-side-panel__sub-menu .menu-link,
.vw-menu-location-mobile .menu-link {
color: #222222;
}
.vw-side-panel__sub-menu .menu-link:hover,
.vw-menu-location-mobile .menu-link:hover {
text-decoration: none;
}
/* -----------------------------------------------------------------------------
*
* BLOG / ARCHIVE
*
* -------------------------------------------------------------------------- */
/*//////////////////////////////////////
// Page Header
//////////////////////////////////////*/
.vw-page-footer {
margin-bottom: 48px;
}
/*//////////////////////////////////////
// Blog Posts Navigation
//////////////////////////////////////*/
.vw-pagination {
margin-top: 48px;
position: relative;
z-index: 0;
text-align: center;
}
.vw-pagination__title {
margin-right: 0.5em;
display: none;
}
.vw-pagination__divider {
position: absolute;
height: 1px;
width: 100%;
top: -24px;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.05);
}
.vw-pagination__links {
display: inline-block;
padding: 0 8px;
position: relative;
z-index: 1;
}
.vw-pagination__links .page-numbers {
display: inline-block;
padding: 0px;
min-width: 36px;
line-height: 36px;
vertical-align: middle;
float: left;
font-size: 10px;
letter-spacing: 0 !important;
text-align: center;
text-decoration: none;
background-color: #222222;
color: #FFFFFF !important;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.vw-pagination__links .page-numbers span {
display: inline-block;
}
.vw-pagination__links .page-numbers.current {
background: #666666;
}
/*//////////////////////////////////////
// Author Archive Page
//////////////////////////////////////*/
.archive.author .vw-about-author__title {
display: none;
}
/*//////////////////////////////////////
// Search Page
//////////////////////////////////////*/
.vw-about-search {
margin-bottom: 48px;
}
.vw-about-search .widget {
border: none;
padding-top: 0;
padding-bottom: 48px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.vw-about-search__title {
margin-bottom: 24px;
}
.vw-no-search-result {
font-style: italic;
}
/*//////////////////////////////////////
// 404 Page
//////////////////////////////////////*/
.vw-default-404-message {
margin-bottom: 48px;
text-align: center;
}
/* -----------------------------------------------------------------------------
*
* LOOP
*
* -------------------------------------------------------------------------- */
.vw-loop {
position: relative;
}
.vw-inview {
opacity: 0;
transition: all 1s;
transform: translateY(50px);
}
.vw-inview.vw-inview--visible {
opacity: 1;
transform: none;
}
/*//////////////////////////////////////
// LOOP: Grid
//////////////////////////////////////*/
.vw-loop--grid {
width: 100%;
}
.vw-loop--grid .vw-post-box--grid {
height: 100%;
}
.vw-loop--grid-masonry .vw-button,
.vw-loop--grid-3 .vw-button,
.vw-loop--grid-4 .vw-button {
font-size: 9px;
padding: 2px 12px;
line-height: 24px;
}
.vw-loop--grid-4 .vw-post-box--grid .vw-post-box__title {
font-size: 12px;
}
.vw-loop--grid-4 .vw-subtitle {
display: none;
}
.vw-loop--grid-4 .vw-post-box__thumbnail {
margin-bottom: 24px;
}
/*//////////////////////////////////////
// Slider Large
//////////////////////////////////////*/
/**
* Hide another slides from loading
*/
.vw-slides__slide {
/*@include default-transition( opacity )*/
position: relative;
}
.vw-slides--loading .vw-slides__slide {
opacity: 0;
}
.vw-slides--loading .vw-slides__slide:nth-child(n+2) {
display: none;
}
.vw-loop--slider-large {
width: 100%;
height: 100%;
}
.vw-loop--slider-large-2 .vw-post-box--full {
height: 800px;
}
.vw-loop--slider-carousel {
background-color: #FFFFFF;
padding: 0 15px;
}
.vw-loop--slider-carousel .vw-slides__slide {
padding: 30px 15px;
}
.vw-loop--slider-carousel .vw-post-box .vw-post-box__title {
font-size: 26px;
}
@media (min-width: 992px) {
.vw-loop--slider-carousel .vw-post-box .vw-post-box__title {
font-size: 36px;
}
}
/*//////////////////////////////////////
// Fluid Slider
//////////////////////////////////////*/
.vw-gallery--slider-fluid {
min-height: 350px !important;
position: relative;
}
.vw-gallery--slider-fluid .slick-slider,
.vw-gallery--slider-fluid .slick-track,
.vw-gallery--slider-fluid .vw-gallery__thumbnail {
height: 100% !important;
}
.vw-gallery--slider-fluid .slick-list {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.vw-gallery--slider-fluid .vw-gallery__thumbnail {
background-size: cover;
background-repeat: no-repeat;
}
/* -----------------------------------------------------------------------------
*
* POST BOX
*
* -------------------------------------------------------------------------- */
.vw-post-box .wp-post-image {
transition: all 0.2s ease-out;
}
.vw-post-box .vw-post-box__thumbnail-wrapper,
.vw-post-box .vw-post-box__thumbnail {
position: relative;
overflow: hidden;
}
.vw-post-box .vw-post-box__thumbnail-wrapper:hover .wp-post-image,
.vw-post-box .vw-post-box__thumbnail:hover .wp-post-image {
transform: scale(1.3);
-webkit-filter: blur(2px);
filter: blur(2px);
}
.vw-post-box .vw-post-box__thumbnail-wrapper:hover .vw-post-box__overlay,
.vw-post-box .vw-post-box__thumbnail:hover .vw-post-box__overlay {
opacity: 1;
transform: none;
}
.vw-post-box__overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
transform: scale(1.3);
transition: all 0.2s ease-out;
}
.vw-post-box__overlay-icons {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 80%;
text-align: center;
}
.vw-post-box__overlay-icons a {
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block;
border-radius: 50%;
background-color: #FFFFFF;
color: #111111;
transition: all 0.2s ease-out;
}
.vw-post-box__overlay-icons a:not(:last-child) {
margin-right: 5px;
}
.vw-post-box__overlay-icons a:hover {
background-color: #FFFFFF;
color: #111111;
}
/*//////////////////////////////////////
// Post Box: Grid
//////////////////////////////////////*/
.vw-post-box--grid {
padding-bottom: 24px;
background: #FFFFFF;
}
.vw-post-box--grid .vw-post-box__inner {
display: flex;
flex: 1 1 auto;
flex-direction: column;
height: 100%;
}
.vw-post-box--grid .vw-post-box__thumbnail {
display: block;
position: relative;
margin-bottom: 48px;
overflow: hidden;
}
.vw-post-box--grid .vw-post-box__thumbnail:hover .wp-post-image {
transform: scale(1.3);
-webkit-filter: blur(2px);
filter: blur(2px);
}
.vw-post-box--grid .vw-post-box__thumbnail:hover .vw-post-box__overlay {
opacity: 1;
transform: none;
}
.vw-post-box--grid .wp-post-image {
display: block;
margin: 0;
width: 100%;
will-change: transform;
transition: all 0.2s ease-out;
}
.vw-post-box--grid .vw-post-box__title {
margin: 0;
padding: 0 1.5em;
flex: 1 1 auto;
font-size: 14px;
text-align: center;
}
.vw-post-box--grid .vw-subtitle {
margin-bottom: 0;
font-size: 12px;
font-style: italic;
color: #B1B1B1;
}
.vw-post-box--grid .vw-post-box__footer {
margin-top: 24px;
text-align: center;
}
/*//////////////////////////////////////
// Post Box: Full
//////////////////////////////////////*/
.vw-post-box--full {
overflow: hidden;
background-color: #111111;
height: 500px;
position: relative;
display: flex;
justify-content: center;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.vw-post-box--full .vw-post-box__link {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
outline: none;
}
.vw-post-box--full .vw-post-box__inner {
width: 70%;
max-width: 970px;
margin: auto;
display: inline-block;
z-index: 1;
align-self: center;
text-align: center;
}
.vw-post-box--full .vw-post-box__title {
color: #FFFFFF;
margin-bottom: 24px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
font-size: 24px;
}
@media (min-width: 480px) {
.vw-post-box--full .vw-post-box__title {
font-size: 32px;
}
}
@media (min-width: 768px) {
.vw-post-box--full .vw-post-box__title {
font-size: 50px;
}
}
@media (min-width: 992px) {
.vw-post-box--full .vw-post-box__title {
font-size: 60px;
}
}
.vw-post-box--full .vw-post-box__title a:hover {
color: inherit;
}
.vw-post-box--full .vw-post-box__meta .vw-post-date {
display: inline-block;
padding: 14px 19px;
font-size: 10px;
font-weight: bold !important;
line-height: 1;
text-transform: uppercase;
color: #FFFFFF;
background-color: #111111;
}
@media (max-width: 767px) {
.vw-post-box--full .vw-post-box__meta .vw-post-date,
.vw-post-box--full .vw-post-box__meta .vw-button {
font-size: 9px;
padding: 2px 12px;
line-height: 24px;
}
}
.vw-post-box--full .vw-categories {
display: block;
color: rgba(255, 255, 255, 0.7);
margin-bottom: 6px;
position: relative;
z-index: 1;
}
/*//////////////////////////////////////
// Post Box: Medium
//////////////////////////////////////*/
.vw-post-box--medium {
background-color: #FFFFFF;
}
.vw-post-box--medium .vw-post-box__inner {
padding: 24px;
}
.vw-post-box--medium .vw-post-box__title,
.vw-post-box--medium .vw-post-date,
.vw-post-box--medium .vw-post-box__excerpt,
.vw-post-box--medium .vw-post-box__footer {
text-align: center;
}
.vw-post-box--medium .wp-post-image {
margin-bottom: 0;
display: block;
}
.vw-post-box--medium .vw-post-box__title {
font-size: 14px;
margin-top: 24px;
margin-bottom: 12px;
}
.vw-post-box--medium .vw-post-date {
display: block;
font-size: 12px;
font-style: italic;
color: #B1B1B1;
}
.vw-post-box--medium .vw-post-box__excerpt {
margin-top: 24px;
}
/* -----------------------------------------------------------------------------
*
* POST
*
* -------------------------------------------------------------------------- */
.vw-main-post {
padding-bottom: 48px;
margin-bottom: 48px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.vw-main-post .vw-post-media {
margin: 48px 0;
}
.vw-main-post > :first-child {
margin-top: 0;
}
.vw-main-post .wp-video,
.vw-main-post .fluid-width-video-wrapper {
margin-bottom: 48px;
}
.vw-post-header {
margin-bottom: 24px;
}
.vw-post-title {
margin-bottom: 0;
}
.vw-subtitle {
margin-top: 6px;
margin-bottom: 12px;
font-size: 22px;
text-align: center;
color: #999999;
}
/*//////////////////////////////////////
// Post Title Box
//////////////////////////////////////*/
.vw-post-title-box {
margin-bottom: 48px;
}
.vw-post-title-box .vw-categories {
display: block;
margin-bottom: 6px;
text-align: center;
}
.vw-post-title-box .vw-post-title-box__title {
margin-top: 0;
margin-bottom: 24px;
font-size: 44px;
line-height: 1;
}
.vw-post-title-box .vw-subtitle {
margin-bottom: 24px;
}
.vw-post-title-box__meta {
display: block;
margin-top: 12px;
font-size: 11px;
font-style: italic;
text-align: center;
}
.vw-post-title-box__meta,
.vw-post-title-box__meta a {
color: #666666;
}
.vw-post-title-box__meta > * {
margin-right: 15px;
}
.vw-post-title-box__meta x.vw-post-date {
display: inline-block;
padding: 0px 10px;
color: #FFFFFF;
}
/*//////////////////////////////////////
// Post Meta
//////////////////////////////////////*/
.vw-post-meta__placeholder--left {
float: left;
}
.vw-post-meta__placeholder--right {
float: right;
}
/*//////////////////////////////////////
// Categories
//////////////////////////////////////*/
.vw-categories {
display: inline-block;
font-size: 10px;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
color: #B1B1B1;
}
.vw-categories a {
display: inline-block;
position: relative;
color: inherit;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.vw-categories a:hover {
text-decoration: underline;
}
.vw-categories a:not(:last-child) {
margin-right: 1.4em;
}
.vw-categories a:not(:last-child):after {
content: '/';
position: absolute;
right: -1em;
opacity: 0.4;
}
/*//////////////////////////////////////
// Tags
//////////////////////////////////////*/
.vw-tags {
margin-bottom: 12px;
text-align: center;
}
.vw-tags a {
font-style: italic;
padding: 0px 4px;
font-size: 12px;
color: #B1B1B1;
letter-spacing: 1px;
}
.vw-tags a:not(:last-child):after {
display: inline;
content: ',';
}
.vw-tags .vw-icon {
font-size: 16px;
display: none;
}
.vw-tags__title {
margin-right: 6px;
text-transform: uppercase !important;
}
/*//////////////////////////////////////
// Page Links
//////////////////////////////////////*/
.vw-page-links {
margin-bottom: 48px;
text-align: center;
}
.vw-page-links span {
letter-spacing: 0 !important;
}
.vw-page-links > span {
background: #666666;
}
.vw-page-links__title {
display: none;
text-transform: uppercase !important;
font-size: 12px;
}
.vw-page-links__link {
display: inline-block;
padding: 0px 4px;
min-width: 36px;
line-height: 36px;
font-size: 10px;
text-align: center;
background-color: #222222;
color: #FFFFFF !important;
}
a .vw-page-links__link {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
/*//////////////////////////////////////
// Post Location
//////////////////////////////////////*/
.vw-location {
font-size: 14px;
margin-bottom: 12px;
display: block;
}
.vw-location__icon {
font-size: 18px;
}
.vw-location__title {
font-style: italic;
color: inherit;
}
/*//////////////////////////////////////
// Post Media
//////////////////////////////////////*/
.vw-post-media {
position: relative;
}
.vw-post-media > iframe {
display: none;
}
.vw-post-media--featured a,
.vw-post-media--featured img {
display: block;
min-width: 100%;
}
/*//////////////////////////////////////
// Caption
//////////////////////////////////////*/
.vw-caption {
display: inline-block;
padding: 2px 8px;
background: rgba(0, 0, 0, 0.4);
color: #FFFFFF;
}
.vw-floating-caption {
position: absolute;
bottom: 0.5em;
width: 100%;
text-align: center;
}
/*//////////////////////////////////////
// Post Content
//////////////////////////////////////*/
.vw-post-content .vw-embeded {
margin: 0 0 48px 0;
}
.vw-post-content > :first-child {
margin-top: 0;
}
.vw-post-content > :last-child {
margin-bottom: 0;
}
.vw-post-content > h1,
.vw-post-content > h2,
.vw-post-content > h3,
.vw-post-content > h4,
.vw-post-content > h5,
.vw-post-content > h6 {
margin-top: 48px;
margin-bottom: 24px;
}
.vw-content-area--no-sidebar .alignright {
margin-right: -10%;
}
.vw-content-area--no-sidebar .alignleft {
margin-left: -10%;
}
@media (max-width: 1199px) {
.vw-content-area--no-sidebar .alignright {
margin-right: 0;
}
.vw-content-area--no-sidebar .alignleft {
margin-left: 0;
}
}
.vw-post-footer {
margin-top: 48px;
margin-bottom: 24px;
}
.vw-post-footer:empty {
display: none;
}
.vw-post-footer .vw-categories {
display: block;
font-size: 12px;
text-align: center;
color: #222222;
}
/*//////////////////////////////////////
// Post Footer Sections
//////////////////////////////////////*/
.vw-related-posts__title,
.vw-post-comments-title {
margin-bottom: 48px;
font-size: 18px;
text-align: center;
}
/*//////////////////////////////////////
// Post Navigation
//////////////////////////////////////*/
.vw-post-navigation {
margin: 48px 0;
padding: 20px 15px;
background: #FFFFFF;
}
.vw-post-navigation__next,
.vw-post-navigation__previous {
position: relative;
}
.vw-post-navigation__title {
margin: 0px 50px 0 50px;
font-size: 12px;
line-height: 1.6;
}
.vw-post-navigation__icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 33px;
line-height: 33px;
display: inline-block;
border-radius: 50%;
text-align: center;
background-color: #222222;
color: #FFFFFF;
}
.vw-post-navigation__no-link .vw-icon {
display: none;
}
.vw-post-navigation__no-link .vw-post-navigation__title {
font-style: italic;
opacity: 0.5;
}
@media (max-width: 767px) {
.vw-post-navigation {
text-align: center;
}
.vw-post-navigation__icon {
display: none;
}
.vw-post-navigation__next,
.vw-post-navigation__previous {
display: block;
}
.vw-post-navigation__next {
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
}
@media (min-width: 768px) {
.vw-post-navigation {
display: flex;
}
.vw-post-navigation__next,
.vw-post-navigation__previous {
flex: 1;
display: flex;
align-items: center;
}
.vw-post-navigation__next .vw-post-navigation__icon {
transform: scaleX(-1) translateY(-50%);
left: auto;
right: 0;
}
.vw-post-navigation__next .vw-post-navigation__title {
flex: 1;
text-align: right;
}
}
/*//////////////////////////////////////
// About Author
//////////////////////////////////////*/
.vw-about-author {
margin-bottom: 48px;
text-align: center;
}
.vw-about-author .vw-avatar {
display: inline-block;
}
.vw-about-author .avatar {
margin: auto;
}
.vw-about-author__info {
padding: 24px;
font-size: 12px;
background-color: #FFFFFF;
}
.vw-about-author__name {
margin: 24px 0;
font-size: 14px;
}
@media (min-width: 768px) {
.vw-about-author__bio {
padding: 0 15%;
}
}
/*//////////////////////////////////////
// Related Posts
//////////////////////////////////////*/
.vw-related-posts {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-bottom: 48px;
margin-bottom: 48px;
}
/*//////////////////////////////////////
// Comments
//////////////////////////////////////*/
/*//////////////////////////////////////
// Breadcrumbs
//////////////////////////////////////*/
.vw-breadcrumb {
margin-bottom: 24px;
font-size: 12px;
font-weight: bold;
}
.vw-breadcrumb-delimiter {
margin: 0 4px;
}
.vw-woocommerce-breadcrumb {
display: inline-block;
padding: 2px 12px;
font-weight: normal !important;
background-color: #111111;
color: rgba(255, 255, 255, 0.75) !important;
}
.vw-woocommerce-breadcrumb a,
.vw-woocommerce-breadcrumb .vw-breadcrumb-delimiter {
color: #FFFFFF;
}
/*//////////////////////////////////////
// Post Password Form
//////////////////////////////////////*/
.post-password-form {
padding: 24px;
width: 650px;
max-width: 100%;
margin: auto;
text-align: center;
background-color: #FFFFFF;
}
.post-password-form p:last-child {
margin-bottom: 0;
}
/* -----------------------------------------------------------------------------
*
* Comments
*
* -------------------------------------------------------------------------- */
#comments {
margin: 48px 0;
}
#comments .comment-reply-title small {
font-size: 12px;
font-weight: normal;
}
.commentlist {
margin-left: 0;
}
.commentlist,
.commentlist .children {
list-style: none;
}
.commentlist {
padding-left: 0;
}
.comment .avatar {
width: 44px;
float: left;
margin-top: 0;
margin-bottom: 0;
margin-right: 15px;
}
.comment .author {
margin-left: 70px;
}
.comment .date,
.pingback .date {
font-size: 10px;
font-style: italic;
color: #888888;
}
.comment .author-name,
.pingback .author-name {
font-size: 12px;
}
.comment .author-name a,
.pingback .author-name a {
color: inherit;
}
.comment .text,
.pingback .text {
margin-top: 24px;
word-wrap: break-word;
}
.comment .text > :last-child,
.pingback .text > :last-child {
margin-bottom: 0;
}
* + .comment,
* + .pingback,
.commentlist .children {
margin-top: 30px;
}
.commentlist .children {
margin-left: 60px;
padding-left: 0;
}
@media (max-width: 991px) {
.commentlist .children {
margin-left: 40px;
}
}
@media (max-width: 479px) {
.commentlist .children {
margin-left: 20px;
}
}
.commentlist .children .depth-2 {
font-size: 0.8em;
}
.commentlist .children .comment .avatar {
width: 33px;
}
.commentlist .children .comment .author,
.commentlist .children .comment .text {
margin-left: 40px;
}
.commentlist .children .comment .author-name {
margin-top: 0;
}
.comment-body {
padding: 30px;
background-color: #FFFFFF;
}
.children .comment-body {
background-color: rgba(255, 255, 255, 0.7);
}
.form-allowed-tags {
font-size: 11px;
}
.comment-notes {
font-size: 12px;
font-style: italic;
}
.comment-form p {
margin-bottom: 24px;
}
/* =============================================================================
CUSTOM POST TYPE
========================================================================== */
/* -----------------------------------------------------------------------------
*
* CUSTOM POST TYPE: GALLERY
*
* -------------------------------------------------------------------------- */
.vw-gallery-section {
margin-top: 48px;
}
.vw-gallery-section a,
.vw-gallery-section img {
display: block;
}
.vw-gallery-section .vw-flex-grid__item-inner:hover img {
transform: scale(1.3);
-webkit-filter: blur(2px);
filter: blur(2px);
}
.vw-gallery-section--default .vw-flex-grid__item:first-child {
width: 100%;
}
.vw-gallery-layout-full-width .vw-title-area__inner,
.vw-gallery-layout-full-width-kenburns .vw-title-area__inner,
.vw-gallery-layout-full-width-slider .vw-title-area__inner {
display: none;
}
.vw-gallery-layout-full-width-slider .vw-title-area {
margin: 0;
}
/*//////////////////////////////////////
// Gallery Area
//////////////////////////////////////*/
.vw-gallery {
margin-top: 48px;
margin-bottom: 48px;
}
.vw-gallery figure {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
}
.vw-gallery figure img {
width: 100%;
display: block;
transition: all 0.2s ease-out;
}
.vw-gallery figure:hover .vw-gallery__overlay {
opacity: 1;
transform: none;
}
.vw-gallery figcaption {
padding: 0.5em;
font-size: 12px;
font-style: italic;
text-align: center;
position: relative;
}
.vw-gallery figcaption .vw-location {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.vw-gallery figcaption .vw-location__icon {
font-size: 14px;
border-radius: 50%;
background-color: #EEEEEE;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
display: inline-block;
}
.vw-gallery figcaption .vw-location__title {
display: none;
}
.vw-gallery__thumbnail {
position: relative;
overflow: hidden;
}
.vw-gallery__overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
transform: scale(1.3);
transition: all 0.2s ease-out;
}
.vw-gallery__icons {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 80%;
text-align: center;
}
.vw-gallery__icons a {
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block !important;
border-radius: 50%;
background-color: #FFFFFF;
color: #111111;
transition: all 0.2s ease-out;
}
.vw-gallery__icons a:not(:last-child) {
margin-right: 5px;
}
.vw-gallery__icons a:hover {
background-color: #FFFFFF;
color: #111111;
}
.vw-gallery--grid-5 .vw-gallery__item:nth-child(1),
.vw-gallery--grid-6 .vw-gallery__item:nth-child(3n+1) {
width: 100%;
}
/* -----------------------------------------------------------------------------
*
* PHOTO PROOFING
*
* -------------------------------------------------------------------------- */
.vw-gallery__item.vw-approving .vw-gallery__proofing .vw-icon:before {
animation: spin-ccw 4s linear infinite;
content: '\e891';
}
.vw-gallery__item.vw-approved .vw-gallery__proofing {
background-color: #76BD21 !important;
color: #FFFFFF !important;
}
.vw-gallery__item.vw-approved .vw-gallery__proofing-id {
background-color: #76BD21;
color: #FFFFFF;
}
.vw-gallery__item.vw-approved .vw-gallery__proofing-id:after {
display: inline-block;
}
.vw-gallery__proofing-id {
display: inline-block;
padding: 10px 10px;
position: absolute;
top: 15px;
left: 15px;
font-size: 10px;
line-height: 11px;
background-color: #FFFFFF;
color: #111111;
}
.vw-gallery__proofing-id:after {
content: "";
font-family: "entypo";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
display: none;
padding-left: 6px;
color: inherit;
}
/*//////////////////////////////////////
// Filter
//////////////////////////////////////*/
.vw-proofing-filter {
margin-top: 48px;
text-align: center;
}
.vw-proofing-filter a {
min-width: 10em;
}
/* -----------------------------------------------------------------------------
*
* CUSTOM POST TYPE: PORTFOLIO
*
* -------------------------------------------------------------------------- */
.vw-portfolios {
margin-top: 72px;
}
.vw-portfolio-meta {
font-style: italic;
text-align: center;
}
.vw-portfolio-meta .vw-portfolio-meta__inner {
display: inline-block;
padding: 25px 30px;
text-align: left;
background-color: #FFFFFF;
}
.vw-portfolio-meta .vw-portfolio-meta__inner > :last-child {
margin-bottom: 0;
}
.vw-portfolio-meta strong,
.vw-portfolio-meta b {
color: #272727;
font-style: normal;
}
.vw-portfolio-meta strong:not(:first-child),
.vw-portfolio-meta b:not(:first-child) {
margin-left: 0.5em;
}
/*//////////////////////////////////////
// Category filter
//////////////////////////////////////*/
.vw-category-filter {
text-align: center;
}
/* =============================================================================
INCLUDE
========================================================================== */
/* -----------------------------------------------------------------------------
*
* PAGE COMPOSER
*
* -------------------------------------------------------------------------- */
.vwspc-section:not(:last-child) {
margin-bottom: 96px;
}
.vwspc-section.vwspc-section--white .vwspc-section-content {
background-color: #FFFFFF;
padding-top: 48px;
padding-bottom: 48px;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 991px) {
.vwspc-section-sidebar {
margin-top: 30px;
}
}
#vwspc-section-1.vwspc-section-gallery .vw-gallery--slider:first-child,
#vwspc-section-1.vwspc-section-post-slider-section {
margin-top: -72px;
}
/*//////////////////////////////////////
// Section Header
//////////////////////////////////////*/
.vwspc-section-header {
position: relative;
text-align: center;
}
.vwspc-section-header:not(:last-child) {
margin-bottom: 48px;
}
.vwspc-section-title {
margin: 0;
line-height: 1.25em;
text-align: center;
font-size: 22px;
}
@media (min-width: 768px) {
.vwspc-section-title {
font-size: 26px;
}
}
.vwspc-section-subtitle {
display: block;
margin-top: 6px;
font-size: 16px;
font-style: italic;
text-align: center;
color: #B1B1B1;
}
.vwspc-section-mini-more-button {
position: absolute;
right: 0;
}
.vw-more-gallery {
margin: 0 0 0 0;
}
.vw-more-gallery:not(:first-child) {
margin-top: 24px;
}
.vwspc-section-footer {
text-align: center;
}
/*//////////////////////////////////////
// Section: Big Post Slider
//////////////////////////////////////*/
.vwspc-section-big-post-slider-section:last-child {
margin-bottom: 0;
}
/*//////////////////////////////////////
// Section: Post Slider
//////////////////////////////////////*/
.vwspc-section-post-slider-section#vwspc-section-1 .vw-loop--slider-carousel .vw-slides__slide {
padding-top: 0px;
}
/*//////////////////////////////////////
// Section: Post Box with Sidebar
//////////////////////////////////////*/
.vwspc-section-post-box-sidebar {
/* empty */
}
/*//////////////////////////////////////
// Section: Portfolio
//////////////////////////////////////*/
/*//////////////////////////////////////
// Section: Gallery / Portfolio Box
//////////////////////////////////////*/
.vwspc-section-portfolio-box.vwspc-section--white .vw-loop--grid,
.vwspc-section-gallery-box.vwspc-section--white .vw-loop--grid {
margin-bottom: -48px;
}
/*//////////////////////////////////////
// Section: Gallery
//////////////////////////////////////*/
.vwspc-section-gallery .vw-gallery {
margin-bottom: 0;
}
.vwspc-section-gallery.vwspc-section--white .vw-gallery {
margin-bottom: -24px;
background-color: #FFFFFF;
}
.vwspc-gallery-layout-slider-box .vw-gallery,
.vwspc-gallery-layout-slider-full .vw-gallery {
margin: 0;
}
.vwspc-gallery-layout-slider-full .container {
max-width: none;
padding: 0;
}
.vwspc-gallery-layout-slider-box .container {
max-width: none;
padding: 30px;
background-color: #FFFFFF;
}
/*//////////////////////////////////////
// Section: Full Page Link
//////////////////////////////////////*/
.vwspc-section-full-page-link {
text-align: center;
background-color: #000000;
cursor: pointer;
position: relative;
}
.vwspc-section-full-page-link:last-child {
margin-bottom: -72px;
}
.vwspc-section-full-page-link .vw-button:hover {
color: #FFFFFF;
}
@media (max-width: 767px) {
.vwspc-section-full-page-link .vw-full-page-link__header {
padding: 15px 30px;
}
.vwspc-section-full-page-link .vw-full-page-link__title {
font-size: 30px;
}
}
.vwspc-section-full-page-link .container:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.2);
}
.vw-full-page-link__inner {
position: relative;
padding: 160px 0;
overflow: hidden;
}
.vw-full-page-link__background {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-size: cover;
background-position: center;
}
.vw-full-page-link__header {
position: relative;
display: inline-block;
padding: 30px 60px;
}
.vw-full-page-link__title a,
.vw-full-page-link__subtitle a {
text-decoration: none;
color: #FFFFFF;
}
.vw-full-page-link__title {
font-size: 46px;
text-transform: uppercase;
margin: 0 0 15px 0;
}
.vw-full-page-link__subtitle {
font-size: 16px;
font-style: italic;
font-weight: normal;
text-align: center;
color: #B1B1B1;
max-width: 80%;
margin: auto;
margin-bottom: 40px;
}
.vwspc-section-full-page-link.vw-inview--visible .vw-full-page-link__background {
will-change: animation, transform, opacity;
animation-duration: 20s;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
animation-name: kenburns-zoom-in;
}
/*//////////////////////////////////////
// Section: Custom Content
//////////////////////////////////////*/
.vwspc-section-custom-section .vwspc-section-content > :last-child {
margin-bottom: 0;
}
.vwspc-section-custom-section .vwspc-section-content > p:last-child > :last-child {
margin-bottom: 0;
}
.vwspc-section-custom-section .vwspc-section-content > p:first-child > :first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.vwspc-section-custom-section.vwspc-section--white > .container,
.vwspc-section-custom-section.vwspc-section--white .vwspc-section-content {
padding-left: 15px;
padding-right: 15px;
}
}
.vwspc-section-custom-section.vwspc-section--white .vwspc-content-column__inner {
background-color: #FFFFFF;
padding-top: 48px;
padding-bottom: 48px;
padding-left: 30px;
padding-right: 30px;
}
/* -----------------------------------------------------------------------------
*
* SOCIAL ICONS
*
* -------------------------------------------------------------------------- */
.vw-icon-social {
display: inline-block;
text-align: center;
color: inherit;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
/*//////////////////////////////////////
// Icon Sizes
//////////////////////////////////////*/
.vw-icon-social--small {
line-height: 24px;
height: 24px;
width: 24px;
font-size: 11px;
}
.vw-icon-social--medium {
line-height: 24px;
height: 24px;
width: 24px;
font-size: 13px;
}
.vw-icon-social--large {
line-height: 40px;
height: 40px;
width: 30px;
font-size: 13px;
}
/*//////////////////////////////////////
// Icon Color
//////////////////////////////////////*/
.vw-icon-social-twitter:hover {
color: #00ACED;
}
.vw-icon-social-facebook:hover {
color: #3B5998;
}
.vw-icon-social-gplus:hover {
color: #DD4B39;
}
.vw-icon-social-youtube:hover {
color: #BB0000;
}
.vw-icon-social-linkedin:hover {
color: #007BB6;
}
.vw-icon-social-instagram:hover {
color: #517FA4;
}
.vw-icon-social-pinterest:hover {
color: #CB2027;
}
.vw-icon-social-flickr:hover {
color: #FF0084;
}
.vw-icon-social-tumblr:hover {
color: #32506D;
}
.vw-icon-social-vk:hover {
color: #45668E;
}
.vw-icon-social-vimeo:hover {
color: #17B3E8;
}
.vw-icon-social-fivehundredpx:hover {
color: #1B1B1B;
}
.vw-icon-social-dribbble:hover {
color: #EA4C89;
}
.vw-icon-social-twitter:hover {
color: #00ACED;
}
.vw-icon-social-skype:hover {
color: #12A5F4;
}
.vw-icon-social-soundcloud:hover {
color: #FF3A00;
}
/*//////////////////////////////////////
// Site Social Links
//////////////////////////////////////*/
.vw-site-social-links {
display: inline-block;
}
/*//////////////////////////////////////
// User Social Links
//////////////////////////////////////*/
.vw-user-social-links {
display: block;
}
/* -----------------------------------------------------------------------------
*
* SCROLL TO TOP
*
* -------------------------------------------------------------------------- */
.vw-scroll-to-top {
position: absolute;
left: 50%;
top: 0;
transform: translateY(-50%) translateX(-50%);
z-index: 1;
width: 48px;
height: 48px;
display: inline-block;
cursor: pointer;
opacity: 1;
border-radius: 50%;
background-color: #222222;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.vw-scroll-to-top:hover {
transform: translateY(-50%) translateX(-50%) scale(1.1);
}
.vw-scroll-to-top .vw-icon {
display: block;
font-size: 18px;
line-height: 48px;
text-align: center;
color: #FFFFFF;
}
/* -----------------------------------------------------------------------------
*
* POST SHARE
*
* -------------------------------------------------------------------------- */
.vw-post-share-button-wrapper {
display: block;
position: relative;
margin-bottom: -72px;
text-align: center;
}
.vw-post-share-button {
display: inline-block;
border-radius: 50%;
line-height: 48px;
height: 48px;
width: 48px;
color: #FFFFFF;
background-color: #111111;
text-decoration: none !important;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.vw-share-button {
position: relative;
}
.vw-share-button > a {
line-height: 24px;
display: inline-block;
padding: 2px 8px;
cursor: pointer;
color: #444444;
transition: all 0.2s ease-out;
}
.vw-share-button > a i {
margin-right: 5px;
}
.vw-share-button:hover > a {
background-color: #111111;
color: #FFFFFF;
}
.vw-share-button:hover ul {
opacity: 1;
pointer-events: auto;
transform: translateY(0px);
}
.vw-share-button ul {
pointer-events: none;
position: absolute;
margin: 0;
padding: 15px;
background: #F3F3F3;
z-index: 1;
right: 0;
min-width: 195px;
opacity: 0;
list-style: none;
transform: translateY(10px);
text-align: center;
transition: all 0.2s ease-out;
}
.vw-share-button li {
display: inline-block;
margin: 0;
}
.vw-share-button li a {
display: inline-block;
width: 30px;
height: 24px;
line-height: 24px;
color: #444444;
transition: all 0.2s ease-out;
}
.vw-share-button li a:hover {
color: #FFFFFF;
}
/*//////////////////////////////////////
// Post Share Links
//////////////////////////////////////*/
.vw-post-share {
border-top: 1px solid rgba(0, 0, 0, 0.05);
padding-top: 48px;
text-align: center;
}
.vw-post-share__title {
text-transform: uppercase;
}
.vw-post-share__link {
display: inline-block;
width: 80px;
line-height: 2.5em;
background: #111111;
color: #FFFFFF;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.vw-post-share__link:not(:last-child) {
margin-right: 6px;
}
.vw-post-share__link:hover {
color: #FFFFFF;
}
.vw-post-share__link--facebook:hover {
background-color: #3B5998;
}
.vw-post-share__link--twitter:hover {
background-color: #00ACED;
}
.vw-post-share__link--pinterest:hover {
background-color: #CB2027;
}
.vw-post-share__link--gplus:hover {
background-color: #DD4B39;
}
.vw-post-share__link--email:hover {
background-color: #666666;
}
/*//////////////////////////////////////
// Post Share Icons
//////////////////////////////////////*/
.vw-share-link {
color: inherit;
}
.vw-share-link:not(:last-child) {
margin-right: 0.5em;
}
/*//////////////////////////////////////
// Dialog window
//////////////////////////////////////*/
#vw-post-shares-dialog {
background: white;
padding: 72px 48px;
text-align: left;
max-width: 600px;
margin: 48px auto;
position: relative;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
#vw-post-shares-dialog .vw-post-shares-title {
text-align: center;
font-size: 14px;
}
#vw-post-shares-dialog .vw-post-shares-subtitle {
display: block;
font-size: 12px;
text-align: center;
}
#vw-post-shares-dialog .vw-post-shares-socials {
margin-top: 24px;
margin-bottom: 0;
text-align: center;
}
#vw-post-shares-dialog .vw-post-shares-social {
font-size: 30px;
color: #111111;
padding: 12px;
margin-right: 10px;
display: inline-block;
}
#vw-post-shares-dialog .vw-post-shares-social:hover {
opacity: 0.8;
}
@media (max-width: 767px) {
#vw-post-shares-dialog .vw-post-shares-social {
font-size: 18px;
}
}
#vw-post-shares-dialog .vw-post-shares-social-pinterest {
color: #CB2027;
}
#vw-post-shares-dialog .vw-post-shares-social-twitter {
color: #39A9E0;
}
#vw-post-shares-dialog .vw-post-shares-social-facebook {
color: #3B5998;
}
#vw-post-shares-dialog .vw-post-shares-social-gplus {
color: #D14836;
}
#vw-post-shares-dialog button.mfp-close {
margin-top: 5px;
margin-right: 5px;
}
#vw-post-shares-dialog button.mfp-close:hover {
color: #FFFFFF;
}
/* -----------------------------------------------------------------------------
*
* SHORTCODES
*
* -------------------------------------------------------------------------- */
/*//////////////////////////////////////
// ACCORDION
//////////////////////////////////////*/
.vw-accordions {
margin-bottom: 24px;
}
.vw-accordion {
background-color: #FFFFFF;
margin-bottom: 6px;
}
.vw-accordion .ui-icon:before {
content: "";
font-family: "entypo";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
width: 24px;
line-height: 24px;
font-size: 16px;
color: #FFFFFF;
border-radius: 50%;
}
.vw-accordion .ui-accordion-header-active .ui-icon:before {
content: '\e873';
}
.vw-accordion-header {
outline: none;
margin: 0;
cursor: pointer;
position: relative;
padding: 12px 0 12px 15px;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.vw-accordion-header span {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.vw-accordion-header-text {
margin-left: 1em;
font-size: 12px;
}
.vw-accordion-content {
display: none;
padding: 12px 0 36px 50px;
}
/*//////////////////////////////////////
// COLUMN
//////////////////////////////////////*/
.vw-row-shortcode {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 24px;
}
.vw-row-shortcode::after {
content: "";
display: table;
clear: both;
}
.vw-column-shortcode {
position: relative;
float: left;
padding-left: 15px;
padding-right: 15px;
max-width: 100%;
width: 100%;
}
.vw-column-shortcode > :last-child {
margin-bottom: 0;
}
@media (max-width: 991px) {
.vw-row-shortcode > .vw-column-shortcode:not(:last-child) {
margin-bottom: 48px;
}
}
@media (min-width: 992px) {
.vw-one-half {
width: 50%;
}
.vw-one-third {
width: 33.333333333%;
}
.vw-two-third {
width: 66.666666666%;
}
.vw-one-fourth {
width: 25%;
}
.vw-three-fourth {
width: 75%;
}
.vw-one-fifth {
width: 20%;
}
.vw-two-fifth {
width: 40%;
}
.vw-three-fifth {
width: 60%;
}
}
/*//////////////////////////////////////
// 2 Columns
//////////////////////////////////////*/
.vw-2-columns {
margin-bottom: -24px;
}
@media (min-width: 768px) {
.vw-2-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
}
}
/*//////////////////////////////////////
// Content Slider
//////////////////////////////////////*/
.vw-content-slider {
margin-top: 24px;
margin-bottom: 24px;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 2px;
padding: 12px 15px;
}
.vw-content-slider figure {
width: auto !important;
max-width: 100%;
}
.vw-content-slider figure:first-child {
margin-top: 0;
}
.vw-content-slider .vw-slides {
padding-top: 36px;
}
.vw-content-slider .vw-slides__slide {
padding-top: 24px;
}
.vw-content-slider .slick-prev,
.vw-content-slider .slick-next {
top: 24px;
height: 36px;
margin-top: -25px;
}
.vw-content-slider .slick-prev:before,
.vw-content-slider .slick-next:before {
font-size: 18px;
}
.vw-content-slider .slick-prev {
left: auto;
right: 44px;
}
.vw-content-slider .slick-dots {
top: 0;
bottom: auto;
text-align: left;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-bottom: 12px;
}
.vw-content-slider .slick-dots li {
margin: 0;
}
/*//////////////////////////////////////
// DROPCAP
//////////////////////////////////////*/
.vw-dropcap {
font-size: 42px;
font-weight: bold;
line-height: 1em;
float: left;
margin-right: 10px;
margin-top: 4px;
padding: 4px 15px;
display: inline-block;
}
.vw-dropcap-standard {
margin-top: 2px;
margin-right: 10px;
}
.vw-dropcap-circle,
.vw-dropcap-box {
padding: 0;
margin-right: 20px;
font-size: 1.75em;
color: #FFFFFF;
text-align: center;
line-height: 2.0em;
width: 2.0em;
}
.vw-dropcap-circle {
border-radius: 50%;
}
/*//////////////////////////////////////
// GAP
//////////////////////////////////////*/
.vw-gap {
display: block;
}
/*//////////////////////////////////////
// HEADLINE
//////////////////////////////////////*/
.vw-headline {
margin: 48px 0;
display: block;
font-size: 22px;
font-style: italic;
line-height: 1.4;
color: #666666;
}
/*//////////////////////////////////////
// INFOBOX
//////////////////////////////////////*/
.vw-infobox {
margin: 48px 0;
padding: 36px 24px;
text-align: center;
background-color: #FFFFFF;
}
.vw-infobox-title {
margin-bottom: 24px;
font-size: 14px;
color: #111111;
text-transform: uppercase;
}
.vw-infobox-content {
font-size: 1.1em;
margin: 0;
}
/*//////////////////////////////////////
// LIST
//////////////////////////////////////*/
.vw-list-shortcode {
list-style: none;
}
.vw-list-shortcode > li > .vw-icon:first-child {
margin-right: 6px;
color: #111111;
}
/*//////////////////////////////////////
// MARK
//////////////////////////////////////*/
mark.vw-mark-style-yellow {
background-color: #FFCC00;
}
mark.vw-mark-style-grey {
background-color: #CCCCCC;
}
mark.vw-mark-style-dark {
background-color: #000000;
color: #FFFFFF;
}
/*//////////////////////////////////////
// POSTS
//////////////////////////////////////*/
.vw-post-shortcode {
margin-top: 48px;
}
/*//////////////////////////////////////
// QUOTE
//////////////////////////////////////*/
.vw-quote {
position: relative;
}
.vw-quote-icon {
position: absolute;
left: 0px;
top: 0px;
font-size: 24px;
line-height: 32px;
height: 36px;
width: 36px;
color: #FFFFFF;
display: none;
text-align: center;
}
@media (min-width: 768px) {
.vw-quote {
margin-top: 0.5em;
max-width: 40%;
}
.vw-quote-align-right {
float: right;
margin-left: 30px !important;
margin-right: 0;
}
.vw-quote-align-left {
float: left;
margin-left: 0;
margin-right: 30px !important;
}
}
.vw-quote-align-none {
float: none;
max-width: none;
}
.vw-quote-cite {
margin: 12px 0 0 0;
display: block;
color: #888888 !important;
}
/*//////////////////////////////////////
// SIDE CONTENT
//////////////////////////////////////*/
.vw-side-content .vw-gallery__thumbnail {
background-position: 50% 50%;
}
.vw-side-content__gallery {
min-height: 350px;
margin: 0 0 48px 0;
}
@media (min-width: 992px) {
.vw-side-content {
display: flex;
flex-direction: row;
justify-content: center;
align-content: stretch;
align-items: stretch;
}
.vw-side-content__gallery {
flex: 1 1 50%;
margin: 0 48px 0 0;
}
.vw-side-content__content {
flex: 1 1 50%;
}
}
@keyframes vw-side-content-animation {
from {
background-position: 0% 50%;
}
to {
background-position: 100% 50%;
}
}
/*//////////////////////////////////////
// TABS
//////////////////////////////////////*/
.vw-tabs {
margin: 24px 0;
}
.vw-tabs .vw-tab-title {
cursor: pointer;
margin: 0;
text-decoration: none;
font-size: 10px;
}
.vw-tabs .vw-tab-title i {
float: left;
margin-right: 5px;
}
.vw-tabs .vw-tab-title i:before {
text-align: left;
display: inline;
}
.vw-tabs .vw-full-tab {
margin-top: -1px;
font-weight: bold;
background-color: #FFFFFF;
padding: 10px 15px;
}
.vw-tabs .vw-full-tab.active {
border-color: #464646;
}
.vw-tabs .vw-full-tab.active:hover {
color: #FFFFFF;
}
.vw-tabs .vw-tab-content {
display: none;
padding: 24px 24px;
background-color: #FFFFFF;
}
.vw-tabs .vw-tab-content#tab-1 {
border-top-left-radius: 0px;
}
.vw-tabs.vw-style-top-tab .vw-tab-titles {
margin-bottom: -1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.vw-tabs.vw-style-top-tab .vw-tab-title {
padding: 10px 15px;
float: left;
display: inline-block;
margin: 0;
color: inherit;
text-align: center;
border: 1px solid transparent;
}
.vw-tabs.vw-style-top-tab .vw-tab-title.active {
box-shadow: none;
color: #FFFFFF;
}
.vw-tabs.vw-style-top-tab .vw-tab-title:hover {
background-color: #EEEEEE;
}
.vw-tabs.vw-style-top-tab .vw-tab-content {
border-top: none;
border-bottom: none;
}
@media (max-width: 767px) {
.vw-tabs.vw-style-top-tab .vw-tab-title {
float: none;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
}
/*//////////////////////////////////////
// LOGO
//////////////////////////////////////*/
.vw-logo-shortcode {
margin-bottom: 24px;
display: block;
}
/*//////////////////////////////////////
// PRICING TABLE
//////////////////////////////////////*/
.vw-pricing-table {
margin-top: 24px;
margin-bottom: 24px;
}
.vw-pricing-table .vw-column-shortcode:nth-child(2) .vw-pricing-item {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.vw-pricing-table .vw-column-shortcode:nth-child(3) .vw-pricing-item {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.vw-pricing-table .vw-column-shortcode:nth-child(4) .vw-pricing-item {
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.vw-pricing-table .vw-column-shortcode:nth-child(5) .vw-pricing-item {
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.vw-pricing-table .vw-column-shortcode:nth-child(6) .vw-pricing-item {
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.vw-pricing-item {
background-color: #FFFFFF;
}
.vw-pricing-header {
position: relative;
background-color: #111111;
}
.vw-pricing-featured {
border: none;
border-radius: 0;
}
.vw-pricing-title {
margin: 0;
padding: 24px 0;
font-size: 12px;
text-align: center;
text-transform: uppercase;
background-color: #FFFFFF;
}
.vw-pricing-image {
display: block;
-webkit-filter: brightness(0.7);
filter: brightness(0.7);
}
.vw-pricing-info {
text-align: center;
position: relative;
padding: 24px 0;
}
.vw-pricing-image + .vw-pricing-info {
position: absolute;
bottom: 24px;
left: 0;
right: 0;
margin: auto;
}
.vw-pricing-image + .vw-pricing-info .vw-pricing-per {
color: #FFFFFF;
}
.vw-pricing-price {
font-size: 60px;
font-weight: bold;
line-height: 1em;
color: #FFFFFF !important;
}
.vw-pricing-currency {
font-size: 22px;
font-weight: normal;
line-height: 1em;
display: inline-block;
position: absolute;
top: 0;
margin-top: 26px;
margin-left: -1em;
}
.vw-pricing-per {
font-size: 12px;
font-style: italic;
}
.vw-pricing-content {
margin-top: 24px;
padding-bottom: 24px;
text-align: center;
}
.vw-pricing-content ul {
padding: 0 15px;
margin: 0;
list-style: none;
text-align: center;
}
.vw-pricing-content li {
margin: 0;
padding: 12px 15px;
}
.vw-pricing-content p:first-child:empty,
.vw-pricing-content p:last-child:empty {
display: none;
}
.vw-pricing-footer {
text-align: center;
margin-top: 24px;
}
/*//////////////////////////////////////
// TITLE
//////////////////////////////////////*/
.vw-title-shortcode {
font-size: 28px;
text-transform: uppercase;
}
.vw-title-shortcode--left {
text-align: left;
}
.vw-title-shortcode--center {
text-align: center;
}
.vw-title-shortcode--right {
text-align: right;
}
.vw-title-shortcode--medium {
margin-bottom: 48px !important;
font-size: 18px;
}
.vw-title-shortcode--large {
margin-bottom: 48px !important;
}
/*//////////////////////////////////////
// 404
//////////////////////////////////////*/
.vw-404-text {
font-size: 90px;
line-height: 1em;
margin-top: 0;
margin-bottom: 15px;
}
/* -----------------------------------------------------------------------------
*
* INSTANT SEARCH
*
* -------------------------------------------------------------------------- */
.vw-instant-search {
display: inline-block;
position: relative;
}
.vw-instant-search__button {
display: inline-block;
text-align: center;
cursor: pointer;
color: inherit;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.vw-instant-search__button .vw-icon {
display: inline-block;
padding: 0px;
vertical-align: middle;
margin-bottom: -2px;
width: 40px;
line-height: 36px;
height: 36px;
}
.vw-instant-search__button .vw-icon:before {
line-height: inherit;
font-size: 20px;
}
.vw-instant-search__panel {
margin: 0;
z-index: 1000000;
padding: 24px;
position: absolute;
width: 330px;
right: 0;
top: 100%;
font-size: 11px;
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.05);
}
.vw-instant-search__panel #s {
width: 100%;
color: #000000;
outline: none;
}
.vw-instant-search__panel .vw-loading-icon {
display: none;
}
.vw-instant-search__panel .vw-loading-icon .sk-three-bounce .sk-child {
width: 12px;
height: 12px;
margin-left: 6px;
}
/*//////////////////////////////////////
// Search Result
//////////////////////////////////////*/
.vw-instant-search__result {
list-style: none;
padding: 0;
margin: 24px 0 0 0;
z-index: 1000;
}
.vw-instant-search__result:empty {
margin: 0;
}
.vw-instant-search__result > li {
padding: 12px 0;
margin: 0;
text-align: left;
}
.vw-instant-search__result > li + li {
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.vw-instant-search__result-item {
line-height: 1.4em;
}
.vw-instant-search__result-thumbnail {
float: left;
width: 60px;
}
.vw-instant-search__result-thumbnail img {
margin: 0;
}
.vw-instant-search__result-link {
display: block;
text-decoration: none;
}
.vw-instant-search__result-thumbnail + .vw-instant-search__result-content {
margin-left: 80px;
}
.vw-instant-search__result-title {
margin-bottom: 0.5em;
word-break: break-word;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font-size: 12px;
}
.vw-instant-search__result-date {
font-size: 10px;
font-style: italic;
color: #BBBBBB;
}
.vw-instant-search__result > li.vw-instant-search__all-result {
padding-bottom: 0;
margin-bottom: 0;
font-weight: bold;
}
/* -----------------------------------------------------------------------------
*
* Animate
*
* -------------------------------------------------------------------------- */
.vw-animate {
width: 100%;
}
@keyframes spin-ccw {
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2016 Daniel Eden
*/
.vw-animate.vw-inview--visible,
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
/*
* Usage:
*
<div class="sk-three-bounce">
<div class="sk-child sk-bounce1"></div>
<div class="sk-child sk-bounce2"></div>
<div class="sk-child sk-bounce3"></div>
</div>
*
*/
.sk-three-bounce {
margin: 40px auto;
width: 80px;
text-align: center;
}
.sk-three-bounce .sk-child {
width: 20px;
height: 20px;
background-color: #333333;
border-radius: 100%;
display: inline-block;
animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}
.sk-three-bounce .sk-bounce1 {
animation-delay: -0.32s;
}
.sk-three-bounce .sk-bounce2 {
animation-delay: -0.16s;
}
@keyframes sk-three-bounce {
0%,
80%,
100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
/* -----------------------------------------------------------------------------
*
* UTILITY
*
* -------------------------------------------------------------------------- */
.clearfix::after {
content: "";
display: table;
clear: both;
}
.hidden {
display: none !important;
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
.visible-xs {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
}
/*//////////////////////////////////////
// Loading icon
//////////////////////////////////////*/
.vw-loading-icon {
height: 35px;
width: 100%;
}
/*//////////////////////////////////////
// Instagram Icon
//////////////////////////////////////*/
.vw-instagram-icon {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI1Ni43cHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1Ni43IDU2Ljc7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1Ni43IDU2LjciIHdpZHRoPSI1Ni43cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwYXRoIGQ9Ik0yOC4yLDE2LjdjLTcsMC0xMi44LDUuNy0xMi44LDEyLjhzNS43LDEyLjgsMTIuOCwxMi44UzQxLDM2LjUsNDEsMjkuNVMzNS4yLDE2LjcsMjguMiwxNi43eiBNMjguMiwzNy43ICAgYy00LjUsMC04LjItMy43LTguMi04LjJzMy43LTguMiw4LjItOC4yczguMiwzLjcsOC4yLDguMlMzMi43LDM3LjcsMjguMiwzNy43eiIvPjxjaXJjbGUgY3g9IjQxLjUiIGN5PSIxNi40IiByPSIyLjkiLz48cGF0aCBkPSJNNDksOC45Yy0yLjYtMi43LTYuMy00LjEtMTAuNS00LjFIMTcuOWMtOC43LDAtMTQuNSw1LjgtMTQuNSwxNC41djIwLjVjMCw0LjMsMS40LDgsNC4yLDEwLjdjMi43LDIuNiw2LjMsMy45LDEwLjQsMy45ICAgaDIwLjRjNC4zLDAsNy45LTEuNCwxMC41LTMuOWMyLjctMi42LDQuMS02LjMsNC4xLTEwLjZWMTkuM0M1MywxNS4xLDUxLjYsMTEuNSw0OSw4Ljl6IE00OC40LDM5LjljMCwzLjEtMC45LDUuNi0yLjcsNy4zICAgYy0xLjgsMS43LTQuMywyLjYtNy4zLDIuNkgxOGMtMywwLTUuNS0wLjktNy4zLTIuNkM4LjksNDUuNCw4LDQyLjksOCwzOS44VjE5LjNjMC0zLDAuOS01LjUsMi43LTcuM2MxLjctMS43LDQuMy0yLjYsNy4zLTIuNmgyMC42ICAgYzMsMCw1LjUsMC45LDcuMywyLjdjMS43LDEuOCwyLjcsNC4zLDIuNyw3LjJWMzkuOXoiLz48L2c+PC9zdmc+");
background-repeat: no-repeat;
background-position: center;
background-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
vertical-align: middle;
}
/*//////////////////////////////////////
// Ajax preloader icon
//////////////////////////////////////*/
/*
* Usage:
*
<div class="sk-folding-cube">
<div class="sk-cube1 sk-cube"></div>
<div class="sk-cube2 sk-cube"></div>
<div class="sk-cube4 sk-cube"></div>
<div class="sk-cube3 sk-cube"></div>
</div>
*
*/
.sk-folding-cube {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative;
transform: rotateZ(45deg);
}
.sk-folding-cube .sk-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #333333;
animation: sk-foldCubeAngle 2.4s infinite linear both;
transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
animation-delay: 0.9s;
}
@keyframes sk-foldCubeAngle {
0%,
10% {
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
.vw-preloader {
position: absolute;
top: 24px;
left: 50%;
transform: translateX(-50%);
}
/*//////////////////////////////////////
// Post format icons
//////////////////////////////////////*/
.vw-audio-icon-bg {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAACHFBMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8EoJZ8AAAAs3RSTlMAywYFDP7u9Ix04QPwjjshB9RhBOuP+9yEJ/WTAkWNG2OrbbX9Ph/O8vczGR5BqMhrrnD2ZczRULd+wUDlZIix1fkWwF7kAUQqC9lYGoHJZ6q5CSZdtJWkQoUjR+yKKPEO15kYvVuePB3mx2oIS2/WElX6mBed4ByixqdKbk+SMHO2VJc12njfoT+CIKbphyVo85EQ+HcVups5fONiSIspCk0ucQ/YdhSaOL5cgMMto3l9/BpPqnQAAALOSURBVHja7dblbhtREIbhsV07bdgQZmZmZmYsMzMzMzMzM/e7wR5BqkTxrnWs7k4rnef3aPRKIxhSFEVRFEUxx5yqVduJTfeJNS1AALF48fL0Pgg8ATGl9+8A4AkYPRwXBYEnYFFqdQ4AnoDwxbfOQuAJuLx5IhYAT4C1K2QlBJ6A/KGmmwB4AmwFS50QeAKSGkqyAfAEuDMaKyHwBKx2pQQD4AkICo3OsgPgCWhtL3RA4AmIGbDYAfAFzAWgAlTA/xSQXlRTxxfgmb/2PdEcngC7ZeBjPAksAY7C9lYSWALsWdGhQSSwBASnuPJI4AmobMxwk8ASkF1Svp8EngDnswIbCSwBAU038kngCXgbkhBOAktAWVpxGAlcAce2kMAYMI9UgApQASpABaiAfzkg0xVXvSnra+HPAhtDgPXJIP5wTI6ZHbAzEDP8+m5qwIphaDAnIMkJ1oA9UWANCLeANyACvAG56cwBI+ANeAXmgBDugCjmgH4YF3Avo68hueqbWzcgwaiA4yG9Uxsmxke1A5KNCXj4CdN5fkxqBWwzIqDngx2zaASkGhAQ1owpvgPG4UMgyYrZCImAUPiQRpLyAiET8CYd+qJJTlAtpALIAn0JJOc1JAPOQdcSN0nZkS0b0N8CPYkk5wtkA+gBdORsICnx9fIBecuhbSHJuQj5ACqHpuZwknNJPkC4AA3By0hSml8BtpPwKraOZPX6FUDWK/DCs56kefwKEFLLZo3WZpK8YPhQShrChu2YrsMVT36ohw/JpOl54uOpqV0jn23kFwt8eEp6xvoeJcZdK17QQ/46AB/yyVhDEt+FITLt0LWbjNYGXaFktKPQU0SG6xyEji4yXm4kNB0iM7yDlvO3yRR74Z2jm8wRtA7eXM0l09yNxCwVYWSiMxWYKafGSqbqPHVw+vUjksh814+kOB2RsR1tEVutpCiKoiiK8vf9BnogBYPV/W28AAAAAElFTkSuQmCC");
background-repeat: no-repeat;
background-position: center;
background-size: 22px;
}
.vw-video-icon-bg {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAB3VBMVEVMaXH////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////49NrfAAAAnnRSTlMA+P0jAvnz+v4BBPGP9vsDEU0JDhMYQcfriScsMTbgX0XQDE/VeJzA5MWH7nK1v+gkiw9S/L7nhWZH7Chrri1ws5QyuDfcep48wmCjZajMaghLjtENk9ZVmBdaO34cwaLlg2Sn6ibLB++NK/RUFrtZOn0boT+CIOnKBm0LkS/UljTZdxW6WF3jH8lnBe3ObAqvkNO0ldgUuVea3T3iw+BpUSwAAAIZSURBVHja7dpVUh1AEEDRfirwFA+EBIIGAgECcXd3d3d3d9zde61UURRdLAAuH3NXcD5nultcLpfL5XIt7yJCdik3FKhICVa9zrbvgTCV6FyBqm9CVKvztY4JUFDVanoqS54uKH42kwFYG1sggDX9AwZo454kA7Du340wAKv9NwxQ73gWA7C6TvkZgNX9GgZo+N0VBmCl70pjANbAewhg3XsLAzT4t5MBWMNFEMDa0QYDNPbmEQOwDpyBANagDwao504GA7BWbYAA1mg+DNDQijUMwKp8BQGsigIYoPH+BgZgrV8dYQDW2pUwQL2/kgzAytvsZwDW50IYoOHyEQZgVfckGIBVfBgCWMeyYYCmr0tjAFZpDgSwLtAAPUgDQnUwQKM04CINCNAADw0opQFPYEDABwPKhAVEBQWcmxQS8PhrQkBA+NAL9EFycj/6JNva4RcQ4L2chT7Lc/eiH5NPRyMCAhq/N6Cf05s70e/57avohCRUf15IwMtt6JBq6jk6pvNs6hUSUFOHjmonUuiwOnb9tJCAvo/owuLPFnRl86zsi5CAEzfQtd3PHGhxafMnEBC+lY0ur4uvoev76u0J9ISj/B96wvGwED1iyTvuRw+ZhpLQIZPtoxCAbeRAQDyaiZ7z1RagB42VzcxJp23m0bPe//my5DUtuM4ASulcng8ZglSls+32CVXJkViwpkhcLpfL5XK5FrkZr6GbkPcMMAEAAAAASUVORK5CYII=");
background-repeat: no-repeat;
background-position: center;
background-size: 22px;
}
.vw-gallery-icon-bg {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAB41BMVEVMaXH////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////TJ4eaAAAAoHRSTlMACf70Dvj8/QEEIPMFAg3lERYLH/Ln+1sIvCEHDAYQFboUHqcPA6l1E3oiElXQ2oLP1KoK9xmEzdJwGOvw+l9A7zV4u1nAoeSmKndYGl3jhmftzlJ7tUKFI+yKKEzxs/aUVpk33DzhQUaJJ8ytjtH1k9Z0mBdaHMGDxkWIjStuT5Iw1VT5XofK7oywTpFT2TnefKCl6Cm0M3ZXmp+Ac5bDAHDI1AAAAwFJREFUeNrt1gVTG0EYxvE3LpBCIFiQAEEKxYtbcXepu7u7u7t7n49ahgBJLhe729t0pvv7BP95dmfvSBAEQRAEIcDEsXoTNGeqf9xEsi4lgRPXN5Ixrgc3+ioK0e4CR7ucJNUMrmpJqhVc1ZGUCVztISlwFjZAP91Emrl8M3rADdLU3agBTaSp0agBpK0iEZDogPX/TUDlQk6G2ZyRU+FOSIC7wYIVljI7BdjAJWDSgACGLN4BXyFRzjdgEiH8G6RqH+A2IERSOseABsjw8guotECGxc4tYAGy+sinQPOAHMgq5BaQAVkp3ALMkJVJPiWJCuiSD+B/BCWJvoRGzQMqIGuMW4A7zEPELYDKIGOEVqzTPsAu9zEqZhqQlk+RZCHEALELME5PwdLSbaXwyiFxntgFpB/EsgZbpA2SgvYfIL88lQHr6rFiyBop0+v/KR0pJnYBjt1Yc4oisfcVpmR2pRSO2YkYBmxHgApSIE1VwCMEmeEd8MaEIJYqvgHFHyHx8DrFa6PygLQ6hDAc4BdgPQkZs6PcAq5C1nA6xUWnNGAcYdQ4ScrjYR/Q24hwWowU5NAJoHoT44CJFIQ3mE0B2sxYkvmCaYDuCSJ5XkqrbBfg0xhmg2xFAV5E9sNKPgX9WOX6wi7gHaJ5Scsqz8GvYwergHk9ohrKI6IHHQg0VUyhcuMPuGdADJ6W7a+GxGsPi4CLh6HYnFF9QO41qHBFRxL58Qa8hyqfbSoDyqHSB6uqgJ0WqLWXgiTHFXDLBfVqlQcUvQULbUoDkgfBhL5bYcB3MGK+Q2tssQfcBjOmzQoCjprBTlJv3AHHe8DStk/kUxpjQGoN2BpOjyvA1g/WapzxBJwFe3UltMQRU8AMtPBHF2vAkUxoYjE5toCts9CI10HW6AHG+9DM7xgCHIvQUHP0gGfQ1K/wAXzoEx0AESACRIAIEAH/boAJXJ0hqWpwNUdSteDqJ0k5O8FRj4dCVOnBjWWeZOxzgZPOVySrfUurCZprPN3sJEEQBEEQBL+/JENcFtKc3UcAAAAASUVORK5CYII=");
background-repeat: no-repeat;
background-position: center;
background-size: 22px;
}
/*//////////////////////////////////////
// Star icon
//////////////////////////////////////*/
.vw-stars-icon,
.vw-stars-icon__full-star {
display: inline-block;
height: 12px;
background: url("images/stars.png") no-repeat;
background-size: 63px 24px;
}
.vw-stars-icon {
position: relative;
vertical-align: middle;
width: 63px;
margin-top: -2px;
background-position: left top;
}
.vw-stars-icon__full-star {
position: absolute;
left: 0;
top: 0;
background-position: left bottom;
}
.vw-stars-icon--large {
width: 95px;
}
.vw-stars-icon--large,
.vw-stars-icon--large .vw-stars-icon__full-star {
height: 18px;
background-size: 95px 36px;
}
/*//////////////////////////////////////
// Kenburns
//////////////////////////////////////*/
@keyframes kenburns-zoom-in {
0% {
opacity: 0;
}
4% {
opacity: 1;
}
100% {
transform: scale3d(1.4, 1.4, 1.4) translate3d(0px, 0px, 0px);
}
}
@keyframes kenburns-zoom-in-top-left {
0% {
opacity: 0;
}
4% {
opacity: 1;
}
100% {
transform: scale3d(1.4, 1.4, 1.4) translate3d(-100px, -50px, 0px);
}
}
@keyframes kenburns-zoom-in-top-right {
0% {
opacity: 0;
}
4% {
opacity: 1;
}
100% {
transform: scale3d(1.4, 1.4, 1.4) translate3d(100px, -50px, 0px);
}
}
@keyframes kenburns-zoom-in-bottom-left {
0% {
opacity: 0;
}
4% {
opacity: 1;
}
100% {
transform: scale3d(1.4, 1.4, 1.4) translate3d(-100px, 50px, 0px);
}
}
@keyframes kenburns-zoom-in-bottom-right {
0% {
opacity: 0;
}
4% {
opacity: 1;
}
100% {
transform: scale3d(1.4, 1.4, 1.4) translate3d(100px, 50px, 0px);
}
}
/* -----------------------------------------------------------------------------
*
* VEGAS
*
* -------------------------------------------------------------------------- */
.vegas-wrapper,
.vegas-overlay,
.vegas-timer,
.vegas-slide,
.vegas-slide-inner {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
border: none;
padding: 0;
margin: 0;
}
.vegas-overlay {
opacity: .5;
background: transparent url(overlays/02.png) center center repeat;
}
.vegas-timer {
top: auto;
bottom: 0;
height: 2px;
}
.vegas-timer-progress {
width: 0%;
height: 100%;
background: white;
-webkit-transition: width ease-out;
transition: width ease-out;
}
.vegas-timer-running .vegas-timer-progress {
width: 100%;
}
.vegas-slide,
.vegas-slide-inner {
margin: 0;
padding: 0;
background: transparent center center no-repeat;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
body .vegas-container {
overflow: hidden !important;
position: relative;
}
.vegas-video {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
}
body.vegas-container {
overflow: auto;
position: static;
z-index: -2;
}
body.vegas-container > .vegas-timer,
body.vegas-container > .vegas-overlay,
body.vegas-container > .vegas-slide {
position: fixed;
z-index: -1;
}
/* Target Safari IOS7+ in order to add 76px */
_::full-page-media,
_:future,
:root body.vegas-container > .vegas-slide,
:root body.vegas-container > .vegas-overlay {
bottom: -76px;
}
/*************************
Transitions
*************************/
/* fade */
.vegas-transition-fade,
.vegas-transition-fade2 {
opacity: 0;
}
.vegas-transition-fade-in,
.vegas-transition-fade2-in {
opacity: 1;
}
.vegas-transition-fade2-out {
opacity: 0;
}
/* blur */
.vegas-transition-blur,
.vegas-transition-blur2 {
opacity: 0;
-webkit-filter: blur(32px);
filter: blur(32px);
}
.vegas-transition-blur-in,
.vegas-transition-blur2-in {
opacity: 1;
-webkit-filter: blur(0px);
filter: blur(0px);
}
.vegas-transition-blur2-out {
opacity: 0;
}
/* flash */
.vegas-transition-flash,
.vegas-transition-flash2 {
opacity: 0;
-webkit-filter: brightness(25);
filter: brightness(25);
}
.vegas-transition-flash-in,
.vegas-transition-flash2-in {
opacity: 1;
-webkit-filter: brightness(1);
filter: brightness(1);
}
.vegas-transition-flash2-out {
opacity: 0;
-webkit-filter: brightness(25);
filter: brightness(25);
}
/* negative */
.vegas-transition-negative,
.vegas-transition-negative2 {
opacity: 0;
-webkit-filter: invert(100%);
filter: invert(100%);
}
.vegas-transition-negative-in,
.vegas-transition-negative2-in {
opacity: 1;
-webkit-filter: invert(0);
filter: invert(0);
}
.vegas-transition-negative2-out {
opacity: 0;
-webkit-filter: invert(100%);
filter: invert(100%);
}
/* burn */
.vegas-transition-burn,
.vegas-transition-burn2 {
opacity: 0;
-webkit-filter: contrast(1000%) saturate(1000%);
filter: contrast(1000%) saturate(1000%);
}
.vegas-transition-burn-in,
.vegas-transition-burn2-in {
opacity: 1;
-webkit-filter: contrast(100%) saturate(100%);
filter: contrast(100%) saturate(100%);
}
.vegas-transition-burn2-out {
opacity: 0;
-webkit-filter: contrast(1000%) saturate(1000%);
filter: contrast(1000%) saturate(1000%);
}
/* slideLeft */
.vegas-transition-slideLeft,
.vegas-transition-slideLeft2 {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.vegas-transition-slideLeft-in,
.vegas-transition-slideLeft2-in {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.vegas-transition-slideLeft2-out {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
/* slideRight */
.vegas-transition-slideRight,
.vegas-transition-slideRight2 {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.vegas-transition-slideRight-in,
.vegas-transition-slideRight2-in {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.vegas-transition-slideRight2-out {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
/* slideUp */
.vegas-transition-slideUp,
.vegas-transition-slideUp2 {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.vegas-transition-slideUp-in,
.vegas-transition-slideUp2-in {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.vegas-transition-slideUp2-out {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
/* slideDown */
.vegas-transition-slideDown,
.vegas-transition-slideDown2 {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.vegas-transition-slideDown-in,
.vegas-transition-slideDown2-in {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.vegas-transition-slideDown2-out {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
/* zoomIn */
.vegas-transition-zoomIn,
.vegas-transition-zoomIn2 {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.vegas-transition-zoomIn-in,
.vegas-transition-zoomIn2-in {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.vegas-transition-zoomIn2-out {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
/* zoomOut */
.vegas-transition-zoomOut,
.vegas-transition-zoomOut2 {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
.vegas-transition-zoomOut-in,
.vegas-transition-zoomOut2-in {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.vegas-transition-zoomOut2-out {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
/* swirlLeft */
.vegas-transition-swirlLeft,
.vegas-transition-swirlLeft2 {
-webkit-transform: scale(2) rotate(35deg);
transform: scale(2) rotate(35deg);
opacity: 0;
}
.vegas-transition-swirlLeft-in,
.vegas-transition-swirlLeft2-in {
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
opacity: 1;
}
.vegas-transition-swirlLeft2-out {
-webkit-transform: scale(2) rotate(-35deg);
transform: scale(2) rotate(-35deg);
opacity: 0;
}
/* swirlRight */
.vegas-transition-swirlRight,
.vegas-transition-swirlRight2 {
-webkit-transform: scale(2) rotate(-35deg);
transform: scale(2) rotate(-35deg);
opacity: 0;
}
.vegas-transition-swirlRight-in,
.vegas-transition-swirlRight2-in {
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
opacity: 1;
}
.vegas-transition-swirlRight2-out {
-webkit-transform: scale(2) rotate(35deg);
transform: scale(2) rotate(35deg);
opacity: 0;
}
/*************************
Animations
*************************/
.vegas-animation-kenburns {
-webkit-animation: kenburns ease-out;
animation: kenburns ease-out;
}
@-webkit-keyframes kenburns {
0% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes kenburns {
0% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.vegas-animation-kenburnsUp {
-webkit-animation: kenburnsUp ease-out;
animation: kenburnsUp ease-out;
}
@-webkit-keyframes kenburnsUp {
0% {
-webkit-transform: scale(1.2) translate(0, 5%);
transform: scale(1.2) translate(0, 5%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsUp {
0% {
-webkit-transform: scale(1.2) translate(0, 5%);
transform: scale(1.2) translate(0, 5%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
.vegas-animation-kenburnsDown {
-webkit-animation: kenburnsDown ease-out;
animation: kenburnsDown ease-out;
}
@-webkit-keyframes kenburnsDown {
0% {
-webkit-transform: scale(1.2) translate(0, -5%);
transform: scale(1.2) translate(0, -5%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsDown {
0% {
-webkit-transform: scale(1.2) translate(0, -5%);
transform: scale(1.2) translate(0, -5%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
.vegas-animation-kenburnsLeft {
-webkit-animation: kenburnsLeft ease-out;
animation: kenburnsLeft ease-out;
}
@-webkit-keyframes kenburnsLeft {
0% {
-webkit-transform: scale(1.2) translate(5%, 0);
transform: scale(1.2) translate(5%, 0);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsLeft {
0% {
-webkit-transform: scale(1.2) translate(5%, 0);
transform: scale(1.2) translate(5%, 0);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
.vegas-animation-kenburnsRight {
-webkit-animation: kenburnsRight ease-out;
animation: kenburnsRight ease-out;
}
@-webkit-keyframes kenburnsRight {
0% {
-webkit-transform: scale(1.2) translate(-5%, 0);
transform: scale(1.2) translate(-5%, 0);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsRight {
0% {
-webkit-transform: scale(1.2) translate(-5%, 0);
transform: scale(1.2) translate(-5%, 0);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
.vegas-animation-kenburnsUpLeft {
-webkit-animation: kenburnsUpLeft ease-out;
animation: kenburnsUpLeft ease-out;
}
@-webkit-keyframes kenburnsUpLeft {
0% {
-webkit-transform: scale(1.2) translate(5%, 5%);
transform: scale(1.2) translate(5%, 5%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsUpLeft {
0% {
-webkit-transform: scale(1.2) translate(5%, 5%);
transform: scale(1.2) translate(5%, 5%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
.vegas-animation-kenburnsUpRight {
-webkit-animation: kenburnsUpRight ease-out;
animation: kenburnsUpRight ease-out;
}
@-webkit-keyframes kenburnsUpRight {
0% {
-webkit-transform: scale(1.2) translate(-5%, 5%);
transform: scale(1.2) translate(-5%, 5%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsUpRight {
0% {
-webkit-transform: scale(1.2) translate(-5%, 5%);
transform: scale(1.2) translate(-5%, 5%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
.vegas-animation-kenburnsDownLeft {
-webkit-animation: kenburnsDownLeft ease-out;
animation: kenburnsDownLeft ease-out;
}
@-webkit-keyframes kenburnsDownLeft {
0% {
-webkit-transform: scale(1.2) translate(5%, -5%);
transform: scale(1.2) translate(5%, -5%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsDownLeft {
0% {
-webkit-transform: scale(1.2) translate(5%, -5%);
transform: scale(1.2) translate(5%, -5%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
.vegas-animation-kenburnsDownRight {
-webkit-animation: kenburnsDownRight ease-out;
animation: kenburnsDownRight ease-out;
}
@-webkit-keyframes kenburnsDownRight {
0% {
-webkit-transform: scale(1.2) translate(-5%, -5%);
transform: scale(1.2) translate(-5%, -5%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsDownRight {
0% {
-webkit-transform: scale(1.2) translate(-5%, -5%);
transform: scale(1.2) translate(-5%, -5%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
/* -----------------------------------------------------------------------------
*
* MAGINIFIC POPUP
*
* -------------------------------------------------------------------------- */
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #FFFFFF;
opacity: 0.95;
filter: alpha(opacity=95);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCCCCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCCCCC;
}
.mfp-preloader a:hover {
color: #FFFFFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFFFFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFFFFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCCCCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFFFFF;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFFFFF;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.6);
background: #000000;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.6);
background: #444444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
.mfp-wrap {
z-index: 1000000;
}
.mfp-image-holder .mfp-close {
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
padding: 0;
right: 0;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
display: none;
}
.mfp-figure {
box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
}
.mfp-figure figure {
padding: 30px;
}
.mfp-figure .mfp-img {
padding: 0;
margin-bottom: 20px;
max-height: 90vh !important;
}
.mfp-counter,
.mfp-title {
padding: 0 30px;
font-size: 14px;
color: #666666;
}
@media (max-width: 767px) {
.mfp-counter,
.mfp-title {
font-size: 12px;
}
}
.mfp-counter .mfp-counter {
position: static;
padding: 0;
margin-right: 15px;
}
.mfp-counter .mfp-counter:after {
content: '';
height: 20px;
display: inline-block;
border-left: 1px solid #EEEEEE;
margin-bottom: -5px;
margin-left: 15px;
}
.vw-mfp-share a {
display: inline-block;
vertical-align: middle;
font-size: 12px;
}
.vw-mfp-share a:not(:last-child) {
margin-right: 10px;
}
.vw-mfp-share a:hover {
color: #000000;
}
.mfp-title {
padding-right: 5em;
}
button.mfp-arrow {
color: #222222;
opacity: 1;
border-radius: 50%;
width: 50px;
height: 50px;
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
margin-top: 5px;
}
.mfp-arrow-left {
margin-left: 15px;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
margin-left: 12px;
border-right-color: #222222;
}
.mfp-arrow-right {
margin-right: 15px;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
margin-left: 20px;
border-left-color: #222222;
}
/*//////////////////////////////////////
// LIGHTBOX NAVIGATION
//////////////////////////////////////*/
.mfp-arrow:hover,
.no-touch .mfp-arrow:hover,
.mfp-close:hover,
.no-touch .mfp-close:hover {
background-color: rgba(0, 0, 0, 0.9);
}
.mfp-arrow:hover.mfp-arrow-right:after,
.no-touch .mfp-arrow:hover.mfp-arrow-right:after,
.mfp-close:hover.mfp-arrow-right:after,
.no-touch .mfp-close:hover.mfp-arrow-right:after {
border-left-color: #FFFFFF !important;
}
.mfp-arrow:hover.mfp-arrow-left:after,
.no-touch .mfp-arrow:hover.mfp-arrow-left:after,
.mfp-close:hover.mfp-arrow-left:after,
.no-touch .mfp-close:hover.mfp-arrow-left:after {
border-right-color: #FFFFFF !important;
}
.mfp-image-holder .mfp-close {
margin-right: 0;
right: 0;
}
/*//////////////////////////////////////
// FADE-ZOOM ANIMATION
//////////////////////////////////////*/
/* start state */
.my-mfp-zoom-in .mfp-content {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready .mfp-content {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing .mfp-content {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
opacity: 0.001;
/* Chrome opacity transition bug */
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.95;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
/*//////////////////////////////////////
// FADE-MOVE ANIMATION
//////////////////////////////////////*/
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
-moz-transform: translateY(0) perspective(600px) rotateX(0);
-ms-transform: translateY(0) perspective(600px) rotateX(0);
-o-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0);
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;
-webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
opacity: 0.01;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
}
/*//////////////////////////////////////
// FADE ANIMATION
//////////////////////////////////////*/
/* overlay at start */
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
/* -----------------------------------------------------------------------------
*
* TIPSY
*
* -------------------------------------------------------------------------- */
.tipsy {
font-size: 10px;
position: absolute;
padding: 5px;
z-index: 100000;
}
.tipsy-inner {
background-color: #000000;
color: #FFFFFF;
max-width: 200px;
padding: 5px 8px 4px 8px;
text-align: center;
}
/* Rounded corners */
.tipsy-inner {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
.tipsy-arrow {
position: absolute;
width: 0;
height: 0;
line-height: 0;
border: 5px dashed #000000;
}
/* Rules to colour arrows */
.tipsy-arrow-n {
border-bottom-color: #000000;
}
.tipsy-arrow-s {
border-top-color: #000000;
}
.tipsy-arrow-e {
border-left-color: #000000;
}
.tipsy-arrow-w {
border-right-color: #000000;
}
.tipsy-n .tipsy-arrow {
top: 0px;
left: 50%;
margin-left: -5px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-e .tipsy-arrow {
right: 0;
top: 50%;
margin-top: -5px;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
border-bottom-color: transparent;
}
.tipsy-w .tipsy-arrow {
left: 0;
top: 50%;
margin-top: -5px;
border-right-style: solid;
border-left: none;
border-top-color: transparent;
border-bottom-color: transparent;
}
/* -------------------------------------
* OVERRIDE */
.tipsy-inner {
padding: 5px 8px;
line-height: 1.5em;
}
/* -----------------------------------------------------------------------------
*
* PERFECT SCROLL BAR
*
* -------------------------------------------------------------------------- */
/* perfect-scrollbar v0.6.11 */
.ps-container {
-ms-touch-action: none;
touch-action: none;
overflow: hidden !important;
-ms-overflow-style: none;
}
@supports (-ms-overflow-style: none) {
.ps-container {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps-container {
overflow: auto !important;
}
}
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
display: block;
background-color: transparent;
}
.ps-container.ps-in-scrolling {
pointer-events: none;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: #EEEEEE;
opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: #999999;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: #EEEEEE;
opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: #999999;
}
.ps-container > .ps-scrollbar-x-rail {
display: none;
position: absolute;
/* please don't change 'position' */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
opacity: 0;
-webkit-transition: background-color .2s linear, opacity .2s linear;
-moz-transition: background-color .2s linear, opacity .2s linear;
-o-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
bottom: 3px;
/* there must be 'bottom' for ps-scrollbar-x-rail */
height: 8px;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
position: absolute;
/* please don't change 'position' */
background-color: #AAAAAA;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
-o-transition: background-color .2s linear;
transition: background-color .2s linear;
bottom: 0;
/* there must be 'bottom' for ps-scrollbar-x */
height: 8px;
}
.ps-container > .ps-scrollbar-y-rail {
display: none;
position: absolute;
/* please don't change 'position' */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
opacity: 0;
-webkit-transition: background-color .2s linear, opacity .2s linear;
-moz-transition: background-color .2s linear, opacity .2s linear;
-o-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
right: 3px;
/* there must be 'right' for ps-scrollbar-y-rail */
width: 8px;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
position: absolute;
/* please don't change 'position' */
background-color: #AAAAAA;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
-o-transition: background-color .2s linear;
transition: background-color .2s linear;
right: 0;
/* there must be 'right' for ps-scrollbar-y */
width: 8px;
}
.ps-container:hover.ps-in-scrolling {
pointer-events: none;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: #EEEEEE;
opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: #999999;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: #EEEEEE;
opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: #999999;
}
.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
opacity: 0.6;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover {
background-color: #EEEEEE;
opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
background-color: #999999;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover {
background-color: #EEEEEE;
opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
background-color: #999999;
}
/* =============================================================================
WIDGETS
========================================================================== */
/* -----------------------------------------------------------------------------
*
* GENERIC WIDGET STYLE
*
* -------------------------------------------------------------------------- */
.widget {
font-size: 12px;
}
.widget:not(:last-child) {
margin-bottom: 48px;
}
.widget select {
width: 100%;
}
.widget-title {
margin-bottom: 48px;
text-align: center;
text-transform: uppercase;
}
.widget-title span {
display: inline-block;
}
/*//////////////////////////////////////
// No Widget Warning
//////////////////////////////////////*/
.vw-no-widget-warning {
font-size: 12px;
font-style: italic;
border: 1px dashed rgba(127, 127, 127, 0.7);
padding: 0.5em;
}
.vw-no-widget-warning a {
text-decoration: underline;
}
/* -----------------------------------------------------------------------------
*
* WIDGET: SEARCH
*
* -------------------------------------------------------------------------- */
.widget_product_search #searchform,
.widget_product_search .woocommerce-product-search,
.widget_product_search .search-form,
.widget_search #searchform,
.widget_search .woocommerce-product-search,
.widget_search .search-form {
display: block;
position: relative;
}
.widget_product_search .screen-reader-text,
.widget_search .screen-reader-text {
display: none;
}
.widget_product_search label,
.widget_search label {
display: block;
}
.widget_product_search #searchsubmit,
.widget_product_search input[type=submit],
.widget_product_search .search-submit,
.widget_search #searchsubmit,
.widget_search input[type=submit],
.widget_search .search-submit {
position: absolute;
right: 0;
top: 0;
margin-right: 0;
}
.widget_product_search #s,
.widget_product_search .search-field,
.widget_search #s,
.widget_search .search-field {
padding-right: 65px;
width: 100%;
}
/* -----------------------------------------------------------------------------
*
* WIDGET: SOCIAL COUNTER
*
* -------------------------------------------------------------------------- */
.vw-social-counter {
-webkit-transition: background-color 0.2s ease-out;
-moz-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
}
.vw-social-counter__counter {
display: inline-block;
float: left;
}
.vw-social-counter__count {
font-size: 14px;
font-weight: bold;
display: block;
float: left;
}
.vw-social-counter__icon {
float: left;
display: inline-block;
width: 22px;
height: 22px;
margin-right: 12px;
text-align: center;
}
.vw-social-counter__icon i {
line-height: 22px;
font-size: 14px;
}
.vw-social-counter__unit {
font-size: 10px;
display: inline-block;
float: left;
text-transform: uppercase;
}
.vw-side-panel .vw-social-counter-list--half-button-layout .vw-social-counter {
width: 100%;
float: none;
display: block;
margin-right: 0;
}
/*//////////////////////////////////////
// Half Button Layout
//////////////////////////////////////*/
.vw-social-counter-list--half-button-layout .vw-social-counter {
display: block;
margin-bottom: 12px;
padding: 10px;
}
@media (min-width: 1200px) {
.vw-social-counter-list--half-button-layout .vw-social-counter {
display: inline-block;
float: left;
width: 47%;
min-width: 135px;
margin-right: 3%;
}
}
.vw-social-counter-list--half-button-layout .vw-social-counter__count {
color: #FFFFFF;
}
.vw-social-counter-list--half-button-layout .vw-social-counter__unit {
margin-left: 4px;
color: rgba(255, 255, 255, 0.7);
}
.vw-social-counter-list--half-button-layout .vw-social-counter--twitter {
background-color: #00ACED;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--twitter:hover {
background-color: #21C2FF;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--twitter .vw-social-counter__icon {
color: #FFFFFF;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--facebook {
background-color: #3B5998;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--facebook:hover {
background-color: #4C70BA;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--facebook .vw-social-counter__icon {
color: #FFFFFF;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--instagram {
background-color: #517FA4;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--instagram:hover {
background-color: #7098B8;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--instagram .vw-social-counter__icon {
color: #FFFFFF;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--youtube {
background-color: #BB0000;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--youtube:hover {
background-color: #EE0000;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--youtube .vw-social-counter__icon {
color: #FFFFFF;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--googleplus {
background-color: #DD4B39;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--googleplus:hover {
background-color: #E47365;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--googleplus .vw-social-counter__icon {
color: #FFFFFF;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--vimeo {
background-color: #17B3E8;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--vimeo:hover {
background-color: #45C2ED;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--vimeo .vw-social-counter__icon {
color: #FFFFFF;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--soundcloud {
background-color: #FF3A00;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--soundcloud:hover {
background-color: #FF6133;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--soundcloud .vw-social-counter__icon {
color: #FFFFFF;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--pinterest {
background-color: #CB2027;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--pinterest:hover {
background-color: #E03E44;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--pinterest .vw-social-counter__icon {
color: #FFFFFF;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--vk {
background-color: #45668E;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--vk:hover {
background-color: #587FAE;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--vk .vw-social-counter__icon {
color: #FFFFFF;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--dribbble {
background-color: #EA4C89;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--dribbble:hover {
background-color: #EF7AA7;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--dribbble .vw-social-counter__icon {
color: #FFFFFF;
}
/* -----------------------------------------------------------------------------
*
* WORDPRESS WIDGET STYLE
*
* -------------------------------------------------------------------------- */
.widget_archive ul,
.widget_categories ul,
.widget_pages ul,
.widget_meta ul,
.widget_recent_entries ul,
.widget_rss ul,
.widget_nav_menu ul,
.widget_recent_comments ul,
.widget_product_categories ul {
margin: 0;
list-style: none;
}
.widget_archive li:not(:last-child),
.widget_categories li:not(:last-child),
.widget_pages li:not(:last-child),
.widget_meta li:not(:last-child),
.widget_recent_entries li:not(:last-child),
.widget_rss li:not(:last-child),
.widget_nav_menu li:not(:last-child),
.widget_recent_comments li:not(:last-child),
.widget_product_categories li:not(:last-child) {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.widget_archive li ul,
.widget_categories li ul,
.widget_pages li ul,
.widget_meta li ul,
.widget_recent_entries li ul,
.widget_rss li ul,
.widget_nav_menu li ul,
.widget_recent_comments li ul,
.widget_product_categories li ul {
margin-top: 5px;
margin-left: 20px;
font-size: 0.9em;
}
.widget_archive li ul > li:first-child,
.widget_categories li ul > li:first-child,
.widget_pages li ul > li:first-child,
.widget_meta li ul > li:first-child,
.widget_recent_entries li ul > li:first-child,
.widget_rss li ul > li:first-child,
.widget_nav_menu li ul > li:first-child,
.widget_recent_comments li ul > li:first-child,
.widget_product_categories li ul > li:first-child {
margin-top: 0;
padding-top: 0;
border-top: none;
}
.widget_archive li li,
.widget_categories li li,
.widget_pages li li,
.widget_meta li li,
.widget_recent_entries li li,
.widget_rss li li,
.widget_nav_menu li li,
.widget_recent_comments li li,
.widget_product_categories li li {
font-size: 0.95em;
}
.widget_archive li li:first-child,
.widget_categories li li:first-child,
.widget_pages li li:first-child,
.widget_meta li li:first-child,
.widget_recent_entries li li:first-child,
.widget_rss li li:first-child,
.widget_nav_menu li li:first-child,
.widget_recent_comments li li:first-child,
.widget_product_categories li li:first-child {
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.widget_archive li li:last-child,
.widget_categories li li:last-child,
.widget_pages li li:last-child,
.widget_meta li li:last-child,
.widget_recent_entries li li:last-child,
.widget_rss li li:last-child,
.widget_nav_menu li li:last-child,
.widget_recent_comments li li:last-child,
.widget_product_categories li li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
/*//////////////////////////////////////
// Archive
//////////////////////////////////////*/
.widget_archive select {
width: 100%;
}
/*//////////////////////////////////////
// Categories
//////////////////////////////////////*/
.widget_categories label {
display: none;
}
.widget_categories select {
width: 100%;
}
/*//////////////////////////////////////
// RECENT COMMENTS
//////////////////////////////////////*/
.widget_recent_comments .recentcomments > a {
color: inherit;
font-style: italic;
opacity: 0.7;
}
/*//////////////////////////////////////
// CALENDAR
//////////////////////////////////////*/
#calendar_wrap {
background-color: #FFFFFF;
padding: 0;
}
#wp-calendar {
width: 100%;
margin: 0;
}
#wp-calendar caption {
padding-left: 10px;
text-align: center;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 12px;
margin-bottom: 12px;
}
#wp-calendar thead {
font-size: 11px;
color: #222222;
font-weight: bold;
background: transparent;
}
#wp-calendar thead tr {
border: none;
}
#wp-calendar thead th {
padding: 10px 2px;
text-align: center;
border: none;
}
#wp-calendar tbody {
font-size: 11px;
background: rgba(0, 0, 0, 0.07);
}
#wp-calendar tbody td {
background: transparent;
border: 0px solid #818181;
text-align: center;
padding: 8px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
@media (min-width: 768px) and (max-width: 991px) {
#wp-calendar tbody td {
padding: 0;
}
}
#wp-calendar tbody td.pad:hover {
background: transparent !important;
}
#wp-calendar tbody td:hover {
color: #FFFFFF;
}
#wp-calendar tbody td:hover a {
color: #FFFFFF;
}
#wp-calendar tbody a {
font-weight: bold;
color: #222222;
display: inline-block;
width: 100%;
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot {
background: #FFFFFF;
color: #222222;
}
#wp-calendar tfoot td {
padding: 10px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
#wp-calendar tfoot #next {
text-align: right;
}
#wp-calendar tfoot #prev {
/* empty */
}
/*//////////////////////////////////////
// RECENT POSTS
//////////////////////////////////////*/
.widget_recent_entries .post-date {
display: block;
font-size: 12px;
font-style: italic;
opacity: 0.4;
}
/*//////////////////////////////////////
// TAG CLOUD
//////////////////////////////////////*/
.widget_product_tag_cloud .tagcloud a,
.widget_tag_cloud .tagcloud a {
display: inline-block;
margin-bottom: 8px;
margin-right: 4px;
padding: 4px 12px;
font-size: 10px !important;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
background-color: #222222;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.widget_product_tag_cloud .tagcloud a:hover,
.widget_tag_cloud .tagcloud a:hover {
color: #FFFFFF;
}
/* -----------------------------------------------------------------------------
*
* $MAILCHIMP FOR WORDPRESS
*
* -------------------------------------------------------------------------- */
.widget_mc4wp_form_widget .mc4wp-form-fields {
padding: 24px;
background-color: #F9F9F9;
}
.widget_mc4wp_form_widget .mc4wp-form-fields p:last-of-type {
margin-bottom: 0;
}
.widget_mc4wp_form_widget input[type="color"],
.widget_mc4wp_form_widget input[type="date"],
.widget_mc4wp_form_widget input[type="datetime"],
.widget_mc4wp_form_widget input[type="datetime-local"],
.widget_mc4wp_form_widget input[type="email"],
.widget_mc4wp_form_widget input[type="month"],
.widget_mc4wp_form_widget input[type="number"],
.widget_mc4wp_form_widget input[type="password"],
.widget_mc4wp_form_widget input[type="search"],
.widget_mc4wp_form_widget input[type="tel"],
.widget_mc4wp_form_widget input[type="text"],
.widget_mc4wp_form_widget input[type="time"],
.widget_mc4wp_form_widget input[type="url"],
.widget_mc4wp_form_widget input[type="week"],
.widget_mc4wp_form_widget input:not([type]),
.widget_mc4wp_form_widget textarea,
.widget_mc4wp_form_widget button,
.widget_mc4wp_form_widget input[type="button"],
.widget_mc4wp_form_widget input[type="reset"],
.widget_mc4wp_form_widget input[type="submit"] {
width: 100%;
}
.widget_mc4wp_form_widget form {
margin-bottom: -15px;
}
.widget_mc4wp_form_widget label {
display: none;
}
.vw-site-footer__area .widget_mc4wp_form_widget .mc4wp-form-fields {
background-color: rgba(255, 255, 255, 0.08);
}
/* -----------------------------------------------------------------------------
*
* FACEBOOK WIDGET
*
* -------------------------------------------------------------------------- */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe {
max-width: 100%;
height: auto;
}
/* -----------------------------------------------------------------------------
*
* INSTAGRAM FEED WIDGET
*
* -------------------------------------------------------------------------- */
.widget #sb_instagram #sbi_load .sbi_load_btn,
.widget #sb_instagram .sbi_follow_btn a {
border-radius: 0 !important;
}
/* -----------------------------------------------------------------------------
*
* NINJA FORM
*
* -------------------------------------------------------------------------- */
.ninja-forms-required-items {
margin-bottom: 24px;
font-style: italic;
}
/* -----------------------------------------------------------------------------
*
* MEKS FLICKER WIDGET
*
* -------------------------------------------------------------------------- */
.mks_flickr_widget ul.flickr {
list-style: none;
margin: 24px 0;
display: flex;
flex-wrap: wrap;
}
.mks_flickr_widget ul.flickr li {
width: 31% !important;
height: auto;
margin: 1% !important;
}
.mks_flickr_widget ul.flickr img {
display: block;
width: 107px !important;
height: 107px !important;
opacity: 1;
}
/* =============================================================================
WOOCOMMERCE
========================================================================== */
/**
* woocommerce.scss
* Governs the general look and feel of WooCommerce sections of stores using themes that do not
* integrate with WooCommerce specifically.
*/
/**
* Imports
*/
/**
* Deprecated
* Fallback for bourbon equivalent
*/
/**
* Deprecated
* Vendor prefix no longer required.
*/
/**
* Deprecated
* Vendor prefix no longer required.
*/
/**
* Deprecated
* Vendor prefix no longer required.
*/
/**
* Deprecated
* Vendor prefix no longer required.
*/
/**
* Deprecated
* Vendor prefix no longer required.
*/
/**
* Deprecated
* Vendor prefix no longer required.
*/
/**
* Deprecated
* Vendor prefix no longer required.
*/
/**
* Deprecated
* Vendor prefix no longer required.
*/
/**
* Deprecated
* Vendor prefix no longer required.
*/
/**
* Deprecated
* Vendor prefix no longer required.
*/
/**
* Deprecated
* Vendor prefix no longer required.
*/
/**
* Deprecated
* Use bourbon mixin instead `@include transform(scale(1.5));`
*/
/**
* Deprecated
* Use bourbon mixin instead `@include box-sizing(border-box);`
*/
/**
* Objects
*/
/**
* WooCommerce CSS Variables
*/
/**
* _animation.scss
* Custom WooCommerce Animations.
*/
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/**
* _fonts.scss
* Custom WooCommerce fonts.
*/
@font-face {
font-family: 'star';
src: url("woocommerce-assets/fonts/star.eot");
src: url("woocommerce-assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("woocommerce-assets/fonts/star.woff") format("woff"), url("woocommerce-assets/fonts/star.ttf") format("truetype"), url("woocommerce-assets/fonts/star.svg#star") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'WooCommerce';
src: url("woocommerce-assets/fonts/WooCommerce.eot");
src: url("woocommerce-assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("woocommerce-assets/fonts/WooCommerce.woff") format("woff"), url("woocommerce-assets/fonts/WooCommerce.ttf") format("truetype"), url("woocommerce-assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
font-weight: normal;
font-style: normal;
}
/**
* Global styles
*/
p.demo_store {
position: fixed;
top: 0;
left: 0;
right: 0;
margin: 0;
width: 100%;
font-size: 1em;
padding: 1em 0;
text-align: center;
background-color: #A46497;
color: white;
z-index: 99998;
box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2);
}
p.demo_store a {
color: white;
}
.admin-bar p.demo_store {
top: 32px;
}
/**
* Utility classes
*/
.clear {
clear: both;
}
/**
* Main WooCommerce styles
*/
.woocommerce {
/**
* Product Page
*/
/**
* Product loops
*/
/**wc-proceed-to-checkout
* Buttons
*/
/**
* Reviews
*/
/**
* Star ratings
*/
/**
* Tables
*/
/**
* Cart sidebar
*/
/**
* Forms
*/
/**
* Order page
*/
/**
* Layered nav widget
*/
/**
* Price filter widget
*/
}
.woocommerce .blockUI.blockOverlay {
position: relative;
}
.woocommerce .blockUI.blockOverlay:before {
height: 1em;
width: 1em;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -.5em;
margin-top: -.5em;
display: block;
content: "";
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background: url(../images/icons/loader.svg) center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, 0.75);
}
.woocommerce .loader:before {
height: 1em;
width: 1em;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -.5em;
margin-top: -.5em;
display: block;
content: "";
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background: url(../images/icons/loader.svg) center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, 0.75);
}
.woocommerce a.remove {
display: block;
font-size: 1.5em;
height: 1em;
width: 1em;
text-align: center;
line-height: 1;
border-radius: 100%;
color: #EE5252 !important;
text-decoration: none;
font-weight: 700;
border: 0;
transition: all 0.2s ease-out;
}
.woocommerce a.remove:hover {
color: #FFFFFF !important;
background: #EE5252;
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info {
padding: 1em 2em 1em 3.5em !important;
margin: 0 0 2em !important;
position: relative;
background-color: #F7F6F7;
background-color: #FFFFFF;
color: #515151;
border-top: 3px solid #A46497;
list-style: none outside !important;
*zoom: 1;
width: auto;
word-wrap: break-word;
}
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-message:after,
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-error:after,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-info:after {
content: " ";
display: table;
}
.woocommerce .woocommerce-message:after,
.woocommerce .woocommerce-error:after,
.woocommerce .woocommerce-info:after {
clear: both;
}
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before {
font-family: "WooCommerce";
content: "\e028";
display: inline-block;
position: absolute;
top: 1em;
left: 1.5em;
}
.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button {
float: right;
}
.woocommerce .woocommerce-message li,
.woocommerce .woocommerce-error li,
.woocommerce .woocommerce-info li {
list-style: none outside !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
.woocommerce .woocommerce-message {
border-top-color: #8FAE1B;
}
.woocommerce .woocommerce-message:before {
content: "\e015";
color: #8FAE1B;
}
.woocommerce .woocommerce-info {
border-top-color: #1E85BE;
}
.woocommerce .woocommerce-info:before {
color: #1E85BE;
}
.woocommerce .woocommerce-error {
border-top-color: #B81C23;
}
.woocommerce .woocommerce-error:before {
content: "\e016";
color: #B81C23;
}
.woocommerce small.note {
display: block;
color: #777777;
font-size: .857em;
margin-top: 10px;
}
.woocommerce .woocommerce-breadcrumb {
*zoom: 1;
margin: 0 0 1em;
padding: 0;
font-size: 0.92em;
color: #777777;
}
.woocommerce .woocommerce-breadcrumb:before,
.woocommerce .woocommerce-breadcrumb:after {
content: " ";
display: table;
}
.woocommerce .woocommerce-breadcrumb:after {
clear: both;
}
.woocommerce .woocommerce-breadcrumb a {
color: #777777;
}
.woocommerce .quantity .qty {
width: 4em;
text-align: center;
}
.woocommerce div.product {
margin-bottom: 0;
position: relative;
}
.woocommerce div.product .product_title {
clear: none;
margin-top: 0;
padding: 0;
}
.woocommerce div.product span.price,
.woocommerce div.product p.price {
color: #77A464;
}
.woocommerce div.product span.price ins,
.woocommerce div.product p.price ins {
background: inherit;
font-weight: 700;
}
.woocommerce div.product span.price del,
.woocommerce div.product p.price del {
opacity: 0.5;
}
.woocommerce div.product p.stock {
font-size: 0.92em;
}
.woocommerce div.product .stock {
color: #77A464;
}
.woocommerce div.product .out-of-stock {
color: red;
}
.woocommerce div.product .woocommerce-product-rating {
margin-bottom: 1.618em;
}
.woocommerce div.product .woocommerce-product-rating a {
color: #666666;
}
.woocommerce div.product div.images {
margin-bottom: 2em;
}
.woocommerce div.product div.images img {
display: block;
width: 100%;
height: auto;
box-shadow: none;
}
.woocommerce div.product div.images div.thumbnails {
padding-top: 1em;
}
.woocommerce div.product div.summary {
margin-bottom: 2em;
}
.woocommerce div.product div.summary .price > .amount,
.woocommerce div.product div.summary .price > ins {
font-size: 20px;
}
.woocommerce div.product div.summary .vw-post-box__meta {
margin-bottom: 24px;
font-size: 16px;
font-style: italic;
}
.woocommerce div.product div.summary .woocommerce-product-rating {
margin-top: -24px;
}
@media (min-width: 768px) {
.woocommerce div.product div.images,
.woocommerce div.product div.summary {
width: 48%;
}
.woocommerce div.product div.images {
float: left;
}
.woocommerce div.product div.summary {
float: right;
}
}
.woocommerce div.product div.social {
text-align: right;
margin: 0 0 1em;
}
.woocommerce div.product div.social span {
margin: 0 0 0 2px;
}
.woocommerce div.product div.social span span {
margin: 0;
}
.woocommerce div.product div.social span .stButton .chicklets {
padding-left: 16px;
width: 0;
}
.woocommerce div.product div.social iframe {
float: left;
margin-top: 3px;
}
.woocommerce div.product .woocommerce-tabs {
margin-top: 24px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
list-style: none;
padding: 0 0 0 1em;
margin: 0 0 10px;
overflow: hidden;
position: relative;
text-align: center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background-color: #FFFFFF;
display: inline-block;
position: relative;
z-index: 0;
margin: 0 0;
padding: 0 1em;
}
@media (max-width: 767px) {
.woocommerce div.product .woocommerce-tabs ul.tabs li {
margin: 0 2px;
font-size: 11px;
}
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
display: inline-block;
padding: .5em 0;
color: #272727 !important;
text-decoration: none;
font-size: 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
text-decoration: none;
color: #6B6B6B;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: #FFFFFF;
background: #111111;
z-index: 2;
border-bottom: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: inherit;
color: #FFFFFF !important;
text-shadow: inherit;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before {
box-shadow: 2px 2px 0 #FFFFFF;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
box-shadow: -2px 2px 0 #FFFFFF;
}
.woocommerce div.product .woocommerce-tabs .panel {
margin: 0 0 48px;
padding: 48px;
background: #FFFFFF;
}
.woocommerce div.product .woocommerce-tabs .panel h2:first-child {
font-size: 14px;
margin-bottom: 24px;
}
.woocommerce div.product .woocommerce-tabs .panel > :last-child {
margin-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs .panel #comments {
margin: 0;
}
.woocommerce div.product p.cart {
margin-bottom: 2em;
*zoom: 1;
}
.woocommerce div.product p.cart:before,
.woocommerce div.product p.cart:after {
content: " ";
display: table;
}
.woocommerce div.product p.cart:after {
clear: both;
}
.woocommerce div.product form.cart {
margin-bottom: 2em;
*zoom: 1;
}
.woocommerce div.product form.cart:before,
.woocommerce div.product form.cart:after {
content: " ";
display: table;
}
.woocommerce div.product form.cart:after {
clear: both;
}
.woocommerce div.product form.cart div.quantity {
float: left;
margin: 0 4px 0 0;
}
.woocommerce div.product form.cart table {
border-width: 0 0 1px 0;
}
.woocommerce div.product form.cart table td {
padding-left: 0;
}
.woocommerce div.product form.cart table div.quantity {
float: none;
margin: 0;
}
.woocommerce div.product form.cart table small.stock {
display: block;
float: none;
}
.woocommerce div.product form.cart .variations {
margin-bottom: 1em;
border: 0;
width: 100%;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
border: 0;
vertical-align: middle;
line-height: 2em;
}
.woocommerce div.product form.cart .variations label {
font-weight: 700;
}
.woocommerce div.product form.cart .variations select {
max-width: 100%;
min-width: 75%;
display: inline-block;
margin-right: 1em;
margin-bottom: 0;
}
.woocommerce div.product form.cart .variations td.label {
padding-right: 1em;
}
.woocommerce div.product form.cart .woocommerce-variation-description p {
margin-bottom: 1em;
}
.woocommerce div.product form.cart .reset_variations {
visibility: hidden;
font-size: 0.83em;
}
.woocommerce div.product form.cart .wc-no-matching-variations {
display: none;
}
.woocommerce div.product form.cart .button {
vertical-align: middle;
float: left;
}
.woocommerce div.product form.cart .group_table td.label {
padding-right: 1em;
padding-left: 1em;
}
.woocommerce div.product form.cart .group_table td {
vertical-align: top;
padding-bottom: .5em;
border: 0;
}
.woocommerce span.onsale {
min-height: 3.236em;
min-width: 3.236em;
padding: 2px 8px;
font-size: 10px;
font-weight: 700;
position: absolute;
text-align: center;
line-height: 3.236;
top: 15px;
left: 15px;
margin: 0;
background-color: #EE5252;
color: white;
font-size: .857em;
-webkit-font-smoothing: antialiased;
text-transform: uppercase;
z-index: 1;
font-size: 10px;
color: #FFFFFF !important;
}
.woocommerce .products ul,
.woocommerce ul.products {
margin: 0 0 1em;
padding: 0;
list-style: none outside;
clear: both;
*zoom: 1;
}
.woocommerce .products ul:before,
.woocommerce .products ul:after,
.woocommerce ul.products:before,
.woocommerce ul.products:after {
content: " ";
display: table;
}
.woocommerce .products ul:after,
.woocommerce ul.products:after {
clear: both;
}
.woocommerce .products ul li,
.woocommerce ul.products li {
list-style: none outside;
}
.woocommerce ul.products {
margin: -15px -10px;
margin-bottom: 48px;
}
.woocommerce ul.products li.product {
position: relative;
margin: 0;
padding: 15px 15px;
}
.woocommerce ul.products li.product .onsale {
top: 15px;
right: 15px;
left: auto;
font-weight: bold;
}
.woocommerce ul.products li.product h3 {
padding: .5em 0;
margin: 0;
font-size: 1em;
}
.woocommerce ul.products li.product a {
text-decoration: none;
}
.woocommerce ul.products li.product a img {
width: 100%;
height: auto;
display: block;
margin: 0 0 1em;
box-shadow: none;
}
.woocommerce ul.products li.product strong {
display: block;
}
.woocommerce ul.products li.product .star-rating {
font-size: .857em;
}
.woocommerce ul.products li.product .button {
margin-top: 1em;
}
.woocommerce ul.products li.product .price {
color: #77A464;
display: block;
font-weight: normal;
margin-bottom: .5em;
font-size: .857em;
}
.woocommerce ul.products li.product .price del {
color: inherit;
opacity: 0.5;
display: block;
}
.woocommerce ul.products li.product .price ins {
background: none;
font-weight: 700;
}
.woocommerce ul.products li.product .price .from {
font-size: 0.67em;
margin: -2px 0 0 0;
text-transform: uppercase;
color: rgba(132, 132, 132, 0.5);
}
.woocommerce .woocommerce-result-count {
margin: 0 0 1em;
padding: 12px 0;
float: left;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-result-count {
float: none;
text-align: center;
}
}
.woocommerce .woocommerce-ordering {
margin: 0 0 1em;
float: right;
}
.woocommerce .woocommerce-ordering select {
vertical-align: top;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-ordering {
float: none;
text-align: center;
width: 100%;
}
}
.woocommerce nav.woocommerce-pagination {
text-align: center;
}
.woocommerce nav.woocommerce-pagination ul {
display: inline-block;
white-space: nowrap;
padding: 0;
clear: both;
border: 1px solid #D3CED2;
border-right: 0;
margin: 1px;
}
.woocommerce nav.woocommerce-pagination ul li {
border-right: 1px solid #D3CED2;
padding: 0;
margin: 0;
float: left;
display: inline;
overflow: hidden;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
margin: 0;
text-decoration: none;
padding: 0;
line-height: 1;
font-size: 1em;
font-weight: normal;
padding: .5em;
min-width: 1em;
display: block;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus {
background: #EBE9EB;
color: #8A7E88;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
font-size: 100%;
margin: 0;
cursor: pointer;
position: relative;
font-family: inherit;
text-decoration: none;
overflow: visible;
font-weight: bold !important;
left: auto;
color: #515151;
background-color: #EBE9EB;
border: 0;
white-space: nowrap;
display: inline-block;
background-image: none;
box-shadow: none;
-webkit-box-shadow: none;
text-shadow: none;
}
.woocommerce a.button.loading,
.woocommerce button.button.loading,
.woocommerce input.button.loading,
.woocommerce #respond input#submit.loading {
opacity: 0.5;
padding-right: 2.618em;
}
.woocommerce a.button.loading:after,
.woocommerce button.button.loading:after,
.woocommerce input.button.loading:after,
.woocommerce #respond input#submit.loading:after {
font-family: "WooCommerce";
content: "\e01c";
vertical-align: top;
-webkit-font-smoothing: antialiased;
font-weight: 400;
position: absolute;
right: 1em;
-webkit-animation: spin 2s linear infinite;
-moz-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
.woocommerce a.button.added:after,
.woocommerce button.button.added:after,
.woocommerce input.button.added:after,
.woocommerce #respond input#submit.added:after {
font-family: 'WooCommerce';
content: "\e017";
margin-left: .53em;
vertical-align: bottom;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
background-color: #DAD8DA;
text-decoration: none;
background-image: none;
color: #515151;
}
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
background-color: #A46497;
color: white;
-webkit-font-smoothing: antialiased;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover {
background-color: #935386;
color: white;
}
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled]:hover {
background-color: #A46497;
color: white;
}
.woocommerce a.button:disabled,
.woocommerce a.button.disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button:disabled,
.woocommerce button.button.disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button:disabled,
.woocommerce input.button.disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled[disabled] {
color: inherit;
cursor: not-allowed;
opacity: 0.5;
}
.woocommerce a.button:disabled:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled[disabled]:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover {
color: inherit;
background-color: #EBE9EB;
}
.woocommerce .cart .button,
.woocommerce .cart input.button {
float: none;
}
.woocommerce a.added_to_cart {
padding-top: 1em;
white-space: nowrap;
display: inline-block;
font-size: 12px;
padding-left: 10px;
vertical-align: middle;
}
.woocommerce a.added_to_cart:hover {
text-decoration: underline;
}
.woocommerce #reviews h2 small {
float: right;
color: #777777;
font-size: 15px;
margin: 10px 0 0 0;
}
.woocommerce #reviews h2 small a {
text-decoration: none;
color: #777777;
}
.woocommerce #reviews h3 {
margin: 0;
}
.woocommerce #reviews #respond {
margin: 0;
border: 0;
padding: 0;
}
.woocommerce #reviews #comment {
height: 75px;
}
.woocommerce #reviews #comments .add_review {
*zoom: 1;
}
.woocommerce #reviews #comments .add_review:before,
.woocommerce #reviews #comments .add_review:after {
content: " ";
display: table;
}
.woocommerce #reviews #comments .add_review:after {
clear: both;
}
.woocommerce #reviews #comments h2 {
clear: none;
}
.woocommerce #reviews #comments ol.commentlist {
*zoom: 1;
margin: 0;
width: 100%;
background: none;
list-style: none;
}
.woocommerce #reviews #comments ol.commentlist:before,
.woocommerce #reviews #comments ol.commentlist:after {
content: " ";
display: table;
}
.woocommerce #reviews #comments ol.commentlist:after {
clear: both;
}
.woocommerce #reviews #comments ol.commentlist li {
padding: 0;
margin: 0 0 20px;
border: 0;
position: relative;
background: 0;
border: 0;
}
.woocommerce #reviews #comments ol.commentlist li .meta {
color: #777777;
font-size: 0.75em;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
float: left;
position: absolute;
top: 0;
left: 0;
width: 32px;
height: auto;
background: #EBE9EB;
margin: 0;
box-shadow: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0 0 0 50px;
border: 1px solid #E4E1E3;
padding: 1em 1em 0;
*zoom: 1;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text:before,
.woocommerce #reviews #comments ol.commentlist li .comment-text:after {
content: " ";
display: table;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text:after {
clear: both;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
margin: 0 0 1em;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 0.83em;
}
.woocommerce #reviews #comments ol.commentlist ul.children {
list-style: none outside;
margin: 20px 0 0 50px;
}
.woocommerce #reviews #comments ol.commentlist ul.children .star-rating {
display: none;
}
.woocommerce #reviews #comments ol.commentlist #respond {
border: 1px solid #E4E1E3;
padding: 1em 1em 0;
margin: 20px 0 0 50px;
}
.woocommerce #reviews #comments .commentlist > li:before {
content: "";
}
.woocommerce .star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 5.4em;
font-family: 'star';
}
.woocommerce .star-rating:before {
content: "\73\73\73\73\73";
color: #D3CED2;
float: left;
top: 0;
left: 0;
position: absolute;
}
.woocommerce .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.woocommerce .star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
}
.woocommerce .woocommerce-product-rating {
*zoom: 1;
line-height: 2;
display: block;
}
.woocommerce .woocommerce-product-rating:before,
.woocommerce .woocommerce-product-rating:after {
content: " ";
display: table;
}
.woocommerce .woocommerce-product-rating:after {
clear: both;
}
.woocommerce .woocommerce-product-rating .star-rating {
margin: .5em 4px 0 0;
float: left;
}
.woocommerce .products .star-rating {
display: block;
margin: 0 0 .5em;
float: none;
}
.woocommerce .hreview-aggregate .star-rating {
margin: 10px 0 0 0;
}
.woocommerce #review_form #respond {
*zoom: 1;
position: static;
margin: 0;
width: auto;
padding: 0 0 0;
background: transparent none;
border: 0;
}
.woocommerce #review_form #respond:before,
.woocommerce #review_form #respond:after {
content: " ";
display: table;
}
.woocommerce #review_form #respond:after {
clear: both;
}
.woocommerce #review_form #respond p {
margin: 0 0 10px;
}
.woocommerce #review_form #respond .form-submit input {
left: auto;
}
.woocommerce #review_form #respond textarea {
box-sizing: border-box;
width: 100%;
}
.woocommerce p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
}
.woocommerce p.stars a:before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: "WooCommerce";
content: "\e021";
text-indent: 0;
}
.woocommerce p.stars a:hover ~ a:before {
content: "\e021";
}
.woocommerce p.stars:hover a:before {
content: "\e020";
}
.woocommerce p.stars.selected a.active:before {
content: "\e020";
}
.woocommerce p.stars.selected a.active ~ a:before {
content: "\e021";
}
.woocommerce p.stars.selected a:not(.active):before {
content: "\e020";
}
.woocommerce table.shop_attributes {
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.05);
margin-bottom: 1.618em;
width: 100%;
}
.woocommerce table.shop_attributes th {
width: 150px;
font-weight: 700;
padding: 8px;
border-top: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
margin: 0;
line-height: 1.5;
}
.woocommerce table.shop_attributes td {
font-style: italic;
padding: 0;
border-top: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
margin: 0;
line-height: 1.5;
}
.woocommerce table.shop_attributes td p {
margin: 0;
padding: 8px 0;
}
.woocommerce table.shop_attributes .alt td,
.woocommerce table.shop_attributes .alt th {
background: rgba(0, 0, 0, 0.025);
}
.woocommerce table.shop_table {
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.1);
margin: 0px -1px 24px 0px;
text-align: left;
width: 100%;
border-collapse: separate;
}
.woocommerce table.shop_table th {
font-size: 12px;
font-weight: 700;
letter-spacing: 0;
padding: 9px 12px;
}
.woocommerce table.shop_table td {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 6px 12px;
vertical-align: middle;
}
.woocommerce table.shop_table td small {
font-weight: normal;
}
.woocommerce table.shop_table tbody:first-child tr:first-child th,
.woocommerce table.shop_table tbody:first-child tr:first-child td {
border-top: 0;
}
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tbody th {
font-weight: 700;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.woocommerce table.my_account_orders {
font-size: 0.85em;
}
.woocommerce table.my_account_orders th,
.woocommerce table.my_account_orders td {
padding: 4px 8px;
vertical-align: middle;
}
.woocommerce table.my_account_orders .button {
white-space: nowrap;
}
.woocommerce table.my_account_orders .order-actions {
text-align: right;
}
.woocommerce table.my_account_orders .order-actions .button {
margin: .125em 0 .125em .25em;
}
.woocommerce td.product-name dl.variation {
margin: .25em 0;
*zoom: 1;
}
.woocommerce td.product-name dl.variation:before,
.woocommerce td.product-name dl.variation:after {
content: " ";
display: table;
}
.woocommerce td.product-name dl.variation:after {
clear: both;
}
.woocommerce td.product-name dl.variation dt,
.woocommerce td.product-name dl.variation dd {
display: inline-block;
float: left;
margin-bottom: 1em;
}
.woocommerce td.product-name dl.variation dt {
font-weight: 700;
padding: 0 0 .25em 0;
margin: 0 4px 0 0;
clear: left;
}
.woocommerce td.product-name dl.variation dd {
padding: 0 0 .25em 0;
}
.woocommerce td.product-name dl.variation dd p:last-child {
margin-bottom: 0;
}
.woocommerce td.product-name p.backorder_notification {
font-size: 0.83em;
}
.woocommerce td.product-quantity {
min-width: 80px;
}
.woocommerce ul.cart_list,
.woocommerce ul.product_list_widget {
list-style: none outside;
padding: 0;
margin: 0;
}
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
padding: 0 0;
margin: 0;
*zoom: 1;
list-style: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
margin-bottom: 15px;
}
.woocommerce ul.cart_list li:before,
.woocommerce ul.cart_list li:after,
.woocommerce ul.product_list_widget li:before,
.woocommerce ul.product_list_widget li:after {
content: " ";
display: table;
}
.woocommerce ul.cart_list li:after,
.woocommerce ul.product_list_widget li:after {
clear: both;
}
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
display: block;
font-weight: 700;
font-size: 16px;
margin-bottom: 6px;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
float: right;
margin-left: 4px;
width: 60px;
height: auto;
box-shadow: none;
margin-bottom: 0;
}
.woocommerce ul.cart_list li dl,
.woocommerce ul.product_list_widget li dl {
margin: 0;
padding-left: 1em;
border-left: 2px solid rgba(0, 0, 0, 0.1);
*zoom: 1;
}
.woocommerce ul.cart_list li dl:before,
.woocommerce ul.cart_list li dl:after,
.woocommerce ul.product_list_widget li dl:before,
.woocommerce ul.product_list_widget li dl:after {
content: " ";
display: table;
}
.woocommerce ul.cart_list li dl:after,
.woocommerce ul.product_list_widget li dl:after {
clear: both;
}
.woocommerce ul.cart_list li dl dt,
.woocommerce ul.cart_list li dl dd,
.woocommerce ul.product_list_widget li dl dt,
.woocommerce ul.product_list_widget li dl dd {
display: inline-block;
float: left;
margin-bottom: 1em;
}
.woocommerce ul.cart_list li dl dt,
.woocommerce ul.product_list_widget li dl dt {
font-weight: 700;
padding: 0 0 .25em 0;
margin: 0 4px 0 0;
clear: left;
}
.woocommerce ul.cart_list li dl dd,
.woocommerce ul.product_list_widget li dl dd {
padding: 0 0 .25em 0;
}
.woocommerce ul.cart_list li dl dd p:last-child,
.woocommerce ul.product_list_widget li dl dd p:last-child {
margin-bottom: 0;
}
.woocommerce ul.cart_list li .star-rating,
.woocommerce ul.product_list_widget li .star-rating {
float: none;
margin-bottom: 6px;
font-size: 12px;
}
.woocommerce ul.cart_list li .reviewer,
.woocommerce ul.product_list_widget li .reviewer {
margin-bottom: 15px;
display: inline-block;
font-size: 11px;
font-style: italic;
color: #999999;
}
.woocommerce ul.cart_list li .amount,
.woocommerce ul.product_list_widget li .amount {
font-weight: bold;
}
.woocommerce ul.cart_list li del .amount,
.woocommerce ul.product_list_widget li del .amount {
color: #999999;
}
.woocommerce.widget_shopping_cart .total,
.woocommerce .widget_shopping_cart .total {
border-top: 1px solid #EBE9EB;
padding: 12px 0 0;
margin-bottom: 24px;
}
.woocommerce.widget_shopping_cart .total strong,
.woocommerce .widget_shopping_cart .total strong {
min-width: 40px;
display: inline-block;
}
.woocommerce.widget_shopping_cart .cart_list li,
.woocommerce .widget_shopping_cart .cart_list li {
padding-left: 2em;
position: relative;
padding-top: 0;
padding-bottom: 20px;
}
.woocommerce.widget_shopping_cart .cart_list li:last-child,
.woocommerce .widget_shopping_cart .cart_list li:last-child {
border-bottom: none;
}
.woocommerce.widget_shopping_cart .cart_list li a.remove,
.woocommerce .widget_shopping_cart .cart_list li a.remove {
position: absolute;
top: 3px;
left: 0;
font-size: 21px;
text-align: center;
vertical-align: middle;
line-height: 18px;
}
.woocommerce.widget_shopping_cart .cart_list li a,
.woocommerce .widget_shopping_cart .cart_list li a {
font-size: 14px;
}
.woocommerce.widget_shopping_cart .cart_list li .quantity,
.woocommerce .widget_shopping_cart .cart_list li .quantity {
font-size: 12px;
}
.woocommerce.widget_shopping_cart .cart_list .mini_cart_item:last-child,
.woocommerce .widget_shopping_cart .cart_list .mini_cart_item:last-child {
margin-bottom: 0;
}
.woocommerce.widget_shopping_cart .buttons,
.woocommerce .widget_shopping_cart .buttons {
*zoom: 1;
}
.woocommerce.widget_shopping_cart .buttons:before,
.woocommerce.widget_shopping_cart .buttons:after,
.woocommerce .widget_shopping_cart .buttons:before,
.woocommerce .widget_shopping_cart .buttons:after {
content: " ";
display: table;
}
.woocommerce.widget_shopping_cart .buttons:after,
.woocommerce .widget_shopping_cart .buttons:after {
clear: both;
}
.woocommerce form .form-row {
padding: 3px;
margin: 0 0 6px;
}
.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.5s 0.5s ease;
-moz-transition: opacity 0.5s 0.5s ease;
transition: opacity 0.5s 0.5s ease;
opacity: 0;
}
.woocommerce form .form-row label {
line-height: 2;
}
.woocommerce form .form-row label.hidden {
visibility: hidden;
}
.woocommerce form .form-row label.inline {
display: inline;
}
.woocommerce form .form-row select {
cursor: pointer;
margin: 0;
}
.woocommerce form .form-row .required {
color: red;
font-weight: 700;
border: 0;
}
.woocommerce form .form-row .input-checkbox {
display: inline;
margin: -2px 8px 0 0;
text-align: center;
vertical-align: middle;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
line-height: 1;
}
.woocommerce form .form-row textarea {
height: 4em;
line-height: 1.5;
display: block;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce form .form-row .select2-container {
width: 100%;
line-height: 2em;
}
.woocommerce form .form-row.woocommerce-invalid label {
color: #AA0000;
}
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
border-color: #AA0000;
}
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
border-color: #69BF29;
}
.woocommerce form .form-row ::-webkit-input-placeholder {
line-height: normal;
}
.woocommerce form .form-row :-moz-placeholder {
line-height: normal;
}
.woocommerce form .form-row :-ms-input-placeholder {
line-height: normal;
}
.woocommerce form.login,
.woocommerce form.checkout_coupon,
.woocommerce form.register {
border: 1px solid #D3CED2;
padding: 20px;
margin: 2em 0 2em 0px;
text-align: left;
}
.woocommerce ul#shipping_method {
list-style: none outside;
margin: 0;
padding: 0;
}
.woocommerce ul#shipping_method li {
margin: 0;
padding: .25em 0 .25em 22px;
text-indent: -22px;
list-style: none outside;
}
.woocommerce ul#shipping_method li input {
margin: 3px 0.5ex;
}
.woocommerce ul#shipping_method li label {
display: inline;
}
.woocommerce ul#shipping_method .amount {
font-weight: 700;
}
.woocommerce p.woocommerce-shipping-contents {
margin: 0;
}
.woocommerce .order_details {
*zoom: 1;
margin: 0 0 1.5em;
list-style: none;
}
.woocommerce .order_details:before,
.woocommerce .order_details:after {
content: " ";
display: table;
}
.woocommerce .order_details:after {
clear: both;
}
.woocommerce .order_details li {
float: left;
margin-right: 2em;
text-transform: uppercase;
font-size: 0.715em;
line-height: 1;
border-right: 1px dashed #D3CED2;
padding-right: 2em;
margin-left: 0;
padding-left: 0;
}
.woocommerce .order_details li strong {
display: block;
font-size: 1.4em;
text-transform: none;
line-height: 1.5;
}
.woocommerce .order_details li:last-of-type {
border: none;
}
.woocommerce .widget_layered_nav ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
}
.woocommerce .widget_layered_nav ul li {
*zoom: 1;
padding: 0 0 1px;
list-style: none;
}
.woocommerce .widget_layered_nav ul li:before,
.woocommerce .widget_layered_nav ul li:after {
content: " ";
display: table;
}
.woocommerce .widget_layered_nav ul li:after {
clear: both;
}
.woocommerce .widget_layered_nav ul li a,
.woocommerce .widget_layered_nav ul li span {
padding: 1px 0;
}
.woocommerce .widget_layered_nav ul li.chosen a:before {
font-family: 'WooCommerce';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: .618em;
content: "";
text-decoration: none;
color: #AA0000;
}
.woocommerce .widget_layered_nav_filters ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
overflow: hidden;
zoom: 1;
}
.woocommerce .widget_layered_nav_filters ul li {
float: left;
padding: 0 1px 1px 0;
list-style: none;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.woocommerce .widget_layered_nav_filters ul li a {
margin-right: 4px;
padding: 2px 6px;
display: inline-block;
font-size: 12px;
font-weight: bold;
text-decoration: none;
background-color: #EEEEEE;
color: #222222;
transition: all 0.2s ease-out;
}
.woocommerce .widget_layered_nav_filters ul li a:before {
font-family: 'WooCommerce';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: .618em;
content: "";
text-decoration: none;
color: #AA0000;
}
.woocommerce .widget_layered_nav_filters ul li a:hover {
background-color: #222222;
}
.woocommerce .widget_layered_nav_filters ul li a:hover,
.woocommerce .widget_layered_nav_filters ul li a:hover:before {
color: #FFFFFF;
}
.woocommerce .widget_price_filter .price_slider {
margin-bottom: 24px;
}
.woocommerce .widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4;
font-size: 0.8751em;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
font-size: 1.15em;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
float: left;
}
.woocommerce .widget_price_filter .price_label {
font-style: italic;
margin-top: 8px;
display: inline-block;
}
.woocommerce .widget_price_filter .ui-slider {
position: relative;
text-align: left;
margin-left: .5em;
margin-right: .5em;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 20px;
height: 20px;
background-color: #FFFFFF;
border-width: 3px;
border-style: solid;
border-radius: 50%;
cursor: ew-resize;
outline: none;
top: 4px;
transform: translateY(-50%);
margin-left: -.5em;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #DDDDDD;
border: 0;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
height: .5em;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
/**
* Account page
*/
.woocommerce-account .addresses .title {
*zoom: 1;
}
.woocommerce-account .addresses .title:before,
.woocommerce-account .addresses .title:after {
content: " ";
display: table;
}
.woocommerce-account .addresses .title:after {
clear: both;
}
.woocommerce-account .addresses .title h3 {
float: left;
}
.woocommerce-account .addresses .title .edit {
float: right;
}
.woocommerce-account ol.commentlist.notes li.note p.meta {
font-weight: 700;
margin-bottom: 0;
}
.woocommerce-account ol.commentlist.notes li.note .description p:last-child {
margin-bottom: 0;
}
.woocommerce-account ul.digital-downloads {
margin-left: 0;
padding-left: 0;
}
.woocommerce-account ul.digital-downloads li {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.woocommerce-account ul.digital-downloads li:before {
font-family: 'WooCommerce';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: .618em;
content: "";
text-decoration: none;
}
.woocommerce-account ul.digital-downloads li .count {
float: right;
}
/**
* Cart page
*/
.woocommerce-cart table.cart .product-thumbnail {
min-width: 32px;
}
.woocommerce-cart table.cart img {
width: 32px;
box-shadow: none;
margin-bottom: 0;
vertical-align: middle;
}
.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td {
vertical-align: middle;
}
.woocommerce-cart table.cart td.actions .coupon {
float: left;
}
.woocommerce-cart table.cart td.actions .coupon label {
display: none;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #D3CED2;
padding: 5px 14px;
margin: 0 4px 0 0;
outline: 0;
}
.woocommerce-cart table.cart td.actions input[type=submit] {
float: right;
}
.woocommerce-cart table.cart input {
margin: 0;
vertical-align: middle;
}
.woocommerce-cart .wc-proceed-to-checkout {
*zoom: 1;
padding: 1em 0;
}
.woocommerce-cart .wc-proceed-to-checkout:before,
.woocommerce-cart .wc-proceed-to-checkout:after {
content: " ";
display: table;
}
.woocommerce-cart .wc-proceed-to-checkout:after {
clear: both;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
display: inline-block;
text-align: center;
margin-bottom: 1em;
line-height: 24px !important;
}
.woocommerce-cart .cart-collaterals .shipping_calculator .button {
width: 100%;
float: none;
display: block;
}
.woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button:after {
font-family: 'WooCommerce';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-left: .618em;
content: "";
text-decoration: none;
}
.woocommerce-cart .cart-collaterals .cart_totals h2 {
font-size: 16px;
margin-bottom: 24px;
}
.woocommerce-cart .cart-collaterals .cart_totals p small {
color: #777777;
font-size: 0.83em;
}
.woocommerce-cart .cart-collaterals .cart_totals table {
border-color: rgba(0, 0, 0, 0.1);
border-collapse: separate;
margin: 0 0 6px;
padding: 0;
background-color: #FFFFFF;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th,
.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td {
border-top: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table th {
width: 40%;
}
.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th {
vertical-align: top;
border-left: 0;
border-right: 0;
line-height: 1.5em;
}
.woocommerce-cart .cart-collaterals .cart_totals table small {
color: #777777;
}
.woocommerce-cart .cart-collaterals .cart_totals table select {
width: 100%;
}
.woocommerce-cart .cart-collaterals .cart_totals .discount td {
color: #77A464;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th {
border-top: 1px solid #EBE9EB;
}
.woocommerce-cart .cart-collaterals .cross-sells h2 {
margin-top: 48px;
}
.woocommerce-cart .cart-collaterals .cross-sells ul.products li.product {
margin-top: 0;
}
/**
* Checkout
*/
.woocommerce-checkout h3,
#add_payment_method h3 {
font-size: 14px;
margin-top: 24px;
margin-bottom: 24px;
}
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address,
#add_payment_method .checkout .col-2 h3#ship-to-different-address {
float: left;
clear: none;
}
.woocommerce-checkout .checkout .col-2 .notes,
#add_payment_method .checkout .col-2 .notes {
clear: left;
}
.woocommerce-checkout .checkout .col-2 .form-row-first,
#add_payment_method .checkout .col-2 .form-row-first {
clear: left;
}
.woocommerce-checkout .checkout .create-account small,
#add_payment_method .checkout .create-account small {
font-size: 11px;
color: #777777;
font-weight: normal;
}
.woocommerce-checkout .checkout div.shipping-address,
#add_payment_method .checkout div.shipping-address {
padding: 0;
clear: left;
width: 100%;
}
.woocommerce-checkout .checkout .shipping_address,
#add_payment_method .checkout .shipping_address {
clear: both;
}
.woocommerce-checkout #payment,
#add_payment_method #payment {
background-color: #FFFFFF;
}
.woocommerce-checkout #payment ul.payment_methods,
#add_payment_method #payment ul.payment_methods {
*zoom: 1;
text-align: left;
padding: 1em;
border-bottom: 1px solid #EDECED;
margin: 0;
list-style: none outside;
}
.woocommerce-checkout #payment ul.payment_methods:before,
.woocommerce-checkout #payment ul.payment_methods:after,
#add_payment_method #payment ul.payment_methods:before,
#add_payment_method #payment ul.payment_methods:after {
content: " ";
display: table;
}
.woocommerce-checkout #payment ul.payment_methods:after,
#add_payment_method #payment ul.payment_methods:after {
clear: both;
}
.woocommerce-checkout #payment ul.payment_methods li,
#add_payment_method #payment ul.payment_methods li {
line-height: 2;
text-align: left;
margin: 0;
font-weight: normal;
*zoom: 1;
}
.woocommerce-checkout #payment ul.payment_methods li:before,
.woocommerce-checkout #payment ul.payment_methods li:after,
#add_payment_method #payment ul.payment_methods li:before,
#add_payment_method #payment ul.payment_methods li:after {
content: " ";
display: table;
}
.woocommerce-checkout #payment ul.payment_methods li:after,
#add_payment_method #payment ul.payment_methods li:after {
clear: both;
}
.woocommerce-checkout #payment ul.payment_methods li input,
#add_payment_method #payment ul.payment_methods li input {
margin: 0 1em 0 0;
}
.woocommerce-checkout #payment ul.payment_methods li img,
#add_payment_method #payment ul.payment_methods li img {
vertical-align: middle;
margin: -2px 0 0 .5em;
padding: 0;
position: relative;
box-shadow: none;
}
.woocommerce-checkout #payment ul.payment_methods li img + img,
#add_payment_method #payment ul.payment_methods li img + img {
margin-left: 2px;
}
.woocommerce-checkout #payment div.form-row,
#add_payment_method #payment div.form-row {
padding: 1em;
}
.woocommerce-checkout #payment div.payment_box,
#add_payment_method #payment div.payment_box {
position: relative;
box-sizing: border-box;
width: 100%;
padding: 1em;
margin: 1em 0 1em 0;
font-size: 0.92em;
line-height: 1.5;
background-color: #DFDCDE;
color: #515151;
}
.woocommerce-checkout #payment div.payment_box input.input-text,
.woocommerce-checkout #payment div.payment_box textarea,
#add_payment_method #payment div.payment_box input.input-text,
#add_payment_method #payment div.payment_box textarea {
border-color: #C7C1C6;
border-top-color: #BBB3B9;
}
.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder,
#add_payment_method #payment div.payment_box ::-webkit-input-placeholder {
color: #BBB3B9;
}
.woocommerce-checkout #payment div.payment_box :-moz-placeholder,
#add_payment_method #payment div.payment_box :-moz-placeholder {
color: #BBB3B9;
}
.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder,
#add_payment_method #payment div.payment_box :-ms-input-placeholder {
color: #BBB3B9;
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc {
font-size: 1.5em;
padding: 8px;
background-repeat: no-repeat;
background-position: right;
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa {
background-image: url(../images/icons/credit-cards/visa.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard {
background-image: url(../images/icons/credit-cards/mastercard.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser {
background-image: url(../images/icons/credit-cards/laser.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub {
background-image: url(../images/icons/credit-cards/diners.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro {
background-image: url(../images/icons/credit-cards/maestro.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb {
background-image: url(../images/icons/credit-cards/jcb.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex {
background-image: url(../images/icons/credit-cards/amex.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover {
background-image: url(../images/icons/credit-cards/discover.png);
}
.woocommerce-checkout #payment div.payment_box span.help,
#add_payment_method #payment div.payment_box span.help {
font-size: .857em;
color: #777777;
font-weight: normal;
}
.woocommerce-checkout #payment div.payment_box .form-row,
#add_payment_method #payment div.payment_box .form-row {
margin: 0 0 1em;
}
.woocommerce-checkout #payment div.payment_box p:last-child,
#add_payment_method #payment div.payment_box p:last-child {
margin-bottom: 0;
}
.woocommerce-checkout #payment div.payment_box:before,
#add_payment_method #payment div.payment_box:before {
content: "";
display: block;
border: 1em solid #DFDCDE;
/* arrow size / color */
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -.75em;
left: 0;
margin: -1em 0 0 2em;
}
.woocommerce-checkout #payment .payment_method_paypal .about_paypal,
#add_payment_method #payment .payment_method_paypal .about_paypal {
float: right;
line-height: 52px;
font-size: 0.83em;
}
.woocommerce-checkout #payment .payment_method_paypal img,
#add_payment_method #payment .payment_method_paypal img {
max-height: 52px;
vertical-align: middle;
}
/**
* Password strength meter
*/
.woocommerce-password-strength {
text-align: center;
font-weight: 600;
padding: 3px .5em;
font-size: 1em;
}
.woocommerce-password-strength.strong {
background-color: #C1E1B9;
border-color: #83C373;
}
.woocommerce-password-strength.short {
background-color: #F1ADAD;
border-color: #E35B5B;
}
.woocommerce-password-strength.bad {
background-color: #FBC5A9;
border-color: #F78B53;
}
.woocommerce-password-strength.good {
background-color: #FFE399;
border-color: #FFC733;
}
.woocommerce-password-hint {
margin: .5em 0 0 0;
display: block;
}
/* added to get around variation image flicker issue */
.product.has-default-attributes.has-children > .images {
opacity: 0;
}
/**
* Twenty Eleven specific styles
*/
#content.twentyeleven .woocommerce-pagination a {
font-size: 1em;
line-height: 1;
}
/**
* Twenty Thirteen specific styles
*/
.single-product .twentythirteen .entry-summary,
.single-product .twentythirteen #reply-title,
.single-product .twentythirteen #respond #commentform {
padding: 0;
}
.single-product .twentythirteen p.stars {
clear: both;
}
.twentythirteen .woocommerce-breadcrumb {
padding-top: 40px;
}
/**
* Twenty Fourteen specific styles
*/
.twentyfourteen ul.products li.product {
margin-top: 0 !important;
}
/**
* Twenty Sixteen specific styles
*/
body:not(.search-results) .twentysixteen .entry-summary {
color: inherit;
font-size: inherit;
line-height: inherit;
}
.twentysixteen .price ins {
background: inherit;
color: inherit;
}
@media (min-width: 768px) and (max-width: 991px) {
.vw-content-main > .products ul li,
.vw-content-main > ul.products li {
float: left;
width: 50%;
}
.vw-content-main > .products ul li:nth-child(2n+1),
.vw-content-main > ul.products li:nth-child(2n+1) {
clear: left;
}
}
@media (min-width: 992px) {
.vw-content-main > .products ul li,
.vw-content-main > ul.products li {
float: left;
width: 33.3333333333%;
}
.vw-content-main > .products ul li:nth-child(3n+1),
.vw-content-main > ul.products li:nth-child(3n+1) {
clear: left;
}
}
.woocommerce .vw-post-content table,
.vw-post-content tr,
.vw-post-content td,
.vw-post-content th {
border: none;
}
.price {
position: relative;
}
.price > .amount,
.price > ins {
display: block;
font-size: 14px;
font-style: italic;
color: #B1B1B1;
}
.price ins {
text-decoration: none;
color: #EE5252 !important;
}
.price ins .amount {
color: inherit !important;
}
.price del {
font-size: 12px;
color: #999999;
}
@media (min-width: 768px) {
#reviews #comments,
#reviews #review_form_wrapper {
width: 50%;
float: left;
}
#reviews #comments {
padding-right: 24px;
margin-top: 0;
}
#reviews #review_form_wrapper {
padding-left: 24px;
}
}
#reviews #reply-title {
margin-bottom: 24px;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
height: auto;
padding: 6px 19px;
vertical-align: middle;
border: 0px solid;
background-color: #111111;
color: #FFFFFF;
font-size: 10px;
line-height: 24px;
min-height: 24px;
text-transform: uppercase;
text-align: center;
transition: all 0.2s ease-out ease-in-out 0.2s;
transition: all 0.2s ease-out;
color: #FFFFFF !important;
}
.no-touch .woocommerce a.button:hover,
.no-touch .woocommerce button.button:hover,
.no-touch .woocommerce input.button:hover,
.no-touch .woocommerce #respond input#submit:hover,
.no-touch
.woocommerce a.button.alt:hover,
.no-touch .woocommerce button.button.alt:hover,
.no-touch .woocommerce input.button.alt:hover,
.no-touch .woocommerce #respond input#submit.alt:hover {
color: #FFFFFF;
}
.woocommerce .wc-forward,
.woocommerce .product .button {
padding: 2px 10px;
font-size: 11px;
line-height: 24px;
}
/*//////////////////////////////////////
// Product listing
//////////////////////////////////////*/
.woocommerce ul.products li.product {
text-align: center;
}
.woocommerce ul.products li.product .star-rating {
margin: auto;
text-align: left;
}
.woocommerce ul.products li.product .vw-loop-item {
background: #FFFFFF;
padding-bottom: 24px;
}
.woocommerce ul.products li.product .vw-product-thumbnail {
position: relative;
overflow: hidden;
margin-bottom: 24px;
}
.woocommerce ul.products li.product .vw-product-thumbnail img {
margin: 0;
}
.woocommerce ul.products li.product .add_to_cart_button {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0;
transform: translateY(101%);
font-size: 10px;
padding: 8px 10px;
transition: all 0.2s ease-out;
}
.woocommerce ul.products li.product:hover .add_to_cart_button {
transform: none;
}
.woocommerce ul.products li.product .added_to_cart {
display: none;
}
.woocommerce ul.products li.product h3 {
font-size: 14px;
}
.woocommerce ul.products li.product .price {
margin-bottom: 0;
margin-top: 12px;
text-align: center;
}
.woocommerce ul.products li.product .price .amount,
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price ins {
display: inline;
}
.woocommerce ul.products li.product .price del {
color: #999999;
}
.woocommerce ul.products li.product .price ins {
padding: 0;
}
.woocommerce ul.products li.product .star-rating {
font-size: 12px;
}
.woocommerce ul.products li.product .vw-post-box__meta {
margin-top: -3px;
font-size: 10px;
font-style: italic;
color: #B1B1B1;
}
.woocommerce ul.products li.product .vw-post-box__meta:not(:last-child) {
margin-bottom: 10px;
}
.woocommerce ul.products li.product a img {
transition: all 0.2s ease-out;
}
.woocommerce ul.products li.product a img:hover {
-webkit-filter: brightness(70%);
filter: brightness(70%);
}
/*//////////////////////////////////////
// Single Product: Thumbnails
//////////////////////////////////////*/
.woocommerce div.product .product_title {
font-size: 32px;
}
.vw-product-thumbnails {
margin-bottom: 48px;
}
.upsells.products h2,
.related.products h2 {
text-align: center;
font-size: 16px;
margin-bottom: 48px;
padding: 0 2em;
}
.upsells.products .vw-product-carousel .slick-slider,
.related.products .vw-product-carousel .slick-slider {
overflow: visible;
}
.upsells.products .vw-product-carousel .slick-dots,
.related.products .vw-product-carousel .slick-dots {
bottom: -44px;
display: none;
}
.upsells.products li,
.related.products li {
padding: 10px;
position: relative;
}
.upsells.products li a,
.related.products li a {
outline: none;
}
.upsells.products li .onsale,
.related.products li .onsale {
top: 10px;
right: 10px;
}
.woocommerce .product_meta {
font-size: 12px;
}
.woocommerce .product_meta * {
font-weight: normal;
}
.woocommerce .product_meta > span {
display: block;
padding: 6px;
font-weight: bold;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.woocommerce .product_meta > span:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
font-size: 14px;
letter-spacing: 0 !important;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
font-size: 18px;
}
.woocommerce-variation-price {
margin-bottom: 24px;
}
/*//////////////////////////////////////
// Widget: Product Category List
//////////////////////////////////////*/
.widget_product_categories .product-categories > li > a {
font-weight: bold;
color: #222222;
}
.widget_product_categories .children a {
color: #666666;
}
.widget_product_categories .children > li {
padding-left: 2em;
}
.widget_product_categories .count {
font-style: italic;
float: right;
color: #999999;
}
.woocommerce .star-rating span {
color: #FFDF3E;
}
/*//////////////////////////////////////
// Cart Panel
//////////////////////////////////////*/
.vw-cart-button-wrapper {
position: relative;
display: inline-block;
padding: 0 0px;
min-width: 40px;
height: 36px;
transition: all 0.2s ease-out;
vertical-align: middle;
text-align: left;
}
.vw-cart-button-wrapper .vw-cart-button {
display: inline-block;
line-height: 36px;
height: 36px;
text-align: center;
color: inherit;
text-decoration: none !important;
}
.vw-cart-button-wrapper .vw-cart-button .vw-icon {
margin-right: 6px;
font-size: 16px;
}
.vw-cart-button-wrapper .vw-cart-button-count {
color: #FFFFFF;
padding: 2px 2px;
font-size: 10px;
letter-spacing: 0 !important;
min-width: 2em;
line-height: 16px;
display: inline-block;
border-radius: 100px;
transform: translateX(-6px) translateY(-10px);
}
.vw-cart-button-wrapper .vw-cart-button-panel {
position: absolute;
right: 0;
width: 330px;
display: none;
padding: 24px;
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
.vw-cart-button-wrapper .vw-cart-button-panel {
right: -45px;
}
}
.vw-cart-button-wrapper .vw-cart-button-panel:before {
content: '';
display: inline-block;
height: 50px;
width: 64px;
position: absolute;
top: -50px;
left: 0;
cursor: pointer;
}
.vw-cart-button-wrapper .vw-cart-button-panel .empty {
opacity: 0.7;
font-size: 12px;
margin-bottom: 0;
padding-bottom: 0px !important;
}
.vw-cart-button-wrapper .widget,
.vw-cart-button-wrapper .widget_shopping_cart_content > :last-child {
margin: 0;
}
.vw-cart-button-wrapper .button {
font-size: 11px !important;
width: 49%;
}
.widget_shopping_cart_content a.button {
font-size: 9px !important;
padding: 2px 12px;
line-height: 24px;
letter-spacing: 0;
}
.woocommerce.widget_shopping_cart .cart_list li a,
.woocommerce .widget_shopping_cart .cart_list li a {
font-size: 12px;
}
/*//////////////////////////////////////
// Cart Page
//////////////////////////////////////*/
.woocommerce-cart table.cart td.product-remove {
width: 30px;
}
.woocommerce-cart table.cart td.product-thumbnail {
width: 60px;
}
@media (max-width: 767px) {
.woocommerce table.shop_table .product-thumbnail {
display: none;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table .cart_item {
font-size: 0.8em;
}
.woocommerce table.shop_table td {
padding: 6px 6px;
}
.woocommerce table.shop_table .cart_item input {
padding: 6px 6px;
}
.woocommerce-cart table.cart td.actions .coupon,
.woocommerce-cart table.cart td.actions input[type=submit] {
float: none;
}
.woocommerce-cart table.cart td.actions input[type=submit][name=apply_coupon] {
width: 100%;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
width: 100%;
}
.woocommerce-cart table.cart td.actions input[type=submit][name=update_cart] {
width: 100%;
margin-top: 24px;
}
}
/*//////////////////////////////////////
// Pagination
//////////////////////////////////////*/
.vw-woocommerce-pagination {
margin-bottom: 24px;
}
.vw-woocommerce-pagination .vw-pagination {
margin-top: 0;
}
/*//////////////////////////////////////
// Gallery
//////////////////////////////////////*/
.woocommerce-product-gallery__wrapper {
background: transparent;
}
/* =============================================================================
THEME
========================================================================== */
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em,
.vw-menu-main .current-menu-item .main-menu-link,
.vw-side-panel__sub-menu .menu-link:hover,
.vw-menu-location-mobile .menu-link:hover,
.vw-accordion .ui-state-hover span,
.vw-404-text,
.woocommerce ul.cart_list li .amount,
.woocommerce ul.product_list_widget li .amount {
color: #F7CD6A;
}
.no-touch button:hover,
.no-touch input[type="button"]:hover,
.no-touch input[type="reset"]:hover,
.no-touch input[type="submit"]:hover,
.no-touch .woocommerce a.button:hover,
.no-touch .woocommerce button.button:hover,
.no-touch .woocommerce input.button:hover,
.no-touch .woocommerce #respond input#submit:hover,
.no-touch .woocommerce-page a.button:hover,
.no-touch .woocommerce-page button.button:hover,
.no-touch .woocommerce-page input.button:hover,
.no-touch .woocommerce-page #respond input#submit:hover,
.no-touch .vw-button:hover,
.vw-button--accent,
.vw-pagination__links .page-numbers:hover,
.vw-post-title-box__meta x.vw-post-date,
.vw-page-links__link:hover,
.vw-scroll-to-top,
.vw-post-share-button:hover,
.vw-share-button li a:hover,
.vw-accordion .ui-icon:before,
.vw-content-slider .slick-prev,
.vw-content-slider .slick-next,
.vw-dropcap-circle,
.vw-dropcap-box,
.vw-tabs .vw-full-tab.active,
.vw-tabs.vw-style-top-tab .vw-tab-title.active,
.sk-folding-cube .sk-cube:before,
#wp-calendar tbody td:hover,
.widget_product_tag_cloud .tagcloud a:hover,
.widget_tag_cloud .tagcloud a:hover,
.widget #sb_instagram .sbi_follow_btn a,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.no-touch .woocommerce a.button:hover,
.no-touch .woocommerce button.button:hover,
.no-touch .woocommerce input.button:hover,
.no-touch .woocommerce #respond input#submit:hover,
.no-touch .woocommerce a.button.alt:hover,
.no-touch .woocommerce button.button.alt:hover,
.no-touch .woocommerce input.button.alt:hover,
.no-touch .woocommerce #respond input#submit.alt:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.vw-cart-button-wrapper .vw-cart-button-count {
background-color: #F7CD6A;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
border-color: #F7CD6A;
}