@charset "UTF-8";
/*
Theme Name: Presso
Theme URI: http://envirra.com/themes/presso
Author: envirra
Author URI: http://themeforest.net/user/envirra?ref=envirra
Description: Magazine WordPress Theme
Version: 3.3.11
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: envirra
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
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;
}
@-ms-viewport {
width: device-width;
}
html {
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
[tabindex="-1"]:focus {
outline: none !important;
}
img {
vertical-align: middle;
}
[role="button"] {
cursor: pointer;
}
a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
touch-action: manipulation;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}
input[type="search"] {
-webkit-appearance: none;
}
[hidden] {
display: none !important;
}
/*! 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,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
}
.col-xs-1 {
float: left;
width: 8.3333333333%;
}
.col-xs-2 {
float: left;
width: 16.6666666667%;
}
.col-xs-3 {
float: left;
width: 25%;
}
.col-xs-4 {
float: left;
width: 33.3333333333%;
}
.col-xs-5 {
float: left;
width: 41.6666666667%;
}
.col-xs-6 {
float: left;
width: 50%;
}
.col-xs-7 {
float: left;
width: 58.3333333333%;
}
.col-xs-8 {
float: left;
width: 66.6666666667%;
}
.col-xs-9 {
float: left;
width: 75%;
}
.col-xs-10 {
float: left;
width: 83.3333333333%;
}
.col-xs-11 {
float: left;
width: 91.6666666667%;
}
.col-xs-12 {
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 {
float: left;
width: 8.3333333333%;
}
.col-sm-2 {
float: left;
width: 16.6666666667%;
}
.col-sm-3 {
float: left;
width: 25%;
}
.col-sm-4 {
float: left;
width: 33.3333333333%;
}
.col-sm-5 {
float: left;
width: 41.6666666667%;
}
.col-sm-6 {
float: left;
width: 50%;
}
.col-sm-7 {
float: left;
width: 58.3333333333%;
}
.col-sm-8 {
float: left;
width: 66.6666666667%;
}
.col-sm-9 {
float: left;
width: 75%;
}
.col-sm-10 {
float: left;
width: 83.3333333333%;
}
.col-sm-11 {
float: left;
width: 91.6666666667%;
}
.col-sm-12 {
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 {
float: left;
width: 8.3333333333%;
}
.col-md-2 {
float: left;
width: 16.6666666667%;
}
.col-md-3 {
float: left;
width: 25%;
}
.col-md-4 {
float: left;
width: 33.3333333333%;
}
.col-md-5 {
float: left;
width: 41.6666666667%;
}
.col-md-6 {
float: left;
width: 50%;
}
.col-md-7 {
float: left;
width: 58.3333333333%;
}
.col-md-8 {
float: left;
width: 66.6666666667%;
}
.col-md-9 {
float: left;
width: 75%;
}
.col-md-10 {
float: left;
width: 83.3333333333%;
}
.col-md-11 {
float: left;
width: 91.6666666667%;
}
.col-md-12 {
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 {
float: left;
width: 8.3333333333%;
}
.col-lg-2 {
float: left;
width: 16.6666666667%;
}
.col-lg-3 {
float: left;
width: 25%;
}
.col-lg-4 {
float: left;
width: 33.3333333333%;
}
.col-lg-5 {
float: left;
width: 41.6666666667%;
}
.col-lg-6 {
float: left;
width: 50%;
}
.col-lg-7 {
float: left;
width: 58.3333333333%;
}
.col-lg-8 {
float: left;
width: 66.6666666667%;
}
.col-lg-9 {
float: left;
width: 75%;
}
.col-lg-10 {
float: left;
width: 83.3333333333%;
}
.col-lg-11 {
float: left;
width: 91.6666666667%;
}
.col-lg-12 {
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 {
float: left;
width: 8.3333333333%;
}
.col-xl-2 {
float: left;
width: 16.6666666667%;
}
.col-xl-3 {
float: left;
width: 25%;
}
.col-xl-4 {
float: left;
width: 33.3333333333%;
}
.col-xl-5 {
float: left;
width: 41.6666666667%;
}
.col-xl-6 {
float: left;
width: 50%;
}
.col-xl-7 {
float: left;
width: 58.3333333333%;
}
.col-xl-8 {
float: left;
width: 66.6666666667%;
}
.col-xl-9 {
float: left;
width: 75%;
}
.col-xl-10 {
float: left;
width: 83.3333333333%;
}
.col-xl-11 {
float: left;
width: 91.6666666667%;
}
.col-xl-12 {
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 > * {
flex: 1 1 auto;
}
.vw-flex-grid--no-wrap {
flex-wrap: nowrap;
}
.vw-flex-grid---no-grow > * {
flex-grow: 0;
}
.vw-flex-grid__item {
/* empty */
}
.vw-flex-grid__item-inner {
position: relative;
overflow: hidden;
}
.vw-flex-grid__item-inner img {
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
/**
* 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 cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.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 cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.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: 1px) {
.vw-flex-grid--xxs-1 > .vw-flex-grid__item {
width: 100%;
}
.vw-flex-grid--xxs-2 > .vw-flex-grid__item {
width: 50%;
}
.vw-flex-grid--xxs-3 > .vw-flex-grid__item {
width: 33.3333333333%;
}
.vw-flex-grid--xxs-4 > .vw-flex-grid__item {
width: 25%;
}
.vw-flex-grid--xxs-5 > .vw-flex-grid__item {
width: 20%;
}
.vw-flex-grid--xxs-6 > .vw-flex-grid__item {
width: 16.6666666667%;
}
}
@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%;
}
.vw-flex-grid--xs-5 > .vw-flex-grid__item {
width: 20%;
}
.vw-flex-grid--xs-6 > .vw-flex-grid__item {
width: 16.6666666667%;
}
}
@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%;
}
.vw-flex-grid--sm-5 > .vw-flex-grid__item {
width: 20%;
}
.vw-flex-grid--sm-6 > .vw-flex-grid__item {
width: 16.6666666667%;
}
}
@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%;
}
.vw-flex-grid--md-5 > .vw-flex-grid__item {
width: 20%;
}
.vw-flex-grid--md-6 > .vw-flex-grid__item {
width: 16.6666666667%;
}
}
@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--lg-5 > .vw-flex-grid__item {
width: 20%;
}
.vw-flex-grid--lg-6 > .vw-flex-grid__item {
width: 16.6666666667%;
}
}
.vw-flex-grid .vw-flex-grid__item--full {
width: 100% !important;
}
/**
* Layouts
*/
/**
* Gap
*/
.vw-flex-grid--tiny-gap {
margin: -1px;
}
.vw-flex-grid--tiny-gap > .vw-flex-grid__item {
padding: 1px;
}
.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: -10px -15px;
}
.vw-flex-grid--large-gap > .vw-flex-grid__item {
padding: 10px 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 ul,
ol ol {
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: 36px 0;
display: block;
position: relative;
width: 100%;
border: 0;
border-top: 3px solid rgba(0, 0, 0, 0.05);
}
/*//////////////////////////////////////
// Table
//////////////////////////////////////*/
table {
border-collapse: collapse;
border-spacing: 0;
margin: 24px 0;
width: 100%;
}
td,
th {
padding: 8px 20px;
}
@media (max-width: 991px) {
td,
th {
padding: 10px;
}
}
thead,
tfoot {
background: rgba(0, 0, 0, 0.05);
}
/**
* Table Decoration
*/
.vw-post-content table,
.vw-comment__content table {
font-size: 14px;
}
.vw-post-content th,
.vw-post-content td,
.vw-comment__content th,
.vw-comment__content td {
border: 1px solid #FFFFFF;
}
.vw-post-content th,
.vw-comment__content th {
color: #FFFFFF;
}
.vw-post-content tr:nth-child(even) td,
.vw-comment__content tr:nth-child(even) td {
background-color: rgba(128, 128, 128, 0.1);
}
.vw-post-content tr:nth-child(even):hover td,
.vw-comment__content tr:nth-child(even):hover td {
background-color: rgba(128, 128, 128, 0.15);
}
.vw-post-content tr:nth-child(odd) td,
.vw-comment__content tr:nth-child(odd) td {
background-color: rgba(128, 128, 128, 0.025);
}
.vw-post-content tr:nth-child(odd):hover td,
.vw-comment__content tr:nth-child(odd):hover td {
background-color: rgba(128, 128, 128, 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: none;
background-color: rgba(0, 0, 0, 0.05);
line-height: 24px;
padding: 10px 12px;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
input[type="number"] {
padding: 10px 5px;
}
select {
padding: 12px;
line-height: 1;
margin-bottom: 1em;
max-width: 100%;
border: none;
background-color: #F7F7F7;
}
label {
vertical-align: middle;
}
input,
button {
border-radius: 0;
}
textarea {
max-width: 100%;
}
/*//////////////////////////////////////
// Selection
//////////////////////////////////////*/
::-moz-selection {
background: #000000;
color: #FFFFFF;
}
::selection {
background: #000000;
color: #FFFFFF;
}
/*//////////////////////////////////////
// Media
//////////////////////////////////////*/
embed,
iframe,
object {
max-width: 100%;
}
/* -----------------------------------------------------------------------------
*
* Typography
*
* -------------------------------------------------------------------------- */
:root {
font-size: 1rem;
line-height: 1.65em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
body {
line-height: 24px;
font-size: 16px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 24px;
line-height: 1.3em;
}
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-style: italic;
}
h1 {
font-size: 26px;
line-height: 1.1em;
}
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: 24px;
}
blockquote,
.vw-quote {
margin: 48px 0;
padding: 50px 60px;
position: relative;
border-top: 4px solid #DDDDDD;
border-bottom: 4px solid #DDDDDD;
font-size: 19px !important;
font-weight: 400 !important;
letter-spacing: 0.01em !important;
line-height: 1.6em;
text-transform: none !important;
color: #444444 !important;
text-align: center;
}
@media (max-width: 767px) {
blockquote,
.vw-quote {
padding-left: 0;
padding-right: 0;
}
}
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: 1px;
line-height: 1.6em;
text-transform: uppercase;
color: #191919;
opacity: 0.8;
}
blockquote:before,
blockquote:after,
.vw-quote:before,
.vw-quote:after {
font-family: georgia;
font-size: 60px;
line-height: 1em;
color: #CCCCCC;
display: inline-block;
width: 1em;
height: 1em;
text-align: center;
}
blockquote:before,
.vw-quote:before {
content: '\201C';
position: absolute;
top: 15px;
left: 0px;
}
blockquote:after,
.vw-quote:after {
content: '\201E';
position: absolute;
bottom: 15px;
right: 0px;
}
address {
font-style: italic;
margin: 0 0 24px;
}
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;
}
p mark,
p ins {
background: #007ACC;
color: #FFFFFF;
padding: 0.125em 0.25em;
text-decoration: none;
}
p 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: 10px 26px;
vertical-align: middle;
border: none;
background-color: #191919;
color: #FFFFFF !important;
font-size: 12px;
line-height: 24px;
min-height: 24px;
text-transform: uppercase;
text-align: center;
cursor: pointer;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.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 !important;
margin-bottom: 4px;
}
.vw-button .vw-icon {
margin-right: 0.4em;
font-size: 16px;
vertical-align: bottom;
}
/*//////////////////////////////////////
// Button Sizes
//////////////////////////////////////*/
/**
* Large Button
*/
.vw-button--large {
font-size: 12px;
padding: 10px 22px;
}
/**
* Small Button
*/
.vw-button--small {
font-size: 11px;
font-weight: bold !important;
padding: 4px 16px;
}
/**
* Tiny Button
*/
.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;
}
}
/**
* Arrow Button
*/
.vw-button--arrow {
position: relative;
padding-right: 42px !important;
}
.vw-button--arrow:after {
content: '';
display: inline-block;
position: absolute;
top: 50%;
right: 16px;
width: 11px;
font-size: 16px;
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;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
transform: translateY(-50%);
}
.rtl .vw-button--arrow:after {
transform: translateY(-50%) scaleX(-1);
}
.vw-button--arrow:hover:after {
right: 10px;
}
/**
* Full Width Button
*/
.vw-button--full-width {
display: block;
width: 100%;
}
/*//////////////////////////////////////
// Button Colors
//////////////////////////////////////*/
.no-touch .vw-button--accent.vw-button:hover {
background-color: #000000;
}
.vw-button--outline {
border: 1px solid rgba(0, 0, 0, 0.1);
background-color: transparent;
color: #191919 !important;
}
.vw-button--white {
color: #222222 !important;
background-color: #FFFFFF;
}
.no-touch .vw-button--white.vw-button:hover {
background-color: #343434;
}
.vw-button--light {
color: #444444 !important;
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;
}
.sticky {
/* empty */
}
.gallery-caption {
/* empty */
}
.bypostauthor {
background-color: transparent;
}
.must-log-in {
font-size: 12px;
}
/*//////////////////////////////////////
// Alignment
//////////////////////////////////////*/
.alignleft,
.alignright,
.aligncenter {
margin-bottom: 12px;
}
.alignleft {
float: left;
margin-left: 0;
margin-right: 24px;
max-width: 65%;
}
.alignright {
float: right;
margin-left: 24px;
margin-right: 0;
max-width: 65%;
}
.aligncenter {
clear: both;
margin-left: auto;
margin-right: auto;
display: block;
}
@media (max-width: 767px) {
.alignleft,
.alignright {
margin-left: auto;
margin-right: auto;
max-width: 100%;
float: none;
}
}
/*//////////////////////////////////////
// Image and caption
//////////////////////////////////////*/
img {
height: auto;
max-width: 100%;
}
.wp-caption {
max-width: 100%;
}
.wp-caption img {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption-text {
margin-top: 12px;
padding-left: 1em;
padding-right: 1em;
font-size: 12px;
font-style: italic;
text-align: center;
}
/*//////////////////////////////////////
// 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;
}
.gallery-caption {
display: block;
}
/*//////////////////////////////////////
// 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;
transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform;
will-change: auto;
}
/*//////////////////////////////////////
// Stuck Elements
//////////////////////////////////////*/
.vw-stuck {
position: fixed;
top: 0;
width: 100%;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.admin-bar .vw-stuck {
top: 32px;
}
.vw-stuck.vw-stuck--up {
transform: translateY(-100%);
}
.vw-stuck.vw-stuck--down {
transform: none;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}
/*//////////////////////////////////////
// Site Options
//////////////////////////////////////*/
/**
* Boxed
*/
@media (min-width: 768px) {
.vw-site--boxed .vw-site {
margin: 30px auto;
}
.vw-site--boxed .vw-site,
.vw-site--boxed .container,
.vw-site--boxed .vw-stuck {
max-width: 750px;
}
}
@media (min-width: 992px) {
.vw-site--boxed .vw-site,
.vw-site--boxed .container,
.vw-site--boxed .vw-stuck {
max-width: 1000px;
}
}
@media (min-width: 1200px) {
.vw-site--boxed .vw-site,
.vw-site--boxed .container,
.vw-site--boxed .vw-stuck {
max-width: 1200px;
}
}
/**
* Frame
*/
.vw-site--frame .vw-site {
border: 8px solid #222222;
}
.vw-site--frame .vw-site-frame {
background-color: #222222;
position: fixed;
z-index: 99;
}
.vw-site--frame .vw-site-frame--top {
height: 8px;
top: 0;
left: 0;
right: 0;
}
.vw-site--frame .vw-site-frame--bottom {
height: 8px;
bottom: 0;
left: 0;
right: 0;
}
/*//////////////////////////////////////
// Viewport
//////////////////////////////////////*/
.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(:first-child) {
flex: 1;
}
/*//////////////////////////////////////
// BAR
//////////////////////////////////////*/
.vw-bar__placeholder {
text-align: center;
align-self: center;
}
@media (min-width: 768px) {
.vw-bar--sm {
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
}
.vw-bar--sm > * {
flex: 1 1 auto;
}
.vw-bar--sm .vw-bar__placeholder--left {
text-align: left;
}
.vw-bar--sm .vw-bar__placeholder--right {
text-align: right;
}
}
@media (min-width: 992px) {
.vw-bar {
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
}
.vw-bar > * {
flex: 1 1 auto;
}
.vw-bar__placeholder--left {
text-align: left;
}
.vw-bar__placeholder--right {
text-align: right;
}
}
.vw-fixed-bar {
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
}
.vw-fixed-bar > * {
flex: 1 1 auto;
}
.vw-fixed-bar .vw-bar__placeholder--left {
text-align: left;
}
.vw-fixed-bar .vw-bar__placeholder--right {
text-align: right;
}
/* -----------------------------------------------------------------------------
*
* HEADER AREA
*
* -------------------------------------------------------------------------- */
.vw-header-area {
z-index: 99;
background-color: #FFFFFF;
position: relative;
}
@media (max-width: 991px) {
.vw-header-area {
border-bottom: 1px solid rgba(136, 136, 136, 0.25);
}
}
/*//////////////////////////////////////
// Top Bar
//////////////////////////////////////*/
.vw-top-bar {
position: relative;
padding: 0px 0px;
font-size: 13px;
line-height: 24px;
text-transform: uppercase;
}
.vw-top-bar a {
color: inherit;
}
.vw-top-bar .vw-social-icon {
padding: 8px 0;
width: 30px;
display: inline-block;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
/**
* Top bar: Default
*/
.vw-top-bar .vw-bar__placeholder.vw-today-date {
flex: 0 0 auto;
padding-right: 12px;
margin-right: 3px;
box-shadow: inset -1px 0 0 rgba(136, 136, 136, 0.5);
}
@media (max-width: 991px) {
.vw-top-bar .vw-bar__placeholder.vw-today-date {
display: none;
}
}
.vw-top-bar .vw-instant-search {
margin-left: 6px;
box-shadow: inset 1px 0 0 rgba(136, 136, 136, 0.5);
}
@media (max-width: 991px) {
.vw-top-bar--default .vw-bar__placeholder--left,
.vw-top-bar--menu-text .vw-bar__placeholder--left {
display: none;
}
}
@media (max-width: 991px) {
.vw-top-bar--ticker-social .vw-ticker__label {
display: none;
}
}
/*//////////////////////////////////////
// Post Ticker
//////////////////////////////////////*/
.vw-ticker a {
white-space: nowrap;
overflow: inherit;
text-overflow: ellipsis;
display: block;
height: inherit;
opacity: 0.7;
}
.vw-ticker ul {
width: 100%;
}
@media (max-width: 991px) {
.vw-ticker {
padding: 8px 0;
}
}
.vw-ticker__label {
flex: 0 0 auto;
margin-right: 10px;
margin-left: 5px;
font-weight: bold;
}
.vw-ticker__list {
height: 24px;
overflow: hidden;
}
/*//////////////////////////////////////
// Header
//////////////////////////////////////*/
.vw-header {
position: relative;
z-index: 1;
backface-visibility: hidden;
}
.vw-header .vw-mobile-nav-button {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0px;
display: none;
}
@media (max-width: 991px) {
.vw-header .vw-mobile-nav-button {
display: inline-block;
}
}
.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: 80px;
}
.vw-header .vw-instant-search i {
font-size: 18px;
color: #191919;
}
.vw-header .vw-stuck {
background-color: #FFFFFF;
}
/**
* Header Logo
*/
.vw-header__logo {
position: relative;
flex: 0 1 auto;
}
@media (max-width: 991px) {
.vw-header__logo {
text-align: left;
}
}
/**
* Header Right Menu
*/
.vw-header--right-menu {
border-bottom: 1px solid rgba(136, 136, 136, 0.25);
}
.vw-header--right-menu .vw-header__logo,
.vw-header--right-menu .vw-header__main-menu {
align-self: center;
}
.vw-header--right-menu .vw-menu-main .main-menu-link {
padding: 10px 15px;
}
.vw-header--right-menu .vw-menu-main .vw-menu {
justify-content: initial;
}
.vw-header--right-menu .vw-header__ads {
margin-bottom: 24px;
text-align: center;
}
.vw-header--right-menu .vw-stuck {
background-color: #FFFFFF;
}
.vw-header--right-menu .vw-stuck .vw-header__logo {
padding-top: 24px;
padding-bottom: 24px;
}
/**
* Header Main Menu
*/
@media (max-width: 991px) {
.vw-header__main-menu {
display: none;
}
}
/**
* Header Ads
*/
@media (max-width: 991px) {
.vw-header__ads {
margin-bottom: 24px;
}
}
/**
* Mobile Nav Button
*/
.vw-mobile-nav-button {
display: inline-block;
cursor: pointer;
vertical-align: middle;
}
.vw-mobile-nav-button button {
opacity: 1 !important;
line-height: 1px;
outline: none;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-mobile-nav-button button:hover .hamburger-inner,
.vw-mobile-nav-button button:hover .hamburger-inner::before,
.vw-mobile-nav-button button:hover .hamburger-inner::after {
background-color: #FFFFFF;
}
/**
* Left Logo
*/
/**
* Centered Logo
*/
.vw-header--centered {
text-align: center;
}
.vw-header--centered .vw-logo__image {
display: inline-block;
}
.vw-header--centered .vw-header__ads {
margin-bottom: 24px;
}
/* -----------------------------------------------------------------------------
*
* MEDIA AREA
*
* -------------------------------------------------------------------------- */
.vw-media-area {
padding: 36px 36px;
background: #F9F9F9;
}
/* -----------------------------------------------------------------------------
*
* CONTENT AREA
*
* -------------------------------------------------------------------------- */
.vw-content-area {
padding: 48px 0;
}
.vw-content-main {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
}
@media (min-width: 992px) {
.vw-content-main {
float: left;
width: 100%;
}
}
.vw-content-sidebar {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
}
@media (min-width: 992px) {
.vw-content-sidebar {
float: left;
width: 33.3333333333%;
}
}
@media (max-width: 991px) {
.vw-content-sidebar {
margin-top: 48px;
}
.vw-content-sidebar .widget:first-child {
padding-top: 36px;
border-top: 6px solid #333333;
border-top-style: solid !important;
}
}
@media (min-width: 992px) {
.vw-content-sidebar-extra {
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 {
float: left;
width: 66.6666666667%;
}
}
@media (min-width: 992px) {
.vw-content-area--right-sidebar .vw-content-sidebar {
box-shadow: rgba(136, 136, 136, 0.25) -1px 0px 0px 0px;
}
}
@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%;
}
}
@media (min-width: 992px) {
.vw-content-area--left-sidebar .vw-content-sidebar {
box-shadow: rgba(136, 136, 136, 0.25) 1px 0px 0px 0px;
}
}
.vw-content-area--right-extra-sidebar {
/* empty */
}
.vw-content-area--left-extra-sidebar {
/* empty */
}
/* -----------------------------------------------------------------------------
*
* SIDE CONTENT AREA
*
* -------------------------------------------------------------------------- */
@media (min-width: 992px) {
.vw-side-content-wrapper {
display: flex;
}
.vw-side-content-wrapper--reverse {
flex-direction: row-reverse;
}
.vw-side-content-wrapper--large-media .vw-side-content-area {
width: 35%;
}
.vw-side-content-wrapper--large-media .vw-side-media-area {
width: 65%;
}
.vw-side-content-area,
.vw-side-media-area {
flex: 1 1 auto;
width: 50%;
min-height: 883px;
}
.vw-side-content-area .vw-content-main {
padding: 0 48px;
}
.vw-side-content-area .vw-title-area .vw-title-area__title {
font-size: 24px !important;
}
.vw-side-content-area .vw-title-area__title {
margin-top: 72px !important;
}
}
.vw-side-media-area {
overflow: hidden;
background-color: #F9F9F9;
padding: 48px;
}
.vw-side-media-area > :not(:last-child) {
margin-bottom: 15px;
}
.vw-side-content-area {
background-color: #FFFFFF;
z-index: 1;
padding-bottom: 48px;
}
.vw-side-content-area .vw-title-area {
margin: 48px 0;
}
.vw-side-content-area .vw-title-area__title {
width: auto;
}
/* -----------------------------------------------------------------------------
*
* BREAKING NEWS AREA
*
* -------------------------------------------------------------------------- */
.vw-breaking-news-area {
border-bottom: 1px solid rgba(136, 136, 136, 0.25);
}
/* -----------------------------------------------------------------------------
*
* FOOTER AREA
*
* -------------------------------------------------------------------------- */
.vw-footer-area {
position: relative;
}
@media (max-width: 991px) {
.vw-footer-sidebar:not(:first-child) .widget:first-child {
padding-top: 36px;
margin-top: 36px;
border-top: 6px solid #333333;
border-top-style: solid !important;
}
}
/*//////////////////////////////////////
// Instagram Bar
//////////////////////////////////////*/
.vw-instagram-bar {
padding: 0;
text-align: center;
line-height: 24px;
}
.vw-instagram-bar ul {
list-style: none;
margin: 0;
display: flex;
background-color: #FFFFFF;
}
.vw-instagram-bar li {
margin: 0;
padding: 0;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-instagram-bar li:hover {
opacity: 0.8;
}
.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;
}
}
/*//////////////////////////////////////
// Footer Sidebar
//////////////////////////////////////*/
.vw-footer-sidebars {
padding-top: 48px;
padding-bottom: 48px;
}
.vw-footer-sidebar .widget:last-child {
margin-bottom: 0;
}
.vw-footer-sidebar .widget-title {
font-size: 25px;
}
.vw-site-footer-sidebar--layout-10 .vw-footer-sidebar {
margin: auto;
float: none;
text-align: center;
}
/*//////////////////////////////////////
// Bottom Bar
//////////////////////////////////////*/
.vw-bottom-bar {
padding: 13px 40px;
font-size: 11px;
line-height: 24px;
}
.vw-bottom-bar--copyright .vw-copyright {
text-align: center;
}
/* -----------------------------------------------------------------------------
*
* SIDE PANEL
*
* -------------------------------------------------------------------------- */
.vw-side-panel {
width: 360px;
height: 100vh;
position: fixed;
top: 0;
right: 0;
padding: 30px;
z-index: 99;
background-color: #FFFFFF;
transform: translateX(110%);
box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.15);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
@media (max-width: 767px) {
.vw-side-panel {
width: 320px;
}
}
.admin-bar .vw-side-panel {
height: calc( 100vh - 32px);
top: 32px;
}
.vw-side-panel__backdrop {
display: none;
background-color: rgba(255, 255, 255, 0.7);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
}
.vw-side-panel_close {
position: absolute;
right: 360px;
cursor: pointer;
}
.admin-bar .vw-side-panel_close {
top: 60px;
}
@media (max-width: 767px) {
.vw-side-panel_close {
right: 314px;
}
}
.vw-side-panel_close .vw-icon:before {
font-size: 38px;
color: #191919;
}
.vw-side-panel__socials {
margin: -15px -15px 0 -15px;
padding: 10px 0;
text-align: center;
}
.vw-side-panel__socials .vw-site-social-links {
margin: -5px;
}
.vw-side-panel__socials a {
display: inline-block;
width: 45px;
height: 45px;
line-height: 45px;
font-size: 12px;
border-radius: 100%;
border: 1px solid #CCCCCC;
color: #191919;
margin: 5px;
}
.vw-open-side-panel .vw-site {
z-index: 0;
transform: translateX(-35px);
}
.vw-open-side-panel .vw-side-panel {
transform: translateX(0);
}
.vw-open-side-panel .vw-side-panel__backdrop {
display: block;
}
/*//////////////////////////////////////
// Side Menu
//////////////////////////////////////*/
.vw-side-panel__menu {
position: relative;
overflow: hidden;
padding-top: 24px;
margin-bottom: 24px;
transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: height;
font-size: 14px;
}
.vw-side-panel__menu-title {
margin-bottom: 36px;
display: none;
}
.vw-side-panel__close-sub-menu {
position: absolute;
top: -24px;
left: 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;
}
/**
* Menu Elements
*/
.vw-side-panel__main-menu {
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-side-panel__sub-menu {
position: absolute;
transform: translate3d(100%, 0, 0);
top: 0;
left: 0;
width: 100%;
opacity: 0;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-side-panel__sub-menu ul,
.vw-side-panel__sub-menu li {
list-style: none;
margin: 0;
}
/**
* Open sub menu
*/
.vw-side-panel__menu--opened .vw-side-panel__main-menu {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.vw-side-panel__menu--opened .vw-side-panel__sub-menu {
opacity: 1;
transform: translate3d(0, 0, 0);
}
/*//////////////////////////////////////
// Side Sidebar
//////////////////////////////////////*/
.vw-side-panel__sidebar {
margin: 24px 0 0 0;
}
.vw-side-panel__sidebar .widget:last-child {
margin-bottom: 0;
}
/* -----------------------------------------------------------------------------
*
* LOGO
*
* -------------------------------------------------------------------------- */
.vw-logo {
display: block;
}
.vw-logo__link {
text-decoration: none;
}
.vw-logo__image {
display: block;
}
/*//////////////////////////////////////
// Mobile Logo
//////////////////////////////////////*/
.vw-logo__mobile_image {
display: none;
}
@media (max-width: 991px) {
.vw-logo__mobile_image {
display: inline-block;
}
.vw-logo__mobile_image + .vw-logo__image {
display: none;
}
}
/*//////////////////////////////////////
// Text Logo
//////////////////////////////////////*/
.vw-logo__title {
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
}
.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 {
padding: 24px;
background-color: #F5F5F5;
}
.vw-title-area .vw-post-share {
transform: translateY(60px);
color: rgba(238, 238, 238, 0.3);
}
.vw-title-area__inner {
display: flex;
align-items: center;
min-height: 150px;
}
.vw-title-area__box {
text-align: center;
}
.vw-title-area__box > :last-child {
margin-bottom: 0;
}
.vw-title-area__title {
margin-bottom: 10px;
font-size: 32px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.vw-title-area__tagline:not(:last-child) {
margin-bottom: 30px;
}
.vw-title-area__post-meta {
font-size: 13px;
text-transform: uppercase;
}
.vw-title-area__post-meta .vw-avatar {
margin-right: 0.5em;
}
.vw-title-area__post-meta .vw-avatar img {
vertical-align: bottom;
}
/*//////////////////////////////////////
// Has Background
//////////////////////////////////////*/
.vw-title-area--has-bg {
position: relative;
background-color: #111111;
overflow: hidden;
}
.vw-title-area--has-bg .vegas-container {
position: static;
}
.vw-title-area--has-bg .vw-title-area__inner {
position: relative;
min-height: 350px;
}
@media (min-width: 992px) {
.vw-title-area--has-bg .vw-title-area__inner {
min-height: 500px;
}
}
.vw-title-area--has-bg .vegas-slide-inner {
-webkit-filter: brightness(75%);
filter: brightness(75%);
}
.vw-title-area--has-bg .vw-title-area__title {
font-size: 32px;
color: #FFFFFF;
}
@media (min-width: 768px) {
.vw-title-area--has-bg .vw-title-area__title {
font-size: 47px;
}
}
.vw-title-area--has-bg .vw-review-label,
.vw-title-area--has-bg .vw-gallery-link,
.vw-title-area--has-bg .vw-video-link,
.vw-title-area--has-bg .vw-audio-link {
display: none;
}
.vw-title-area--has-bg .vw-title-area__tagline {
font-size: 16px;
color: rgba(255, 255, 255, 0.85);
}
@media (min-width: 768px) {
.vw-title-area--has-bg .vw-title-area__tagline {
font-size: 18px;
}
}
.vw-title-area--has-bg .vw-title-area__post-meta {
color: rgba(255, 255, 255, 0.7);
}
.vw-title-area--has-bg .vw-title-area__post-meta > * {
display: inline-block;
}
.vw-title-area--has-bg .vw-title-area__post-meta > *:not(:last-child) {
margin-right: 1em;
}
/*//////////////////////////////////////
// Caption
//////////////////////////////////////*/
.vw-title-area__captions {
position: absolute;
bottom: 1em;
right: 1em;
z-index: 2;
}
.vw-title-area__caption {
display: none;
font-size: 11px;
padding: 0px 10px;
background: rgba(0, 0, 0, 0.4);
color: rgba(255, 255, 255, 0.9);
}
.vw-title-area__caption:empty {
display: none !important;
}
.vw-title-area__caption.visible {
display: inline-block;
}
@media (max-width: 991px) {
.vw-title-area__caption {
display: none !important;
}
}
.vw-title-area__caption a {
border-bottom: 1px dotted #FFFFFF;
text-decoration: none !important;
}
/*//////////////////////////////////////
// Gallery Nav Button
//////////////////////////////////////*/
.vw-title-area__nav {
position: absolute;
bottom: 1em;
left: 1em;
z-index: 999;
}
.vw-title-area__nav-button {
display: inline-block;
width: 36px;
line-height: 36px;
text-align: center;
background: rgba(0, 0, 0, 0.4);
color: #FFFFFF !important;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
/* -----------------------------------------------------------------------------
*
* MENU
*
* -------------------------------------------------------------------------- */
.vw-menu {
text-align: initial;
display: flex;
flex-wrap: wrap;
}
.vw-menu,
.vw-menu ul,
.vw-menu li {
list-style: none;
margin: 0;
}
.vw-menu .menu-item {
position: relative;
}
.vw-menu .menu-link {
display: block;
text-decoration: none;
}
.vw-menu .menu-link .vw-icon {
margin-right: 6px;
display: inline-block;
}
.vw-menu .menu-item-has-children > .main-menu-link {
position: relative;
padding-right: 25px !important;
}
.vw-menu .menu-item-has-children > .main-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;
line-height: 1px;
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
}
.vw-menu .sub-menu-wrapper {
position: absolute;
display: none;
z-index: 10;
min-width: 250px;
font-size: 13px;
background-color: #FFFFFF;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.vw-menu .menu-item-has-children > .sub-menu-link {
position: relative;
}
.vw-menu .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%;
transform: translateY(-50%);
}
.vw-menu .menu-item-depth-1 {
position: relative;
}
.vw-menu .menu-item-depth-1 .sub-menu-wrapper {
left: 100%;
top: 0;
}
.menu-description {
display: block;
font-size: 11px;
color: rgba(128, 128, 128, 0.7);
}
/**
* Menu Separator
*/
.vw-menu .sub-menu-item:not(:last-child):after,
.vw-menu-mobile .menu-item:not(:last-child):after {
content: '';
display: block;
width: 100%;
height: 0;
border-bottom: 1px solid rgba(128, 128, 128, 0.1);
}
/**
* Menu hover effect
*/
.vw-menu-top .menu-item,
.vw-menu-main .menu-item {
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-menu-top .menu-item:hover > .menu-link,
.vw-menu-main .menu-item:hover > .menu-link {
color: #FFFFFF;
}
/*//////////////////////////////////////
// Top Menu
//////////////////////////////////////*/
.vw-menu-top .main-menu-link {
padding: 8px 10px;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-menu-top .sub-menu-wrapper {
background-color: #F7F7F7;
color: #2D2D2D;
}
.vw-menu-top .sub-menu-link {
padding: 10px 15px;
}
/*//////////////////////////////////////
// Bottom Menu
//////////////////////////////////////*/
.vw-menu-bottom {
text-align: right;
}
.vw-menu-bottom .menu-item-has-children > .main-menu-link:after {
display: none;
}
.vw-menu-bottom .vw-menu {
justify-content: flex-end;
}
@media (max-width: 991px) {
.vw-menu-bottom .vw-menu {
justify-content: center;
margin-top: 12px;
}
}
.vw-menu-bottom .vw-menu .main-menu-link {
padding: 0px 6px !important;
}
.vw-menu-bottom .vw-menu .main-menu-link:hover {
text-decoration: underline;
}
/*//////////////////////////////////////
// Main Menu
//////////////////////////////////////*/
.vw-menu-main .vw-menu {
justify-content: center;
align-items: center;
}
.vw-menu-main .main-menu-link {
padding: 0.8em 1em;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-menu-main .sub-menu-wrapper {
visibility: hidden;
}
.vw-menu-main .sf-js-enabled .sub-menu-wrapper {
visibility: visible;
}
.vw-menu-main .sub-menu-link {
padding: 10px 20px;
}
.vw-menu-main .menu-item-has-children > .main-menu-link {
padding-right: 1.8em !important;
}
/**
* Full width panel
*/
.vw-mega-item--latest,
.vw-mega-item--latest-gallery,
.vw-mega-item--latest-video,
.vw-mega-item--latest-audio,
.vw-mega-item--latest-reviews,
.vw-mega-item--featured,
.vw-mega-item--latest-products,
.vw-mega-item--columns-list {
position: static !important;
}
.vw-mega-item--latest > .sub-menu-wrapper,
.vw-mega-item--latest-gallery > .sub-menu-wrapper,
.vw-mega-item--latest-video > .sub-menu-wrapper,
.vw-mega-item--latest-audio > .sub-menu-wrapper,
.vw-mega-item--latest-reviews > .sub-menu-wrapper,
.vw-mega-item--featured > .sub-menu-wrapper,
.vw-mega-item--latest-products > .sub-menu-wrapper,
.vw-mega-item--columns-list > .sub-menu-wrapper {
position: absolute;
left: 0;
right: 0;
z-index: 1;
background-color: #FFFFFF;
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 544px) {
.vw-mega-item--latest > .sub-menu-wrapper,
.vw-mega-item--latest-gallery > .sub-menu-wrapper,
.vw-mega-item--latest-video > .sub-menu-wrapper,
.vw-mega-item--latest-audio > .sub-menu-wrapper,
.vw-mega-item--latest-reviews > .sub-menu-wrapper,
.vw-mega-item--featured > .sub-menu-wrapper,
.vw-mega-item--latest-products > .sub-menu-wrapper,
.vw-mega-item--columns-list > .sub-menu-wrapper {
max-width: 576px;
}
}
@media (min-width: 768px) {
.vw-mega-item--latest > .sub-menu-wrapper,
.vw-mega-item--latest-gallery > .sub-menu-wrapper,
.vw-mega-item--latest-video > .sub-menu-wrapper,
.vw-mega-item--latest-audio > .sub-menu-wrapper,
.vw-mega-item--latest-reviews > .sub-menu-wrapper,
.vw-mega-item--featured > .sub-menu-wrapper,
.vw-mega-item--latest-products > .sub-menu-wrapper,
.vw-mega-item--columns-list > .sub-menu-wrapper {
max-width: 720px;
}
}
@media (min-width: 992px) {
.vw-mega-item--latest > .sub-menu-wrapper,
.vw-mega-item--latest-gallery > .sub-menu-wrapper,
.vw-mega-item--latest-video > .sub-menu-wrapper,
.vw-mega-item--latest-audio > .sub-menu-wrapper,
.vw-mega-item--latest-reviews > .sub-menu-wrapper,
.vw-mega-item--featured > .sub-menu-wrapper,
.vw-mega-item--latest-products > .sub-menu-wrapper,
.vw-mega-item--columns-list > .sub-menu-wrapper {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.vw-mega-item--latest > .sub-menu-wrapper,
.vw-mega-item--latest-gallery > .sub-menu-wrapper,
.vw-mega-item--latest-video > .sub-menu-wrapper,
.vw-mega-item--latest-audio > .sub-menu-wrapper,
.vw-mega-item--latest-reviews > .sub-menu-wrapper,
.vw-mega-item--featured > .sub-menu-wrapper,
.vw-mega-item--latest-products > .sub-menu-wrapper,
.vw-mega-item--columns-list > .sub-menu-wrapper {
max-width: 1140px;
}
}
.vw-mega-item--latest .vw-flex-grid,
.vw-mega-item--latest-gallery .vw-flex-grid,
.vw-mega-item--latest-video .vw-flex-grid,
.vw-mega-item--latest-audio .vw-flex-grid,
.vw-mega-item--latest-reviews .vw-flex-grid,
.vw-mega-item--featured .vw-flex-grid,
.vw-mega-item--latest-products .vw-flex-grid,
.vw-mega-item--columns-list .vw-flex-grid {
flex-wrap: nowrap;
}
.vw-mega-item--latest .vw-loop .vw-flex-grid__item,
.vw-mega-item--latest-gallery .vw-loop .vw-flex-grid__item,
.vw-mega-item--latest-video .vw-loop .vw-flex-grid__item,
.vw-mega-item--latest-audio .vw-loop .vw-flex-grid__item,
.vw-mega-item--latest-reviews .vw-loop .vw-flex-grid__item,
.vw-mega-item--featured .vw-loop .vw-flex-grid__item,
.vw-mega-item--latest-products .vw-loop .vw-flex-grid__item,
.vw-mega-item--columns-list .vw-loop .vw-flex-grid__item {
flex-basis: 100%;
}
/**
* Side menu with mega area
*/
.vw-mega-item--latest > .sub-menu-wrapper,
.vw-mega-item--latest-gallery > .sub-menu-wrapper,
.vw-mega-item--latest-video > .sub-menu-wrapper,
.vw-mega-item--latest-audio > .sub-menu-wrapper,
.vw-mega-item--latest-reviews > .sub-menu-wrapper,
.vw-mega-item--latest-products > .sub-menu-wrapper,
.vw-mega-item--featured > .sub-menu-wrapper {
display: flex;
}
.vw-mega-item--latest > .sub-menu-wrapper > .sub-menu,
.vw-mega-item--latest-gallery > .sub-menu-wrapper > .sub-menu,
.vw-mega-item--latest-video > .sub-menu-wrapper > .sub-menu,
.vw-mega-item--latest-audio > .sub-menu-wrapper > .sub-menu,
.vw-mega-item--latest-reviews > .sub-menu-wrapper > .sub-menu,
.vw-mega-item--latest-products > .sub-menu-wrapper > .sub-menu,
.vw-mega-item--featured > .sub-menu-wrapper > .sub-menu {
flex: 1 1 auto;
width: 250px;
}
.vw-mega-item--latest > .sub-menu-wrapper .vw-mega-menu-area,
.vw-mega-item--latest-gallery > .sub-menu-wrapper .vw-mega-menu-area,
.vw-mega-item--latest-video > .sub-menu-wrapper .vw-mega-menu-area,
.vw-mega-item--latest-audio > .sub-menu-wrapper .vw-mega-menu-area,
.vw-mega-item--latest-reviews > .sub-menu-wrapper .vw-mega-menu-area,
.vw-mega-item--latest-products > .sub-menu-wrapper .vw-mega-menu-area,
.vw-mega-item--featured > .sub-menu-wrapper .vw-mega-menu-area {
flex: 1 1 auto;
}
.vw-mega-menu-area {
padding: 15px;
}
/**
* Columns List
*/
.vw-mega-item--columns-list > .sub-menu-wrapper > .sub-menu {
display: flex;
margin: 0 -6px;
}
.vw-mega-item--columns-list .menu-item-depth-1 {
flex: 1 1 auto;
padding: 0 6px;
}
.vw-mega-item--columns-list .menu-item-depth-1:hover {
background: transparent !important;
}
.vw-mega-item--columns-list .menu-item-depth-1:hover > .menu-link {
color: #000000;
}
.vw-mega-item--columns-list .menu-item-depth-1 > .menu-link {
padding: 10px;
font-size: 12px;
font-weight: bold;
text-align: center;
}
.vw-mega-item--columns-list .menu-item-depth-1 > .menu-link:after {
display: none;
}
.vw-mega-item--columns-list .menu-item-depth-1 > .sub-menu-wrapper {
position: static;
display: block !important;
opacity: 1 !important;
margin-top: 0 !important;
box-shadow: none;
}
.vw-mega-item--columns-list .menu-item-depth-1:after {
display: none;
}
.vw-mega-item--columns-list .menu-item-depth-1.hidden {
display: block !important;
visibility: visible !important;
}
.vw-mega-item--columns-list .menu-item-depth-1.hidden > .menu-link {
display: none;
}
/*//////////////////////////////////////
// Mobile Menu
//////////////////////////////////////*/
.vw-menu-mobile .vw-menu {
display: block;
}
.vw-menu-mobile .menu-link {
padding: 12px 0px;
display: block;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-menu-mobile .main-menu-item.menu-item-has-children {
position: relative;
}
.vw-menu-mobile .main-menu-item.menu-item-has-children > a: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%;
}
.vw-menu-mobile .sub-menu-link:after,
.vw-menu-mobile .menu-link .vw-icon,
.vw-menu-mobile .menu-description {
display: none;
}
.vw-menu-mobile .menu-item-depth-1 .sub-menu-wrapper {
margin-left: 15px;
margin-top: 12px;
margin-bottom: 12px;
}
.vw-menu-mobile .menu-item-depth-1 .sub-menu-item:after {
display: none;
}
.vw-menu-mobile .menu-item-depth-1 .sub-menu-item:last-child {
margin-bottom: 0;
}
.vw-menu-mobile .menu-item-depth-1 .sub-menu-item:first-child {
margin-top: 0;
}
.vw-menu-mobile .menu-item-depth-1 .sub-menu-item:first-child .menu-link {
padding-top: 0;
}
.vw-menu-mobile .menu-item-depth-2 {
font-size: 0.9em;
padding: 0;
margin: 12px 0;
}
.vw-menu-mobile .menu-item-depth-2 .menu-link {
padding: 6px 0px;
}
/*//////////////////////////////////////
// No Menu Warning
//////////////////////////////////////*/
.vw-no-menu-warning {
font-size: 12px;
font-style: italic;
padding: 17px 0.5em;
color: #AAAAAA;
text-align: center;
}
.vw-no-menu-warning a {
text-decoration: underline;
}
/* -----------------------------------------------------------------------------
*
* BLOG / ARCHIVE
*
* -------------------------------------------------------------------------- */
/*//////////////////////////////////////
// Blog Posts Navigation
//////////////////////////////////////*/
.vw-pagination {
margin-top: 48px;
padding-top: 15px;
position: relative;
z-index: 0;
text-align: center;
border-top: 3px solid #333333;
}
.vw-pagination--infinite,
.vw-pagination--infinite-auto {
border: none !important;
padding-top: 0px !important;
}
.vw-pagination__load-more {
padding-left: 30px;
padding-right: 30px;
color: #666666;
background-color: rgba(136, 136, 136, 0.2);
}
.vw-pagination__load-more:hover {
color: #FFFFFF;
}
.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: 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;
font-size: 17px;
letter-spacing: 0 !important;
text-align: center;
color: #666666;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-pagination__links .page-numbers:not(:last-child) {
margin-right: 5px;
}
.vw-pagination__links .page-numbers span {
display: inline-block;
}
.vw-pagination__links .page-numbers:hover {
background-color: #F7F7F7;
}
.vw-pagination__links .page-numbers.current {
color: #FFFFFF;
}
/*//////////////////////////////////////
// Archive Page
//////////////////////////////////////*/
.archive .vw-content-main > .vw-loop:not(:last-of-type) {
border-bottom: 1px dotted #DDDDDD;
padding-bottom: 30px;
}
.archive .vw-archive-large-featured-area {
margin-bottom: 24px;
}
/*//////////////////////////////////////
// Author Archive Page
//////////////////////////////////////*/
/*//////////////////////////////////////
// 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-404-box {
margin-bottom: 48px;
text-align: center;
}
.vw-404-box__hero-title {
font-size: 90px;
line-height: 1em;
margin-top: 0;
margin-bottom: 15px;
}
/* -----------------------------------------------------------------------------
*
* LOOP
*
* -------------------------------------------------------------------------- */
.vw-loop {
position: relative;
}
.vw-loop + .vw-loop {
margin-top: 10px;
}
.vw-inview {
opacity: 0;
transition: all 1s;
transform: translateY(50px);
}
.vw-inview.vw-inview--visible {
opacity: 1;
transform: none;
}
.vw-disable-inview .vw-inview {
opacity: 1;
transform: none;
}
.vw-loop--border-bottom .vw-post-box {
border-bottom: 1px dotted #DDDDDD;
padding-bottom: 17px;
margin-bottom: -5px;
}
.vw-footer .vw-loop--border-bottom .vw-post-box {
border-bottom-color: rgba(255, 255, 255, 0.13);
}
.vw-mega-menu-area .vw-loop--border-bottom .vw-post-box,
.vw-more-articles .vw-loop--border-bottom .vw-post-box {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
/*//////////////////////////////////////
// LOOP: Extra
//////////////////////////////////////*/
/*//////////////////////////////////////
// LOOP: Block A
//////////////////////////////////////*/
/*//////////////////////////////////////
// LOOP: Mix
//////////////////////////////////////*/
/*
.vw-loop--mix-1,
.vw-loop--mix-2,
.vw-loop--mix-3 {
.vw-flex-grid__item:not( :nth-last-child( -n+2 ) ) {
.vw-post-box {
border-bottom: 1px dotted #ddd;
padding-bottom: 20px;
}
}
}
.vw-loop--mix-3 .vw-flex-grid__item:first-child {
.vw-post-box {
border-bottom: none;
padding-bottom: 0;
}
}
.vw-loop--mix-4 {
.vw-flex-grid__item:first-child {
.vw-post-box {
height: 450px;
}
}
.vw-flex-grid__item:not( :first-child ) {
.vw-post-box {
// height: 250px;
}
}
}*/
/*//////////////////////////////////////
// LOOP: Small
//////////////////////////////////////*/
.vw-loop--small .vw-post-box:not(:first-child) {
margin-top: 12px;
padding-top: 12px;
border-top: 1px dotted rgba(0, 0, 0, 0.05);
}
/*//////////////////////////////////////
// LOOP: Slider Full 1
//////////////////////////////////////*/
.vw-loop--slider-full-1 .vw-post-box--full .vw-post-box__background {
height: 500px;
}
.vw-loop--slider-full-1 .vw-post-box--full .vw-post-box__inner {
align-items: flex-end;
}
.vw-loop--slider-full-1 .vw-post-box--full .vw-post-box__title {
font-size: 33px;
max-width: 30em;
}
/*//////////////////////////////////////
// LOOP: Slider XLarge
//////////////////////////////////////*/
.vw-loop--slider-xlarge .vw-slides__slide .vw-post-box,
.vw-loop--slider-xlarge-2 .vw-slides__slide .vw-post-box {
height: 350px;
}
@media (min-width: 992px) {
.vw-loop--slider-xlarge .vw-slides__slide .vw-post-box,
.vw-loop--slider-xlarge-2 .vw-slides__slide .vw-post-box {
height: 500px;
}
}
.vw-loop--slider-xlarge-2 .vw-loop-extra {
margin-top: 24px;
}
/*//////////////////////////////////////
// LOOP: Slider Multi
//////////////////////////////////////*/
.vw-loop--slider-multi-1 .slick-prev,
.vw-loop--slider-multi-1 .slick-next,
.vw-loop--slider-multi-3 .slick-prev,
.vw-loop--slider-multi-3 .slick-next,
.vw-loop--slider-multi-4 .slick-prev,
.vw-loop--slider-multi-4 .slick-next,
.vw-loop--slider-multi-5 .slick-prev,
.vw-loop--slider-multi-5 .slick-next {
bottom: 50%;
transform: translateY(50%);
}
.vwspc-section:first-child .vw-loop--slider-multi-1,
.vwspc-section:first-child
.vw-loop--slider-multi-3,
.vwspc-section:first-child
.vw-loop--slider-multi-4,
.vwspc-section:first-child
.vw-loop--slider-multi-5 {
margin-top: -48px;
}
/*//////////////////////////////////////
// LOOP: Carousel 2
//////////////////////////////////////*/
@media (max-width: 991px) {
.vw-loop--carousel .vw-post-box--flex .vw-post-date {
display: none;
}
}
.vw-loop--carousel .slick-prev,
.vw-loop--carousel .slick-next {
width: 30px;
top: 50%;
bottom: initial;
background-color: transparent !important;
color: #999999;
}
.vw-loop--carousel .slick-prev:hover,
.vw-loop--carousel .slick-next:hover {
color: #333333 !important;
background-color: transparent !important;
}
.vw-loop--carousel .slick-prev {
left: -30px;
}
.vw-loop--carousel .slick-next {
right: -30px;
}
.vw-loop--carousel-2 .vw-post-box,
.vw-loop--carousel-3 .vw-post-box {
padding: 24px 6px;
}
.vw-loop--carousel-3 .vw-post-box {
padding: 24px 6px;
}
.vw-loop--carousel-3 .vw-post-box__title {
font-size: 13px;
}
/* -----------------------------------------------------------------------------
*
* POST BOX
*
* -------------------------------------------------------------------------- */
.vw-post-box .wp-post-image {
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
display: block;
margin: 0;
width: 100%;
max-width: none;
}
.vw-post-box .vw-post-box__thumbnail-wrapper {
position: relative;
overflow: hidden;
}
.vw-post-box .vw-post-box__thumbnail-wrapper:hover .wp-post-image {
transform: scale(1.1);
-webkit-filter: blur(2px);
filter: blur(2px);
}
.vw-post-box .vw-post-box__excerpt {
-ms-word-wrap: break-word;
word-wrap: break-word;
line-height: 24px;
}
.vw-post-box .vw-post-box__meta {
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
}
.vw-post-box .vw-post-box__meta .vw-avatar {
margin-right: 0.5em;
}
.vw-post-box .vw-post-box__meta .avatar {
margin-top: -3px;
display: inline-block;
}
.vw-post-box .vw-post-box__meta .vw-post-date {
color: #B0B0B0;
}
.vw-post-box .vw-post-box__meta .vw-post-author__name {
color: #666666;
}
.vw-post-box__footer {
font-size: 11px;
}
.vw-post-box__footer a,
.vw-post-box__footer .vw-post-share-button,
.vw-post-box__footer .vw-post-views {
color: #AAAAAA;
font-family: inherit;
font-weight: 400;
letter-spacing: 0;
}
.vw-post-box__footer .vw-bar__placeholder--left > :not(:last-child) {
margin-right: 6px;
}
.vw-post-box__footer .vw-bar__placeholder--right > :not(:last-child) {
margin-left: 6px;
}
/*//////////////////////////////////////
// Post Box Overlay
//////////////////////////////////////*/
.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 cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-post-box__thumbnail-wrapper:hover .vw-post-box__overlay {
opacity: 1;
transform: none;
}
.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 cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.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: Block A & B
//////////////////////////////////////*/
.vw-post-box--block-a .vw-post-box__thumbnail-wrapper,
.vw-post-box--block-b .vw-post-box__thumbnail-wrapper {
margin-bottom: 24px;
}
.vw-post-box--block-a .vw-post-box__title,
.vw-post-box--block-b .vw-post-box__title {
margin-bottom: 5px;
}
.vw-post-box--block-a .vw-post-box__link,
.vw-post-box--block-b .vw-post-box__link {
display: block;
color: inherit;
font-size: 21px;
line-height: 1.2em;
}
.vw-post-box--block-a .vw-post-box__meta,
.vw-post-box--block-b .vw-post-box__meta {
margin-bottom: 20px;
}
.vw-post-box--block-a .vw-post-box__meta > *:not(:last-child),
.vw-post-box--block-b .vw-post-box__meta > *:not(:last-child) {
margin-right: 0.5em;
}
/*//////////////////////////////////////
// Post Box: Flex
//////////////////////////////////////*/
.vw-post-box--flex .vw-post-box__inner {
display: flex;
flex-direction: column;
height: 190px;
}
.vw-post-box--flex .vw-post-box__content {
flex: 1 1 auto;
padding-bottom: 3px;
}
.vw-post-box--flex .vw-post-box__thumbnail-wrapper {
flex: 50 1 auto;
background-position: top center;
background-size: cover;
}
.vw-post-box--flex .vw-post-box__title {
font-size: 16px;
margin-bottom: 5px;
}
.vw-post-box--flex .avatar {
display: inline-block;
}
/*//////////////////////////////////////
// Post Box: Block C & D
//////////////////////////////////////*/
.vw-post-box--block-c .vw-post-box__inner,
.vw-post-box--block-d .vw-post-box__inner {
display: flex;
}
.vw-post-box--block-c .vw-post-box__thumbnail-wrapper,
.vw-post-box--block-d .vw-post-box__thumbnail-wrapper {
margin-right: 12px;
flex: 0 0 auto;
}
.vw-post-box--block-c .vw-post-box__thumbnail-wrapper:hover .wp-post-image,
.vw-post-box--block-d .vw-post-box__thumbnail-wrapper:hover .wp-post-image {
filter: none;
transform: none;
}
.vw-post-box--block-c .vw-post-box__title,
.vw-post-box--block-d .vw-post-box__title {
margin-bottom: 0;
}
.vw-post-box--block-d .vw-post-views {
display: inline-block;
margin-right: 6px;
padding: 3px 4px;
line-height: 1em;
color: #FFFFFF;
}
/*//////////////////////////////////////
// Post Box: Block G
//////////////////////////////////////*/
.vw-post-box--block-g .vw-post-box__thumbnail-wrapper {
margin-bottom: 12px;
}
/*//////////////////////////////////////
// Post Box: Block H
//////////////////////////////////////*/
.vw-post-box--block-h .vw-post-box__thumbnail-wrapper {
margin-bottom: 12px;
}
.vw-post-box--block-h .vw-post-box__title {
font-size: 16px;
margin-bottom: 6px;
}
/*//////////////////////////////////////
// Post Box: Block I
//////////////////////////////////////*/
.vw-post-box--block-i {
position: relative;
}
@media (max-width: 991px) {
.vw-post-box--block-i .vw-post-box__thumbnail-wrapper {
width: 100%;
height: 250px;
margin-bottom: 24px;
}
}
@media (min-width: 992px) {
.vw-post-box--block-i .vw-post-box__inner {
display: flex;
min-height: 225px;
}
.vw-post-box--block-i .vw-post-box__content,
.vw-post-box--block-i .vw-post-box__thumbnail-wrapper {
flex: 1 1 auto;
width: 50%;
}
}
.vw-post-box--block-i .vw-post-box__thumbnail-wrapper {
margin-right: 24px;
overflow: hidden;
}
.vw-post-box--block-i .vw-post-box__thumbnail-wrapper:hover .vw-post-box__background {
transform: scale(1.1);
-webkit-filter: blur(2px);
filter: blur(2px);
}
.vw-post-box--block-i .vw-post-box__background {
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-post-box--block-i .vw-post-box__title {
margin-bottom: 6px;
}
.vw-post-box--block-i .vw-post-box__meta {
margin-bottom: 12px;
}
.vw-post-box--block-i-2 .vw-post-box__title {
font-size: 18px;
}
@media (min-width: 992px) {
.vw-post-box--block-i-2 .vw-post-box__inner {
min-height: 0;
}
.vw-post-box--block-i-2 .vw-post-box__thumbnail-wrapper {
width: 25%;
}
}
/*//////////////////////////////////////
// Post Box: Slide 1
//////////////////////////////////////*/
.vw-post-box--slide-1 {
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.vw-post-box--slide-1 .vw-post-box__inner {
padding: 30px 30px;
background-color: rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
.vw-post-box--slide-1 .vw-post-box__inner {
padding: 30px 60px;
}
}
.vw-post-box--slide-1 .vw-post-box__title {
font-size: 28px;
color: #FFFFFF;
}
@media (min-width: 768px) {
.vw-post-box--slide-1 .vw-post-box__title {
font-size: 42px;
padding-right: 35%;
}
}
.vw-post-box--slide-1 .vw-post-box__link {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 1;
}
/*//////////////////////////////////////
// Post Box: Full 1
//////////////////////////////////////*/
.vw-post-box--full {
overflow: hidden;
background-color: #191919;
position: relative;
}
.vw-post-box--full .vw-post-box__background {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 394px;
min-height: 100%;
max-height: 100%;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-post-box--full .vw-post-box__background:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent;
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(to top,rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0) 100%);
}
.vw-post-box--full .vw-post-box__inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 24px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.vw-post-box--full .vw-post-box__link {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.vw-post-box--full .vw-post-box__title {
margin-bottom: 0;
color: #FFFFFF;
}
.vw-post-box--full-2 .vw-post-box__inner {
justify-content: flex-start;
align-items: flex-end;
text-align: left;
}
.vw-post-box--full-2 .vw-post-box__meta {
color: rgba(255, 255, 255, 0.6);
}
.vw-post-box--full-2 .vw-post-box__meta > * {
color: inherit !important;
}
/*//////////////////////////////////////
// Post Multi 1
//////////////////////////////////////*/
.vw-post-multi {
height: 550px;
}
.vw-post-multi::after {
content: "";
display: table;
clear: both;
}
.vw-post-multi .vw-post-multi__item {
float: left;
height: 50%;
width: 100%;
}
.vw-post-multi .vw-post-box {
height: 100%;
}
.vw-post-multi--medium-gap {
margin: -7px;
}
.vw-post-multi--medium-gap .vw-post-multi__item {
padding: 7px;
}
@media (min-width: 992px) {
.vw-post-multi--1 .vw-post-multi__item:nth-child(1) {
width: 60%;
height: 100%;
}
.vw-post-multi--1 .vw-post-multi__item:nth-child(2),
.vw-post-multi--1 .vw-post-multi__item:nth-child(3) {
width: 40%;
height: 50%;
}
}
@media (min-width: 992px) {
.vw-post-multi--2 .vw-post-multi__item:nth-child(1) {
width: 100%;
height: 100%;
}
.vw-post-multi--2 .vw-post-multi__item:nth-child(2) {
width: 100%;
height: 50%;
}
.vw-post-multi--2 .vw-post-multi__item:nth-child(3),
.vw-post-multi--2 .vw-post-multi__item:nth-child(4) {
width: 50%;
height: 50%;
}
}
@media (min-width: 1200px) {
.vw-post-multi--2 .vw-post-multi__item:nth-child(1) {
width: 50%;
height: 100%;
}
.vw-post-multi--2 .vw-post-multi__item:nth-child(2) {
width: 50%;
height: 50%;
}
.vw-post-multi--2 .vw-post-multi__item:nth-child(3),
.vw-post-multi--2 .vw-post-multi__item:nth-child(4) {
width: 25%;
height: 50%;
}
}
@media (min-width: 992px) {
.vw-post-multi--3 .vw-post-multi__item:nth-child(1) {
width: 100%;
height: 100%;
}
.vw-post-multi--3 .vw-post-multi__item:nth-child(2),
.vw-post-multi--3 .vw-post-multi__item:nth-child(3),
.vw-post-multi--3 .vw-post-multi__item:nth-child(4),
.vw-post-multi--3 .vw-post-multi__item:nth-child(5) {
width: 50%;
height: 50%;
}
}
@media (min-width: 1200px) {
.vw-post-multi--3 .vw-post-multi__item:nth-child(1) {
width: 50%;
height: 100%;
}
.vw-post-multi--3 .vw-post-multi__item:nth-child(2),
.vw-post-multi--3 .vw-post-multi__item:nth-child(3),
.vw-post-multi--3 .vw-post-multi__item:nth-child(4),
.vw-post-multi--3 .vw-post-multi__item:nth-child(5) {
width: 25%;
height: 50%;
}
}
/**
* Big title
*/
.vw-post-multi--3 .vw-post-multi__item:first-child .vw-post-box__title,
.vw-post-multi--4 .vw-post-multi__item:first-child .vw-post-box__title,
.vw-post-multi--5 .vw-post-multi__item:first-child .vw-post-box__title {
padding-right: 2em;
}
@media (min-width: 992px) {
.vw-post-multi--3 .vw-post-multi__item:first-child .vw-post-box__title,
.vw-post-multi--4 .vw-post-multi__item:first-child .vw-post-box__title,
.vw-post-multi--5 .vw-post-multi__item:first-child .vw-post-box__title {
font-size: 38px;
}
}
/*//////////////////////////////////////
// Post Woo
//////////////////////////////////////*/
.vw-post-box--woo .vw-post-box__inner {
position: relative;
}
.vw-post-box--woo .vw-post-box__price {
font-size: 14px;
font-weight: bold;
color: #656565;
}
.vw-post-box--woo .vw-post-box__price del {
opacity: 0.5;
}
.vw-post-box--woo .vw-post-box__price ins {
color: #E53935;
}
.vw-post-box--woo .onsale {
min-height: 45px;
min-width: 45px;
font-size: 1em;
font-weight: 700;
position: absolute;
text-align: center;
line-height: 45px;
top: 0;
left: auto !important;
right: 0;
left: auto;
margin: -.5em -.5em 0 0;
border-radius: 100%;
background-color: #E53935;
color: white;
font-size: .857em;
-webkit-font-smoothing: antialiased;
z-index: 1;
}
/* -----------------------------------------------------------------------------
*
* PAGE
*
* -------------------------------------------------------------------------- */
/*//////////////////////////////////////
// Search page
//////////////////////////////////////*/
.search .vw-about-search .widget_search {
border: none !important;
padding: 0 !important;
}
/* -----------------------------------------------------------------------------
*
* POST
*
* -------------------------------------------------------------------------- */
.vw-main-post .vw-post-media {
margin: 0 0 48px 0;
}
.vw-main-post > :first-child {
margin-top: 0;
}
/**
* Tagline
*/
.vw-tagline {
font-weight: 400 !important;
letter-spacing: 0px !important;
color: #B0B0B0;
}
/*//////////////////////////////////////
// Post Header
//////////////////////////////////////*/
.vw-super-title {
font-size: 13px;
font-weight: 400 !important;
letter-spacing: 0px !important;
color: #888888;
display: block;
line-height: 1em;
margin-bottom: 2px;
}
.vw-post-header {
margin-bottom: 36px;
}
.vw-post-header .vw-post-date {
color: #B0B0B0;
}
.vw-post-header .vw-post-title {
-ms-word-wrap: break-word;
word-wrap: break-word;
margin-bottom: 5px;
font-size: 26px;
}
@media (min-width: 768px) {
.vw-post-header .vw-post-title {
font-size: 32px;
}
}
@media (min-width: 992px) {
.vw-post-header .vw-post-title {
font-size: 47px;
}
}
.vw-post-header .vw-tagline {
font-size: 16px;
}
.vw-post-header hr {
margin-top: 30px;
margin-bottom: 15px;
}
/*//////////////////////////////////////
// Post Meta
//////////////////////////////////////*/
.vw-post-meta {
text-transform: uppercase;
font-size: 13px;
}
.vw-post-meta .vw-bar__placeholder > *:not(:last-child) {
margin-right: 0.5em;
}
.vw-post-meta a {
color: inherit;
}
.vw-post-meta .vw-avatar {
display: inline-block;
vertical-align: bottom;
margin-right: 0.5em;
}
.vw-post-meta .vw-avatar img {
display: block;
}
@media (max-width: 767px) {
.vw-post-meta .vw-bar__placeholder {
text-align: left;
}
.vw-post-meta .vw-bar__placeholder--right {
margin-top: 12px;
}
}
.vw-post-meta__separator:first-child,
.vw-post-meta__separator:last-child {
display: none;
}
/*//////////////////////////////////////
// Categories
//////////////////////////////////////*/
.vw-categories {
margin-bottom: 6px;
font-size: 11px;
line-height: 16px;
letter-spacing: 1px;
text-transform: uppercase;
}
.vw-categories .vw-icon {
font-size: 12px;
line-height: 13px;
transform: translateY(-1px);
display: inline-block;
}
.vw-categories .vw-icon:before {
vertical-align: middle;
}
.vw-categories .vw-sticky-label,
.vw-categories .vw-video-link,
.vw-categories .vw-audio-link,
.vw-categories .vw-gallery-link {
background-color: #B0B0B0;
}
.vw-categories .vw-review-label {
background-color: #F2B620;
}
.vw-categories a {
display: inline-block;
position: relative;
color: #FFFFFF;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
margin-bottom: 2px;
padding: 2px 5px;
text-decoration: none;
}
.vw-categories a:hover {
background-color: #333333;
}
.vw-categories a:not(:last-child) {
margin-right: 2px;
}
/*//////////////////////////////////////
// Tags
//////////////////////////////////////*/
.vw-tags {
font-size: 12px;
}
.vw-tags a:not(:last-child):after {
display: inline;
content: ',';
}
/*//////////////////////////////////////
// Page Links
//////////////////////////////////////*/
.vw-page-links {
margin-bottom: 48px;
}
.vw-page-links span {
letter-spacing: 0 !important;
}
.vw-page-links > span:not(:first-child) {
color: #FFFFFF;
}
.vw-page-links > *:not(:last-child) {
margin-right: 5px;
}
.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: 17px;
text-align: center;
color: #666666;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-page-links__link:hover {
color: inherit;
background-color: #F7F7F7;
}
/*//////////////////////////////////////
// Post Location
//////////////////////////////////////*/
.vw-location {
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;
width: 100%;
}
/*//////////////////////////////////////
// Caption
//////////////////////////////////////*/
.vw-floating-caption {
position: absolute;
left: 0;
right: 0;
bottom: 0.5em;
width: 100%;
text-align: center;
}
.vw-floating-caption span {
display: inline-block;
padding: 0px 10px;
background: rgba(0, 0, 0, 0.4);
color: rgba(255, 255, 255, 0.9);
font-size: 11px;
}
/*//////////////////////////////////////
// Post Content
//////////////////////////////////////*/
.vw-post-content {
-ms-word-wrap: break-word;
word-wrap: break-word;
margin-bottom: 24px;
}
.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;
}
/*//////////////////////////////////////
// Post Footer
//////////////////////////////////////*/
.vw-post-footer {
margin-top: 48px;
}
.vw-post-footer:empty {
display: none;
}
.vw-post-footer > :last-child {
margin-bottom: 0;
}
/*//////////////////////////////////////
// Post Footer Sections
//////////////////////////////////////*/
.vw-about-author__name,
.vw-related-posts__title,
.vw-our-picks-posts__title,
.vw-post-comments-title,
.vw-comments-title {
margin-bottom: 36px;
font-size: 26px;
}
@media (min-width: 992px) {
.vw-about-author__name,
.vw-related-posts__title,
.vw-our-picks-posts__title,
.vw-post-comments-title,
.vw-comments-title {
font-size: 36px;
}
}
.vw-main-post,
.vw-about-author,
.vw-related-posts,
.vw-our-picks-posts,
.vw-post-navigation,
.vw-comments-area,
.vw-post-footer-section-custom {
margin-bottom: 0;
}
.vw-main-post:not(:last-child),
.vw-about-author:not(:last-child),
.vw-related-posts:not(:last-child),
.vw-our-picks-posts:not(:last-child),
.vw-post-navigation:not(:last-child),
.vw-comments-area:not(:last-child),
.vw-post-footer-section-custom:not(:last-child) {
margin-bottom: 48px;
padding-bottom: 48px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
/*//////////////////////////////////////
// Post Navigation
//////////////////////////////////////*/
.vw-post-navigation__next,
.vw-post-navigation__previous {
position: relative;
}
.vw-post-navigation__title {
margin: 0px 50px 0 50px;
font-size: 16px;
line-height: 1.6;
}
.vw-post-navigation__label {
display: block;
margin-bottom: 6px;
font-size: 12px;
color: #777777;
}
.vw-post-navigation__icon {
position: absolute;
top: 20px;
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 {
padding-top: 24px;
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);
left: auto;
right: 0;
}
.vw-post-navigation__next .vw-post-navigation__title {
flex: 1;
text-align: right;
margin-left: 20px;
}
.vw-post-navigation__previous .vw-post-navigation__title {
margin-right: 20px;
}
}
/*//////////////////////////////////////
// About Author
//////////////////////////////////////*/
.vw-about-author .vw-avatar {
display: inline-block;
float: left;
}
.vw-about-author .vw-avatar + .vw-about-author__info {
margin-left: 180px;
}
@media (max-width: 991px) {
.vw-about-author .vw-avatar + .vw-about-author__info {
margin-left: 80px;
}
}
@media (max-width: 991px) {
.vw-about-author .vw-avatar {
max-width: 60px;
}
}
.vw-about-author .avatar {
margin: auto;
}
.vw-about-author .vw-user-social-links {
margin-top: 15px;
}
.vw-about-author__tagline {
text-transform: uppercase;
}
.vw-about-author__info {
font-size: 12px;
}
.vw-about-author__name {
margin-bottom: 24px;
}
@media (max-width: 991px) {
.vw-about-author__name {
font-size: 22px;
}
}
.vw-about-author__bio {
margin-bottom: 24px;
font-size: 0.95em;
}
@media (max-width: 991px) {
.vw-about-author__bio {
line-height: 1.6em;
}
}
/*//////////////////////////////////////
// Related Posts
//////////////////////////////////////*/
/*//////////////////////////////////////
// Comments
//////////////////////////////////////*/
/*//////////////////////////////////////
// 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;
}
/*//////////////////////////////////////
// Post Layout: Large Featured Image
//////////////////////////////////////*/
.vw-post-layout-large-featured-image .vw-post-media,
.vw-post-layout-large-featured-image-2 .vw-post-media {
margin-right: 0;
margin-left: 0;
margin-bottom: 48px;
}
.vw-post-layout-large-featured-image-2 .vw-post-media {
margin-top: -24px;
}
/*//////////////////////////////////////
// Post Layout: Large Title
//////////////////////////////////////*/
/* -----------------------------------------------------------------------------
*
* Comments
*
* -------------------------------------------------------------------------- */
.vw-comment-list {
margin: 0;
}
.vw-comment-list,
.vw-comment-list .children {
list-style: none;
}
.vw-comment-list .comment {
margin: 36px 0;
}
.vw-comment-list .comment .vw-comment {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
/*//////////////////////////////////////
// Comment
//////////////////////////////////////*/
.vw-comment__meta {
position: relative;
margin-bottom: 24px;
}
.vw-comment__meta .avatar {
display: inline-block;
float: left;
margin-right: 20px;
}
.depth-2 .vw-comment__meta .avatar {
width: 30px;
}
.vw-comment__meta .comment-reply-link {
position: absolute;
top: 0;
right: 15px;
font-weight: bold;
font-size: 0.85em;
}
.vw-comment__date {
font-size: 0.85em;
color: #B0B0B0;
}
.vw-comment__content {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.vw-comment__not-approved {
margin-bottom: 12px;
opacity: 0.7;
font-style: italic;
font-size: 14px;
}
/*//////////////////////////////////////
// Comment Navigation
//////////////////////////////////////*/
.vw-comment-navigation {
margin: 24px 0;
font-size: 14px;
}
.vw-comment-navigation .screen-reader-text {
display: none;
}
.vw-comment-navigation__next {
text-align: right;
}
/*//////////////////////////////////////
// Comment Form
//////////////////////////////////////*/
.comment-reply-title {
font-size: 18px !important;
margin-bottom: 10px;
}
.comment-respond {
margin: 24px;
}
.vw-comments-area > .comment-respond {
margin: 0;
}
.comment-respond .comment-notes,
.comment-respond label {
font-size: 14px;
}
.comment-respond .logged-in-as {
font-size: 0.9em;
}
.comment-form > p {
margin-bottom: 12px;
}
.comment-form-comment label {
display: none;
}
.comment-form-comment textarea {
width: 500px;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
display: block;
margin-bottom: 6px;
}
.form-submit {
margin-top: 24px;
}
/* -----------------------------------------------------------------------------
*
* GALLERY
*
* -------------------------------------------------------------------------- */
.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;
}
.vw-gallery figcaption {
padding: 0.5em;
font-size: 12px;
font-style: italic;
text-align: center;
position: relative;
}
.vw-gallery figcaption.vw-floating-caption {
position: absolute;
}
.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;
}
/*//////////////////////////////////////
// Gallery Overlay Panel
//////////////////////////////////////*/
.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 cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-gallery__item:hover .vw-gallery__overlay {
opacity: 1;
transform: none;
}
.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 cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-gallery__icons a:not(:last-child) {
margin-right: 5px;
}
.vw-gallery__icons a:hover {
background-color: #FFFFFF;
color: #111111;
}
/*//////////////////////////////////////
// Grid Style
//////////////////////////////////////*/
.vw-gallery--grid-5 .vw-gallery__item:nth-child(1),
.vw-gallery--grid-6 .vw-gallery__item:nth-child(3n+1) {
width: 100%;
}
.vw-slides--loading .vw-slides__slide {
opacity: 0;
}
/* -----------------------------------------------------------------------------
*
* 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;
}
/*//////////////////////////////////////
// Proofing Filter
//////////////////////////////////////*/
.vw-proofing-filter {
margin-top: 48px;
text-align: center;
}
.vw-proofing-filter a {
min-width: 10em;
}
/* =============================================================================
INCLUDE
========================================================================== */
/* -----------------------------------------------------------------------------
*
* $PAGE COMPOSER
*
* -------------------------------------------------------------------------- */
.vwspc-section:not(:last-child) {
margin-bottom: 48px;
}
.vwspc-section.vwspc-section--white .vwspc-section-content {
background-color: #FFFFFF;
padding-top: 48px;
padding-bottom: 48px;
padding-left: 30px;
padding-right: 30px;
}
.vwspc-section-post-box:not(:first-child) .vwspc-section-content > :first-child,
.vwspc-section-post-box-sidebar:not(:first-child) .vwspc-section-content > :first-child,
.vwspc-section-2-sidebars-section .widget:first-child,
.vwspc-section-3-sidebars-section .widget:first-child,
.vwspc-section-custom-section:not(:first-child) .vwspc-section-content > :first-child,
.vwspc-section:not(:first-child) .vwspc-section-sidebar .widget:first-child {
padding-top: 36px;
border-top: 6px solid #333333;
border-top-style: solid !important;
}
@media (max-width: 767px) {
.vwspc-section-sidebar {
margin-top: 36px;
}
}
@media (min-width: 992px) {
.vwspc-section-sidebar {
box-shadow: rgba(136, 136, 136, 0.25) -1px 0px 0px 0px;
}
}
#vwspc-section-1.vwspc-section-post-slider-section {
margin-top: -48px;
}
#vwspc-section-1.vwspc-section-post-slider-section .vw-loop--slider-xlarge {
margin-top: 48px;
}
#vwspc-section-1.vwspc-section-post-slider-section .vw-loop--slider-xlarge-2 {
margin-top: 24px;
}
#vwspc-section-1.vwspc-section-post-slider-section .vw-loop--slider-multi-1,
#vwspc-section-1.vwspc-section-post-slider-section .vw-loop--slider-multi-2,
#vwspc-section-1.vwspc-section-post-slider-section .vw-loop--slider-multi-3 {
margin-top: 14px;
}
/*//////////////////////////////////////
// Section Header
//////////////////////////////////////*/
.vwspc-section-header {
position: relative;
}
.vwspc-section-header:not(:last-child) {
margin-bottom: 36px;
}
.vwspc-section-title {
margin: 0;
line-height: 1.25em;
font-size: 22px;
}
@media (min-width: 768px) {
.vwspc-section-title {
font-size: 24px;
}
}
.vwspc-section-subtitle {
display: block;
margin-top: 6px;
font-size: 13px;
font-style: italic;
color: #999999;
border-top: 1px solid rgba(0, 0, 0, 0.05);
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.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 .vw-loop--slider-carousel {
padding: 30px 15px;
}
@media (min-width: 768px) {
.vwspc-section-post-slider-section .vw-loop--slider-carousel .vw-post-box__title {
font-size: 26px;
}
}
@media (max-width: 1599px) {
.vwspc-section-post-slider-section .vw-loop--slider-carousel .vw-post-box--slide-large {
height: 650px;
}
}
/*//////////////////////////////////////
// Section: Post Box
//////////////////////////////////////*/
/*//////////////////////////////////////
// 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;
overflow: hidden;
}
.vwspc-section-full-page-link:last-child {
margin-bottom: -48px;
}
.vwspc-section-full-page-link:hover .vw-button {
color: #FFFFFF;
background-color: #111111;
}
.vwspc-section-full-page-link:hover .container:before {
background-color: rgba(0, 0, 0, 0.7);
}
@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.4);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-full-page-link__inner {
padding: 96px 0;
min-height: 350px;
display: flex;
align-items: center;
justify-content: center;
}
.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;
}
@media (min-width: 992px) {
.vw-full-page-link__header {
min-width: 800px;
}
}
.vw-full-page-link__title a,
.vw-full-page-link__subtitle a {
text-decoration: none;
color: #FFFFFF;
}
.vw-full-page-link__title {
font-size: 42px;
text-transform: uppercase;
margin: 0 0 15px 0;
}
.vw-full-page-link__subtitle {
font-size: 18px;
font-style: italic;
font-weight: normal;
text-align: center;
max-width: 80%;
margin: auto;
margin-bottom: 40px;
}
.vw-full-page-link__link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.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: 3 Sidebars
//////////////////////////////////////*/
.vwspc-section-2-sidebars-section .vw-flex-grid,
.vwspc-section-3-sidebars-section .vw-flex-grid {
border-top: 0px;
padding-top: 0px;
}
/*//////////////////////////////////////
// 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-social-icons {
display: inline-block;
margin-bottom: -4px;
text-align: center;
color: inherit;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-social-icon {
margin-bottom: 4px;
text-decoration: none !important;
}
/*//////////////////////////////////////
// Icon Sizes
//////////////////////////////////////*/
.vw-social-icons--small {
line-height: 24px;
height: 24px;
width: 24px;
font-size: 11px;
}
.vw-social-icons--medium {
line-height: 32px;
height: 32px;
width: 32px;
font-size: 13px;
}
.vw-social-icons--large {
line-height: 40px;
height: 40px;
width: 40px;
font-size: 13px;
}
/*//////////////////////////////////////
// Icon Color
//////////////////////////////////////*/
.vw-social-icons--color .vw-icon-social-twitter:hover {
color: #00ACED;
}
.vw-social-icons--color .vw-icon-social-facebook:hover {
color: #3B5998;
}
.vw-social-icons--color .vw-icon-social-gplus:hover {
color: #DD4B39;
}
.vw-social-icons--color .vw-icon-social-youtube:hover {
color: #BB0000;
}
.vw-social-icons--color .vw-icon-social-linkedin:hover {
color: #007BB6;
}
.vw-social-icons--color .vw-icon-social-instagram:hover {
color: #E4405F;
}
.vw-social-icons--color .vw-icon-social-pinterest:hover {
color: #CB2027;
}
.vw-social-icons--color .vw-icon-social-flickr:hover {
color: #FF0084;
}
.vw-social-icons--color .vw-icon-social-tumblr:hover {
color: #32506D;
}
.vw-social-icons--color .vw-icon-social-vk:hover {
color: #45668E;
}
.vw-social-icons--color .vw-icon-social-vimeo:hover {
color: #17B3E8;
}
.vw-social-icons--color .vw-icon-social-fivehundredpx:hover {
color: #1B1B1B;
}
.vw-social-icons--color .vw-icon-social-dribbble:hover {
color: #EA4C89;
}
.vw-social-icons--color .vw-icon-social-twitter:hover {
color: #00ACED;
}
.vw-social-icons--color .vw-icon-social-skype:hover {
color: #12A5F4;
}
.vw-social-icons--color .vw-icon-social-soundcloud:hover {
color: #FF3A00;
}
/*//////////////////////////////////////
// Solid Color
//////////////////////////////////////*/
.vw-social-icons--solid .vw-icon-social-twitter:hover {
color: #FFFFFF;
background-color: #00ACED;
border-color: #00ACED;
}
.vw-social-icons--solid .vw-icon-social-facebook:hover {
color: #FFFFFF;
background-color: #3B5998;
border-color: #3B5998;
}
.vw-social-icons--solid .vw-icon-social-gplus:hover {
color: #FFFFFF;
background-color: #DD4B39;
border-color: #DD4B39;
}
.vw-social-icons--solid .vw-icon-social-youtube:hover {
color: #FFFFFF;
background-color: #BB0000;
border-color: #BB0000;
}
.vw-social-icons--solid .vw-icon-social-linkedin:hover {
color: #FFFFFF;
background-color: #007BB6;
border-color: #007BB6;
}
.vw-social-icons--solid .vw-icon-social-instagram:hover {
color: #FFFFFF;
background-color: #E4405F;
border-color: #E4405F;
}
.vw-social-icons--solid .vw-icon-social-pinterest:hover {
color: #FFFFFF;
background-color: #CB2027;
border-color: #CB2027;
}
.vw-social-icons--solid .vw-icon-social-flickr:hover {
color: #FFFFFF;
background-color: #FF0084;
border-color: #FF0084;
}
.vw-social-icons--solid .vw-icon-social-tumblr:hover {
color: #FFFFFF;
background-color: #32506D;
border-color: #32506D;
}
.vw-social-icons--solid .vw-icon-social-vk:hover {
color: #FFFFFF;
background-color: #45668E;
border-color: #45668E;
}
.vw-social-icons--solid .vw-icon-social-vimeo:hover {
color: #FFFFFF;
background-color: #17B3E8;
border-color: #17B3E8;
}
.vw-social-icons--solid .vw-icon-social-fivehundredpx:hover {
color: #FFFFFF;
background-color: #1B1B1B;
border-color: #1B1B1B;
}
.vw-social-icons--solid .vw-icon-social-dribbble:hover {
color: #FFFFFF;
background-color: #EA4C89;
border-color: #EA4C89;
}
.vw-social-icons--solid .vw-icon-social-twitter:hover {
color: #FFFFFF;
background-color: #00ACED;
border-color: #00ACED;
}
.vw-social-icons--solid .vw-icon-social-skype:hover {
color: #FFFFFF;
background-color: #12A5F4;
border-color: #12A5F4;
}
.vw-social-icons--solid .vw-icon-social-soundcloud:hover {
color: #FFFFFF;
background-color: #FF3A00;
border-color: #FF3A00;
}
/*//////////////////////////////////////
// Circle Icon
//////////////////////////////////////*/
.vw-social-icons--circle a {
display: inline-block;
width: 45px;
height: 45px;
line-height: 45px;
font-size: 12px;
border-radius: 100%;
border: 1px solid #CCCCCC;
color: #191919;
margin: 5px;
}
/*//////////////////////////////////////
// Site Social Links
//////////////////////////////////////*/
.vw-site-social-links {
display: inline-block;
vertical-align: middle;
}
.vw-site-social-links .vw-social-icon__label {
display: none;
}
/*//////////////////////////////////////
// User Social Links
//////////////////////////////////////*/
.vw-user-social-links {
display: block;
text-align: inherit;
}
.vw-user-social-links .vw-social-icon {
display: inline-block;
padding: 4px 10px;
font-size: 11px;
background-color: #333333;
color: #FFFFFF;
text-decoration: none;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-user-social-links .vw-social-icon:not(:last-child) {
margin-right: 0.5em;
}
.vw-user-social-links .vw-icon {
margin-right: 5px;
}
@media (max-width: 991px) {
.vw-user-social-links .vw-social-icon__label {
display: none;
}
.vw-user-social-links .vw-icon {
margin-right: 0;
}
.vw-user-social-links .vw-social-icon {
margin-bottom: 8px;
}
}
/* -----------------------------------------------------------------------------
*
* SCROLL TO TOP
*
* -------------------------------------------------------------------------- */
.vw-scroll-to-top {
position: fixed;
bottom: 24px;
right: 24px;
z-index: 1;
width: 48px;
height: 48px;
display: inline-block;
cursor: pointer;
opacity: 0;
border-radius: 50%;
background-color: #222222;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
transform: translateY(180px);
}
.vw-scroll-to-top.vw-scroll-to-top-visible {
transform: none;
opacity: 1;
}
.vw-scroll-to-top .vw-icon {
display: block;
font-size: 18px;
line-height: 48px;
text-align: center;
color: #FFFFFF;
}
/* -----------------------------------------------------------------------------
*
* POST SHARE
*
* -------------------------------------------------------------------------- */
/*//////////////////////////////////////
// Post Share Links
//////////////////////////////////////*/
.vw-post-share__link {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
font-size: 12px;
text-align: center;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-post-share__link:not(:last-child) {
margin-right: 6px;
}
.vw-post-share__link:hover {
color: #FFFFFF;
}
.vw-post-share__link--large {
width: 36px;
height: 36px;
line-height: 36px;
}
.vw-post-share__link--whatsapp {
font-size: 13px;
}
.vw-post-share__link--facebook:hover {
background-color: #3B5998;
border-color: #3B5998;
}
.vw-post-share__link--twitter:hover {
background-color: #00ACED;
border-color: #00ACED;
}
.vw-post-share__link--pinterest:hover {
background-color: #CB2027;
border-color: #CB2027;
}
.vw-post-share__link--whatsapp:hover {
background-color: #25D366;
border-color: #25D366;
}
.vw-post-share__link--linkedin:hover {
background-color: #007BB6;
border-color: #007BB6;
}
.vw-post-share__link--email:hover {
background-color: #181818;
border-color: #181818;
}
/*//////////////////////////////////////
// Post Share Button
//////////////////////////////////////*/
.vw-post-share-button {
position: relative;
display: inline-block;
cursor: pointer;
}
.vw-post-share-button.vw-hover .vw-post-share-button__panel {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.vw-post-share-button__panel {
pointer-events: none;
position: absolute;
right: 0;
min-width: 216px;
min-height: 24px;
background-color: #F9F9F9;
opacity: 0;
transform: translateY(10px);
z-index: 10;
text-align: center;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.vw-post-share-button__panel a {
margin: 0px !important;
float: left;
color: #666666 !important;
}
.vw-post-share-button__panel a:hover {
color: #FFFFFF !important;
}
/* -----------------------------------------------------------------------------
*
* SHORTCODES
*
* -------------------------------------------------------------------------- */
/*//////////////////////////////////////
// ACCORDION
//////////////////////////////////////*/
.vw-accordions {
margin-bottom: 24px;
}
.vw-accordion {
background-color: #FFFFFF;
}
.vw-accordion .ui-icon {
vertical-align: middle;
display: inline-block;
margin-top: 2px;
}
.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: 19px;
color: #333333;
}
.vw-accordion .ui-accordion-header-active .ui-icon:before {
content: '\e81b';
}
.vw-accordion:last-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.vw-accordion__header {
outline: none;
margin: 0;
cursor: pointer;
position: relative;
padding: 12px 0 12px 10px;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.vw-accordion__header.ui-accordion-header-active {
border-top: 3px solid #333333;
}
.vw-accordion__header span {
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-accordion__title {
margin-left: 10px;
display: inline-block;
vertical-align: middle;
}
.vw-accordion__content {
display: none;
padding: 0 1em 12px 56px;
}
/*//////////////////////////////////////
// Author list
//////////////////////////////////////*/
.vw-author-list {
margin-top: 36px;
margin-bottom: 12px;
}
/*//////////////////////////////////////
// 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;
}
/*//////////////////////////////////////
// Custom Font
//////////////////////////////////////*/
.vw-custom-font-1 {
font-family: 'custom_font_1';
}
.vw-custom-font-2 {
font-family: 'custom_font_2';
}
/*//////////////////////////////////////
// Customer Quote
//////////////////////////////////////*/
.vw-customer-quote blockquote:not(:last-child) {
margin-bottom: 0;
}
.vw-customer-quote__customer {
position: relative;
z-index: 1;
margin-top: -20px;
text-align: center;
}
.vw-customer-quote__customer img {
max-width: 60px;
max-height: 60px;
border-radius: 50%;
}
.vw-customer-quote__customer-text {
margin-bottom: 48px;
font-size: 12px;
letter-spacing: 1px;
}
/*//////////////////////////////////////
// DROPCAP
//////////////////////////////////////*/
.vw-dropcap {
font-size: 42px;
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;
}
/*//////////////////////////////////////
// INFOBOX
//////////////////////////////////////*/
.vw-infobox {
margin: 48px 0;
padding: 24px 24px;
text-align: center;
background-color: #F9F9F9;
}
.vw-infobox-inner {
border-top: 3px solid #DDDDDD;
border-bottom: 3px solid #DDDDDD;
padding: 24px 0;
}
.vw-infobox-title {
margin-bottom: 24px;
font-size: 22px;
color: #111111;
text-transform: uppercase;
}
.vw-infobox-content {
font-size: 16px;
margin: 0;
}
/*//////////////////////////////////////
// LIST
//////////////////////////////////////*/
.vw-list-shortcode {
list-style: none;
margin-left: 30px;
}
.vw-list-shortcode > li {
position: relative;
margin: 6px 0;
font-size: 0.95em;
}
.vw-list-shortcode > li > .vw-icon:first-child {
position: absolute;
left: -30px;
color: #111111;
}
/*//////////////////////////////////////
// MARK
//////////////////////////////////////*/
mark.vw-mark-style-yellow {
background-color: #FFF176;
color: inherit;
}
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;
margin-bottom: 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,
.vw-quote-align-left {
padding: 50px 0px;
text-align: left;
}
.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;
}
/*//////////////////////////////////////
// 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: 12px;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-tabs .vw-tab-title i {
float: left;
margin-right: 5px;
margin-top: -1px;
font-size: 14px;
}
.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;
border: 1px solid rgba(0, 0, 0, 0.05);
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;
background-color: #333333;
color: #FFFFFF;
}
.vw-tabs.vw-style-top-tab .vw-tab-title.active:hover {
background-color: #333333;
}
.vw-tabs.vw-style-top-tab .vw-tab-title:hover {
background-color: #EEEEEE;
}
@media (min-width: 768px) {
.vw-tabs.vw-style-top-tab .vw-tab-content {
border-top: 3px solid #333333;
}
}
@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: #F9F9F9;
}
.vw-pricing-header {
position: relative;
}
.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: #F9F9F9;
}
.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;
font-size: 14px;
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 {
border-bottom: 6px solid #333333;
padding-bottom: 15px;
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: 22px;
}
.vw-title-shortcode--large {
margin-bottom: 48px !important;
}
/*//////////////////////////////////////
// 404
//////////////////////////////////////*/
.vw-404-text {
font-size: 90px;
line-height: 1em;
margin-top: 0;
margin-bottom: 15px;
}
/* -----------------------------------------------------------------------------
*
* 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;
}
}
/* -----------------------------------------------------------------------------
*
* MORE ARTICLES
*
* -------------------------------------------------------------------------- */
.vw-more-articles {
position: fixed;
bottom: 84px;
right: 10px;
z-index: 98;
display: inline-block;
width: 360px;
max-width: 100%;
padding: 15px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.05);
background-color: #FFFFFF;
border: 1px solid #EEEEEE;
opacity: 0;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
transform: translateY(200%);
}
.vw-more-articles.vw-more-articles--visible {
transform: none;
opacity: 1;
}
@media (max-width: 991px) {
.vw-more-articles {
display: none;
}
}
.vw-more-articles__title {
position: relative;
margin-top: 0;
margin-bottom: 12px;
font-size: 14px;
padding: 0px 10px 0 0;
}
.vw-more-articles__close-button {
position: absolute;
top: 12px;
right: 10px;
cursor: pointer;
}
.vw-more-articles__close-button .vw-icon {
font-size: 22px;
color: #191919;
}
/* -----------------------------------------------------------------------------
*
* REVIEW
*
* -------------------------------------------------------------------------- */
.vw-review {
margin-top: 48px;
margin-bottom: 48px;
padding: 24px 0;
border-top: 4px solid #EEEEEE;
border-bottom: 4px solid #EEEEEE;
}
.vw-review--top-floating .vw-review__total,
.vw-review--top-floating .vw-review__summary,
.vw-review--top-floating .vw-review__pros-cons,
.vw-review--top-floating .vw-review__review-summary,
.vw-review--top-floating .vw-review__pros,
.vw-review--top-floating .vw-review__cons {
display: block;
width: auto;
}
.vw-review--top-floating .vw-review__total {
margin-bottom: 24px;
}
.vw-review--top-floating .vw-review__cons {
padding-left: 0;
}
.vw-review--top-floating .vw-review__pros-title,
.vw-review--top-floating .vw-review__cons-title {
text-align: left;
}
@media (min-width: 992px) {
.vw-review--top-floating {
float: left;
width: 40%;
margin-right: 24px;
margin-bottom: 24px;
}
}
.vw-review--top-floating .vw-review__summary {
display: block !important;
}
.vw-review--top-floating .vw-review__review-summary {
font-size: 1em;
}
.vw-review--top-floating.vw-review--star .vw-review__total {
float: none;
text-align: left;
}
.vw-review--top-floating.vw-review--star .vw-review__total .vw-stars-icon,
.vw-review--top-floating.vw-review--star .vw-review__total .vw-stars-icon__full-star {
background-size: 128px 48px;
height: 24px;
}
.vw-review--top-floating.vw-review--star .vw-review__total .vw-stars-icon {
width: 128px;
}
.vw-review--top-floating.vw-review--points .vw-review__total,
.vw-review--top-floating.vw-review--percentage .vw-review__total {
margin-bottom: 0;
}
.vw-review--top-floating.vw-review--points .vw-review__review-summary,
.vw-review--top-floating.vw-review--percentage .vw-review__review-summary {
padding-left: 0;
padding-right: 0;
}
.vw-review__title {
margin-top: 0;
margin-bottom: 24px;
}
.vw-review__summary {
margin-bottom: 24px;
}
.vw-review__review-summary {
padding-right: 15px;
vertical-align: top;
font-style: italic;
color: #B0B0B0;
}
@media (min-width: 992px) {
.vw-review__review-summary {
font-size: 16px;
}
}
.vw-review__total {
/* empty */
}
.vw-review__user-rating,
.vw-review__pros-cons,
.vw-review__items {
border-top: 1px solid #EEEEEE;
}
.vw-review__items {
padding: 24px 0;
}
.vw-review__item {
position: relative;
}
.vw-review__item + .vw-review__item {
margin-top: 24px;
}
.vw-review__item-title {
color: #333333;
}
.vw-review__item-title span:first-child {
font-weight: 900;
font-size: 13px;
text-transform: uppercase;
}
.vw-review__item-title-score {
display: inline-block;
padding: 0px 6px;
margin-left: 10px;
font-size: 12px;
line-height: 20px;
font-weight: bold;
color: #FFFFFF;
background-color: #333333;
}
.vw-review__item-score {
/* empty */
}
.vw-review__item-score-bar {
/* empty */
}
.vw-review__item-title-separator {
display: none;
opacity: 0.25;
}
/*//////////////////////////////////////
// Layout: Star
//////////////////////////////////////*/
.vw-review--star .vw-review__item-title {
float: left;
}
@media (min-width: 992px) {
.vw-review--star.vw-review--top .vw-review__review-summary,
.vw-review--star.vw-review--bottom .vw-review__review-summary,
.vw-review--star.vw-review--custom .vw-review__review-summary {
padding-right: 110px;
}
}
.vw-review--star .vw-review__total,
.vw-review--star .vw-review__item-score {
float: right;
}
@media (max-width: 767px) {
.vw-review--star .vw-review__total {
float: none;
text-align: left;
}
}
.vw-review--star .vw-review__items {
padding: 12px 0;
}
.vw-review--star .vw-review__item + .vw-review__item {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
/*//////////////////////////////////////
// Layout: Potins/Percentage
//////////////////////////////////////*/
.vw-review--points .vw-review__total,
.vw-review--percentage .vw-review__total {
display: block !important;
padding: 0 15px 12px 15px;
font-size: 24px;
font-weight: bold;
letter-spacing: -2px;
line-height: 48px;
}
.vw-review--points .vw-review__total.vw-review__total--percentage span:first-child:after,
.vw-review--percentage .vw-review__total.vw-review__total--percentage span:first-child:after {
content: '%';
font-size: 0.5em;
margin-left: 0.25em;
line-height: 1em;
}
@media (min-width: 992px) {
.vw-review--points .vw-review__review-summary,
.vw-review--percentage .vw-review__review-summary {
padding-left: 24px;
padding-bottom: 12px;
}
}
@media (min-width: 992px) {
.vw-review--points .vw-review__summary,
.vw-review--percentage .vw-review__summary {
display: table;
}
.vw-review--points .vw-review__summary > *,
.vw-review--percentage .vw-review__summary > * {
display: table-cell;
}
}
.vw-review--points .vw-review__item-title,
.vw-review--percentage .vw-review__item-title {
margin-bottom: 6px;
}
.vw-review--points .vw-review__item-score,
.vw-review--percentage .vw-review__item-score {
height: 12px;
display: block;
background-color: #EEEEEE;
}
.vw-review--points .vw-review__item-score-bar,
.vw-review--percentage .vw-review__item-score-bar {
height: 100%;
}
/*//////////////////////////////////////
// Review Pros/Cons
//////////////////////////////////////*/
.vw-review__pros-cons {
display: table;
width: 100%;
padding-bottom: 18px;
}
.vw-review__pros,
.vw-review__cons {
display: table-cell;
width: 50%;
padding-top: 24px;
}
.vw-review__pros {
padding-right: 2%;
}
.vw-review__cons {
padding-left: 2%;
}
.vw-review__pros-title,
.vw-review__cons-title {
margin-bottom: 12px;
text-align: center;
}
.vw-review__pros-summary,
.vw-review__cons-summary {
font-size: 0.85em;
color: #686868;
}
@media (max-width: 991px) {
.vw-review__total,
.vw-review__summary,
.vw-review__pros-cons,
.vw-review__review-summary,
.vw-review__pros,
.vw-review__cons {
display: block;
width: auto;
}
.vw-review__total {
margin-bottom: 24px;
}
.vw-review__cons {
padding-left: 0;
}
.vw-review__pros-title,
.vw-review__cons-title {
text-align: left;
}
}
/*//////////////////////////////////////
// Review Summary
//////////////////////////////////////*/
.vw-review-summary {
display: inline-block;
height: 44px;
line-height: 44px;
padding: 0 10px;
color: #FFFFFF;
}
.vw-review-summary__icon {
display: inline-block;
height: 1em;
width: 1em;
margin-bottom: -2px;
margin-right: 5px;
}
/* -----------------------------------------------------------------------------
*
* INSTANT SEARCH
*
* -------------------------------------------------------------------------- */
.vw-instant-search {
display: inline-block;
}
@media (min-width: 992px) {
.vw-instant-search {
position: relative;
}
}
.vw-instant-search__button {
display: inline-block;
text-align: center;
cursor: pointer;
color: inherit;
vertical-align: middle;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-instant-search__button .vw-icon {
display: inline-block;
padding: 0px;
width: 40px;
font-size: 16px;
line-height: 1em;
}
.vw-instant-search__button .vw-icon:before {
vertical-align: middle;
}
.vw-instant-search__panel {
margin: 0;
z-index: 1000000;
padding: 12px;
position: absolute;
width: 25em;
right: 0;
top: 100%;
font-size: 12px;
background-color: #FFFFFF;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.17);
}
.vw-instant-search__panel #s {
width: 100%;
color: #111111;
font-size: 14px;
}
.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;
background-color: #272727;
}
/*//////////////////////////////////////
// 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 dashed 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;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.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;
}
/* -----------------------------------------------------------------------------
*
* Hamberger Icon
*
* -------------------------------------------------------------------------- */
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
padding: 10px 10px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger-box {
width: 22px;
height: 17px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1.5px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 22px;
height: 3px;
background-color: #000000;
border-radius: 0px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -7px;
}
.hamburger-inner::after {
bottom: -7px;
}
/*
* Boring
*/
.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
}
.hamburger-box {
height: 16px;
}
/* -----------------------------------------------------------------------------
*
* 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: #222222;
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--floating {
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: 64px 24px;
}
.vw-stars-icon {
position: relative;
vertical-align: middle;
width: 64px;
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: 96px;
}
.vw-stars-icon--large,
.vw-stars-icon--large .vw-stars-icon__full-star {
height: 18px;
background-size: 96px 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-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;
}
/*******************************************/
/* blur transition */
/*******************************************/
.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;
}
/*******************************************/
/* burn transition */
/*******************************************/
.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%);
}
/*******************************************/
/* fade transition */
/*******************************************/
.vegas-transition-fade,
.vegas-transition-fade2 {
opacity: 0;
}
.vegas-transition-fade-in,
.vegas-transition-fade2-in {
opacity: 1;
}
.vegas-transition-fade2-out {
opacity: 0;
}
/*******************************************/
/* flash transition */
/*******************************************/
.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 transition */
/*******************************************/
.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%);
}
/*******************************************/
/* slideDown transition */
/*******************************************/
.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%);
}
/*******************************************/
/* slideLeft transition */
/*******************************************/
.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 transition */
/*******************************************/
.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 transition */
/*******************************************/
.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%);
}
/*******************************************/
/* swirlLeft transition */
/*******************************************/
.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 transition */
/*******************************************/
.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;
}
/*******************************************/
/* zoomIn transition */
/*******************************************/
.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 transition */
/*******************************************/
.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;
}
/*******************************************/
/* kenburns animation */
/*******************************************/
.vegas-animation-kenburns {
-webkit-animation: kenburns ease-out;
animation: kenburns ease-out;
}
@-webkit-keyframes kenburns {
0% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes kenburns {
0% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/*******************************************/
/* kenburnsDownLeft animation */
/*******************************************/
.vegas-animation-kenburnsDownLeft {
-webkit-animation: kenburnsDownLeft ease-out;
animation: kenburnsDownLeft ease-out;
}
@-webkit-keyframes kenburnsDownLeft {
0% {
-webkit-transform: scale(1.5) translate(10%, -10%);
transform: scale(1.5) translate(10%, -10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsDownLeft {
0% {
-webkit-transform: scale(1.5) translate(10%, -10%);
transform: scale(1.5) translate(10%, -10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
/*******************************************/
/* kenburnsDownRight animation */
/*******************************************/
.vegas-animation-kenburnsDownRight {
-webkit-animation: kenburnsDownRight ease-out;
animation: kenburnsDownRight ease-out;
}
@-webkit-keyframes kenburnsDownRight {
0% {
-webkit-transform: scale(1.5) translate(-10%, -10%);
transform: scale(1.5) translate(-10%, -10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsDownRight {
0% {
-webkit-transform: scale(1.5) translate(-10%, -10%);
transform: scale(1.5) translate(-10%, -10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
/*******************************************/
/* kenburnsDown animation */
/*******************************************/
.vegas-animation-kenburnsDown {
-webkit-animation: kenburnsDown ease-out;
animation: kenburnsDown ease-out;
}
@-webkit-keyframes kenburnsDown {
0% {
-webkit-transform: scale(1.5) translate(0, -10%);
transform: scale(1.5) translate(0, -10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsDown {
0% {
-webkit-transform: scale(1.5) translate(0, -10%);
transform: scale(1.5) translate(0, -10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
/*******************************************/
/* kenburnsLeft animation */
/*******************************************/
.vegas-animation-kenburnsLeft {
-webkit-animation: kenburnsLeft ease-out;
animation: kenburnsLeft ease-out;
}
@-webkit-keyframes kenburnsLeft {
0% {
-webkit-transform: scale(1.5) translate(10%, 0);
transform: scale(1.5) translate(10%, 0);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsLeft {
0% {
-webkit-transform: scale(1.5) translate(10%, 0);
transform: scale(1.5) translate(10%, 0);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
/*******************************************/
/* kenburnsRight animation */
/*******************************************/
.vegas-animation-kenburnsRight {
-webkit-animation: kenburnsRight ease-out;
animation: kenburnsRight ease-out;
}
@-webkit-keyframes kenburnsRight {
0% {
-webkit-transform: scale(1.5) translate(-10%, 0);
transform: scale(1.5) translate(-10%, 0);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsRight {
0% {
-webkit-transform: scale(1.5) translate(-10%, 0);
transform: scale(1.5) translate(-10%, 0);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
/*******************************************/
/* kenburnsUpLeft animation */
/*******************************************/
.vegas-animation-kenburnsUpLeft {
-webkit-animation: kenburnsUpLeft ease-out;
animation: kenburnsUpLeft ease-out;
}
@-webkit-keyframes kenburnsUpLeft {
0% {
-webkit-transform: scale(1.5) translate(10%, 10%);
transform: scale(1.5) translate(10%, 10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsUpLeft {
0% {
-webkit-transform: scale(1.5) translate(10%, 10%);
transform: scale(1.5) translate(10%, 10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
/*******************************************/
/* kenburnsUpRight animation */
/*******************************************/
.vegas-animation-kenburnsUpRight {
-webkit-animation: kenburnsUpRight ease-out;
animation: kenburnsUpRight ease-out;
}
@-webkit-keyframes kenburnsUpRight {
0% {
-webkit-transform: scale(1.5) translate(-10%, 10%);
transform: scale(1.5) translate(-10%, 10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsUpRight {
0% {
-webkit-transform: scale(1.5) translate(-10%, 10%);
transform: scale(1.5) translate(-10%, 10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
/*******************************************/
/* kenburnsUp animation */
/*******************************************/
.vegas-animation-kenburnsUp {
-webkit-animation: kenburnsUp ease-out;
animation: kenburnsUp ease-out;
}
@-webkit-keyframes kenburnsUp {
0% {
-webkit-transform: scale(1.5) translate(0, 10%);
transform: scale(1.5) translate(0, 10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsUp {
0% {
-webkit-transform: scale(1.5) translate(0, 10%);
transform: scale(1.5) translate(0, 10%);
}
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: rgba(0, 0, 0, 0);
}
.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-iframe-holder {
background-color: rgba(0, 0, 0, 0.9);
}
.mfp-iframe-holder .mfp-close {
top: 0;
right: 0;
transform: translateY(-100%);
width: 44px;
padding: 0;
background: transparent !important;
}
.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);
background-color: #FFFFFF;
}
.mfp-figure:after {
display: none !important;
}
.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-title {
padding-right: 5em;
}
button.mfp-arrow {
color: #222222;
opacity: 1;
width: 70px;
height: 70px;
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
margin-top: 15px;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
margin-left: 22px;
border-right-color: #222222;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
margin-left: 30px;
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.2);
}
.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;
}
/* 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;
}
/*
* 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: #222222;
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);
}
}
/* =============================================================================
WIDGETS
========================================================================== */
/* -----------------------------------------------------------------------------
*
* GENERIC WIDGET STYLE
*
* -------------------------------------------------------------------------- */
.widget:not(:first-child),
.vw-side-panel__sidebar .widget:first-child {
padding-top: 36px;
margin-top: 36px;
border-top: 6px solid #333333;
border-top-style: solid !important;
}
.widget select {
width: 100%;
}
.widget-title {
margin-bottom: 36px;
}
.widget-title span {
display: inline-block;
}
.widget-title + .vwspc-section-subtitle {
margin-top: -30px;
margin-bottom: 36px;
}
/*//////////////////////////////////////
// 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;
}
/* -----------------------------------------------------------------------------
*
* 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;
font-size: 14px;
}
.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: 10px;
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 label {
display: block;
margin-bottom: 24px;
}
.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: #F9F9F9;
}
#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: #F9F9F9;
}
#wp-calendar tbody td {
background: transparent;
border: 0px solid #818181;
text-align: center;
padding: 8px;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
@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: #F9F9F9;
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: 4px;
margin-right: 0px;
padding: 4px 12px;
font-size: 10px !important;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
background-color: #222222;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.widget_product_tag_cloud .tagcloud a:hover,
.widget_tag_cloud .tagcloud a:hover {
color: #FFFFFF;
}
/*//////////////////////////////////////
// Search
//////////////////////////////////////*/
.widget_search .search-form {
display: flex;
}
.widget_search label {
flex: 1 1 auto;
}
.widget_search .search-field {
width: 100%;
}
/* -----------------------------------------------------------------------------
*
* WIDGET: AUTHOR
*
* -------------------------------------------------------------------------- */
/*//////////////////////////////////////
// Author info
//////////////////////////////////////*/
.vw-author-info {
margin-bottom: 24px;
}
.vw-author-info .avatar {
margin-bottom: 24px;
}
.vw-author-info .vw-social-icon__label {
display: none;
}
.vw-author-info .vw-user-social-links .vw-icon {
margin-right: 0;
margin-bottom: 5px;
}
.vw-author-info__bio {
margin-bottom: 24px;
opacity: 0.8;
font-size: 13px;
}
/* -----------------------------------------------------------------------------
*
* WIDGET: AUTHOR LIST
*
* -------------------------------------------------------------------------- */
.widget_vw_widget_author_list ul {
list-style: none;
padding: 0;
text-align: center;
justify-content: flex-start;
}
.widget_vw_widget_author_list li {
margin: 0;
}
.widget_vw_widget_author_list .vw-flex-grid__item {
flex-grow: 0;
}
.widget_vw_widget_author_list a {
display: block;
}
.widget_vw_widget_author_list .avatar {
display: block;
margin: 0;
width: auto;
}
/* -----------------------------------------------------------------------------
*
* WIDGET: CUSTOM BANNER
*
* -------------------------------------------------------------------------- */
.vw-custom-banner {
background-color: #333333;
background-size: cover;
background-position: center;
position: relative;
}
.vw-custom-banner:before {
content: '';
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: background-color;
}
.vw-custom-banner:hover:before {
background-color: rgba(0, 0, 0, 0.5);
}
.vw-custom-banner__inner {
padding: 15px 0 15px 15px;
position: relative;
}
.vw-custom-banner__supertitle {
margin-bottom: 0;
font-weight: 400 !important;
color: #FFFFFF !important;
opacity: 0.75;
}
.vw-custom-banner__title {
margin-bottom: 10px;
color: #FFFFFF !important;
}
.vw-custom-banner__subtitle {
color: #FFFFFF !important;
opacity: 0.7;
}
.vw-custom-banner__button {
margin-top: 24px;
}
/* -----------------------------------------------------------------------------
*
* WIDGET: CATEGORIES
*
* -------------------------------------------------------------------------- */
.vw-category-list {
margin-left: 0;
list-style: none;
}
.vw-category-list__item {
position: relative;
}
.vw-category-list__item:not(:first-child) {
border-top: 1px solid rgba(0, 0, 0, 0.05);
padding-top: 12px;
margin-top: 12px;
}
.vw-category-list__item:not(:first-child) .vw-category-list__count {
top: 12px;
}
.vw-category-list__item--no-title .vw-category-list__title {
font-size: 21px;
}
.vw-category-list__item--no-title .vw-category-list__count {
transform: translateY(2px);
}
.vw-category-list__title {
font-size: 18px;
margin-bottom: 12px;
}
.vw-category-list__count {
position: absolute;
right: 0;
top: 0px;
display: inline-block;
padding: 5px 6px;
min-width: 2em;
font-size: 13px;
line-height: 1em;
text-align: center;
color: #FFFFFF;
}
/*//////////////////////////////////////
// Category Posts
//////////////////////////////////////*/
.vw-category-posts {
display: flex;
margin: 0px -1px 5px -1px;
}
.vw-category-posts a {
display: inline-block;
height: 75px;
width: 33.3333333333%;
margin: 0 1px;
background-position: center;
background-size: cover;
flex: 1 3 auto;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-category-posts a:first-child {
width: 70%;
}
.vw-category-posts a:hover {
width: 100%;
}
/* -----------------------------------------------------------------------------
*
* WIDGET: LATEST COMMENTS
*
* -------------------------------------------------------------------------- */
.vw-latest-comments {
list-style: none;
margin-left: 0;
}
.vw-latest-comments li {
padding-left: 45px;
position: relative;
}
.vw-latest-comments li:not(:last-child) {
padding-bottom: 24px;
margin-bottom: 24px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.vw-latest-comments__avatar {
position: absolute;
top: 0;
left: 0;
}
.vw-latest-comments__author {
margin-bottom: 5px;
}
.vw-latest-comments__post {
font-size: 11px;
line-height: 1.3em;
color: #B0B0B0;
}
.vw-latest-comments__content {
margin-top: 12px;
font-size: 13px;
font-style: italic;
line-height: 1.4;
color: #888888;
}
/* -----------------------------------------------------------------------------
*
* WIDGET: SOCIAL COUNTER
*
* -------------------------------------------------------------------------- */
.vw-social-counter {
transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: background-color;
}
.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;
}
.vw-social-counter-list--default-layout {
display: flex;
flex-wrap: wrap;
margin-bottom: -12px;
}
.vw-social-counter-list--default-layout .vw-social-counter {
display: inline-block;
flex: 1 1 auto;
width: 50%;
margin-bottom: 12px;
padding-right: 6px;
}
@media (min-width: 768px) and (max-width: 991px) {
.vw-social-counter-list--default-layout .vw-social-counter {
width: 100%;
}
}
.vw-social-counter-list--default-layout .vw-social-counter__icon {
display: inline-block;
width: 35px;
height: 35px;
line-height: 35px;
background-color: #333333;
color: #FFFFFF;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-social-counter-list--default-layout .vw-social-counter__count,
.vw-social-counter-list--default-layout .vw-social-counter__unit {
display: block;
}
.vw-social-counter-list--default-layout .vw-social-counter__count {
margin-top: 2px;
float: none;
font-size: 20px;
line-height: 1em;
color: #333333;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: all;
}
.vw-social-counter-list--default-layout .vw-social-counter__unit {
line-height: 1.4em;
}
@media (min-width: 768px) {
.vw-social-counter-list--default-layout .vw-social-counter__icon {
width: 45px;
height: 45px;
line-height: 45px;
}
.vw-social-counter-list--default-layout .vw-social-counter__count {
font-size: 28px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.vw-social-counter-list--default-layout .vw-social-counter__icon {
width: 35px;
height: 35px;
line-height: 35px;
}
.vw-social-counter-list--default-layout .vw-social-counter__count {
font-size: 20px;
}
}
.vw-social-counter-list--default-layout .vw-social-counter--twitter:hover .vw-social-counter__icon {
background-color: #00ACED;
}
.vw-social-counter-list--default-layout .vw-social-counter--twitter:hover .vw-social-counter__count {
color: #00ACED;
}
.vw-social-counter-list--default-layout .vw-social-counter--facebook:hover .vw-social-counter__icon {
background-color: #3B5998;
}
.vw-social-counter-list--default-layout .vw-social-counter--facebook:hover .vw-social-counter__count {
color: #3B5998;
}
.vw-social-counter-list--default-layout .vw-social-counter--instagram:hover .vw-social-counter__icon {
background-color: #E4405F;
}
.vw-social-counter-list--default-layout .vw-social-counter--instagram:hover .vw-social-counter__count {
color: #E4405F;
}
.vw-social-counter-list--default-layout .vw-social-counter--youtube:hover .vw-social-counter__icon {
background-color: #BB0000;
}
.vw-social-counter-list--default-layout .vw-social-counter--youtube:hover .vw-social-counter__count {
color: #BB0000;
}
.vw-social-counter-list--default-layout .vw-social-counter--googleplus:hover .vw-social-counter__icon {
background-color: #DD4B39;
}
.vw-social-counter-list--default-layout .vw-social-counter--googleplus:hover .vw-social-counter__count {
color: #DD4B39;
}
.vw-social-counter-list--default-layout .vw-social-counter--vimeo:hover .vw-social-counter__icon {
background-color: #17B3E8;
}
.vw-social-counter-list--default-layout .vw-social-counter--vimeo:hover .vw-social-counter__count {
color: #17B3E8;
}
.vw-social-counter-list--default-layout .vw-social-counter--soundcloud:hover .vw-social-counter__icon {
background-color: #FF3A00;
}
.vw-social-counter-list--default-layout .vw-social-counter--soundcloud:hover .vw-social-counter__count {
color: #FF3A00;
}
.vw-social-counter-list--default-layout .vw-social-counter--pinterest:hover .vw-social-counter__icon {
background-color: #CB2027;
}
.vw-social-counter-list--default-layout .vw-social-counter--pinterest:hover .vw-social-counter__count {
color: #CB2027;
}
.vw-social-counter-list--default-layout .vw-social-counter--vk:hover .vw-social-counter__icon {
background-color: #45668E;
}
.vw-social-counter-list--default-layout .vw-social-counter--vk:hover .vw-social-counter__count {
color: #45668E;
}
.vw-social-counter-list--default-layout .vw-social-counter--dribbble:hover .vw-social-counter__icon {
background-color: #EA4C89;
}
.vw-social-counter-list--default-layout .vw-social-counter--dribbble:hover .vw-social-counter__count {
color: #EA4C89;
}
/*//////////////////////////////////////
// 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: #E4405F;
}
.vw-social-counter-list--half-button-layout .vw-social-counter--instagram:hover {
background-color: #EA6D84;
}
.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;
}
/* -----------------------------------------------------------------------------
* $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;
}
/* -----------------------------------------------------------------------------
*
* $MAILCHIMP FOR WORDPRESS
*
* -------------------------------------------------------------------------- */
.widget_mc4wp_form_widget .mc4wp-form-fields {
padding: 24px;
border: 1px solid rgba(0, 0, 0, 0.05);
}
.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);
}
/* -----------------------------------------------------------------------------
* $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;
}
/* -----------------------------------------------------------------------------
* $NINJA FORM
* -------------------------------------------------------------------------- */
.nf-form-fields-required {
margin-bottom: 24px;
font-style: italic;
font-size: 0.9em;
}
.nf-form-title {
margin-bottom: 12px;
display: block;
}
/* =============================================================================
THEME
========================================================================== */
/* -----------------------------------------------------------------------------
*
* Theme
*
* -------------------------------------------------------------------------- */
.vw-footer-sidebar .widget-title,
.vw-menu-mobile .menu-link:hover,
.vw-404-box__hero-title,
.vw-accordion .ui-state-hover span,
.vw-404-text {
color: #3FACD6;
}
.vw-post-content th,
.vw-comment__content th,
.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,
.no-touch .vw-button--outline.vw-button:hover,
.vw-top-bar .vw-social-icon:hover,
.vw-title-area__nav-button:hover,
.vw-menu-top .menu-item:hover,
.vw-menu-main .menu-item:hover,
.vw-menu-top .main-menu-link:hover,
.vw-menu-main .main-menu-link:hover,
.vw-pagination__links .page-numbers.current,
.vw-post-box--block-d .vw-post-views,
.vw-post-box--slide-1:hover .vw-post-box__read-more,
.vw-categories a,
.vw-page-links > span:not(:first-child),
.vw-scroll-to-top,
.vw-content-slider .slick-prev,
.vw-content-slider .slick-next,
.vw-dropcap-circle,
.vw-dropcap-box,
.vw-review--points .vw-review__item-score-bar,
.vw-review--percentage .vw-review__item-score-bar,
.vw-review-summary,
.sk-folding-cube .sk-cube:before,
#wp-calendar tbody td:hover,
.widget_product_tag_cloud .tagcloud a:hover,
.widget_tag_cloud .tagcloud a:hover,
.vw-category-list__count,
.widget #sb_instagram .sbi_follow_btn a {
background-color: #3FACD6;
}