@charset "UTF-8";
/*!
Theme Name: Airtifact
Theme URI: https://airtifact.demo-heythemers.com
Author: HeyThemers
Author URI: http://themeforest.net/user/vankarwai
Description: An incredibly unique portfolio focused theme, driven by AJAX and modern web technologies.
Version: 1.3.0
Tested up to: 6.7;
Requires PHP: 7.4;
License: GNU General Public License version 3.0 & Envato Regular/Extended License
License URI: http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses
Text Domain: airtifact
Tags: portfolio, photography, blog
*/
/* Stylesheet Table contents
=====
1. Reset
2. Variable defining
3. Grids framework
4. Typography
5. Vendor - Flickity
6. Vendor - Fancybox
7. Vendor - Media Element
8. Blog entries
9. Single posts
10. Single portfolio projects
11. Portfolio grid
12. Default page styles
13. Hero header
14. Content rules
15. Header
16. Footer
17. Sidebar
18. Responsive queries
19. Final tweaks
====
*/
/* -----
1. Reset
-----
*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; }
html, body {
margin: 0; }
* {
box-sizing: border-box; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block; }
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden],
template {
display: none; }
a {
background-color: transparent;
text-decoration: none;
display: inline-block; }
a:active,
a:hover {
outline: 0; }
abbr[title] {
border-bottom: 1px dotted; }
b,
strong {
font-weight: bold; }
dfn {
font-style: italic; }
h1 {
font-size: 2em;
margin: 0.67em 0; }
mark {
background: #ff0;
color: #000; }
small {
font-size: 80%; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0; }
button {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled],
html input[disabled] {
cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
input {
line-height: normal; }
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
border: 0;
padding: 0; }
input, textarea, button {
outline: none !important; }
textarea {
overflow: auto; }
optgroup {
font-weight: bold; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after {
content: '';
content: none; }
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
.ie7 #oldie {
display: block; }
.ie7 body {
overflow: hidden;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
width: 100% !important;
height: 100% !important;
position: absolute !important;
border: none !important; }
.ie7 #site, .ie7 #site-share, .ie7 #site-actions, .ie7 #site-overlay, .ie7 #preloader, .ie7 #mini-cart {
display: none !important; }
.ie7 #oldie {
color: #333;
left: 50%;
margin-left: -150px;
margin-top: -30px;
width: 350px;
top: 50%;
text-align: center;
position: absolute;
display: block; }
#oldie {
display: none; }
.ie7 #oldie a {
border-bottom: 1px dotted #333;
color: #333;
font-weight: 700; }
.ie7 #oldie a:hover {
color: #000;
border-bottom: 1px dotted #000; }
/* -----
2. Variable defining
-----
*/
/* -----
3. Grids framework
-----
*/
.clearfix, #respond form, .comment article, .grid {
*zoom: 1; }
.clearfix:after, #respond form:after, .comment article:after, .grid:after {
content: '';
display: table;
clear: both; }
img {
max-width: 100%;
height: auto; }
.grid {
list-style: none;
/* [1] */
margin: 0;
/* [2] */
padding: 0;
/* [2] */
position: relative;
margin-left: -30px;
/* [3] */
display: flex;
flex-wrap: wrap; }
.rtl .grid {
flex-direction: row-reverse; }
.grid__item {
display: inline-block;
/* [1] */
padding-left: 30px;
/* [2] */
vertical-align: top;
/* [3] */
width: 100%;
/* [4] */
-webkit-box-sizing: border-box;
/* [5] */
-moz-box-sizing: border-box;
/* [5] */
box-sizing: border-box;
/* [5] */ }
.kcm .grid__item {
margin-bottom: 30px; }
/**
* Reversed grids allow you to structure your source in the opposite order to
* how your rendered layout will appear. Extends `.grid`.
*/
.grid--rev {
direction: rtl;
text-align: left; }
.grid--rev > .grid__item {
direction: ltr;
text-align: left; }
/**
* Gutterless grids have all the properties of regular grids, minus any spacing.
* Extends `.grid`.
*/
.grid--full {
margin-left: 0; }
.grid--full > .grid__item {
padding-left: 0; }
/**
* Align the entire grid to the right. Extends `.grid`.
*/
.grid--right {
text-align: right; }
.grid--right > .grid__item {
text-align: left; }
/**
* Centered grids align grid items centrally without needing to use push or pull
* classes. Extends `.grid`.
*/
.grid--center {
text-align: center; }
.grid--center > .grid__item {
text-align: left; }
/**
* Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends
* `.grid`.
*/
.grid--middle > .grid__item {
vertical-align: middle; }
.grid--bottom > .grid__item {
vertical-align: bottom; }
/**
* Create grids with narrower gutters. Extends `.grid`.
*/
.grid--narrow {
margin-left: -15px; }
.grid--narrow > .grid__item {
padding-left: 15px; }
/**
* Create grids with wider gutters. Extends `.grid`.
*/
.grid--wide {
margin-left: -60px; }
.grid--wide > .grid__item {
padding-left: 60px; }
/*------------------------------------*\
$WIDTHS
\*------------------------------------*/
/**
* Create our width classes, prefixed by the specified namespace.
*/
/**
* Our regular, non-responsive width classes.
*/
/**
* Whole
*/
.one-whole {
width: 100%; }
/**
* Halves
*/
.one-half, .six-twelfths, .five-tenths, .four-eighths, .three-sixths, .two-quarters {
width: 50%; }
/**
* Thirds
*/
.one-third, .four-twelfths, .two-sixths {
width: 33.333%; }
.two-thirds, .eight-twelfths, .four-sixths {
width: 66.666%; }
/**
* Quarters
*/
.one-quarter, .three-twelfths, .two-eighths {
width: 25%; }
.three-quarters, .nine-twelfths, .six-eighths {
width: 75%; }
/**
* Fifths
*/
.one-fifth, .two-tenths {
width: 20%; }
.two-fifths, .four-tenths {
width: 40%; }
.three-fifths, .six-tenths {
width: 60%; }
.four-fifths, .eight-tenths {
width: 80%; }
/**
* Sixths
*/
.one-sixth, .two-twelfths {
width: 16.666%; }
.five-sixths, .ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.one-eighth {
width: 12.5%; }
.three-eighths {
width: 37.5%; }
.five-eighths {
width: 62.5%; }
.seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.one-tenth {
width: 10%; }
.three-tenths {
width: 30%; }
.seven-tenths {
width: 70%; }
.nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.half-twelfth {
width: 4.166%; }
.one-twelfth {
width: 8.333%; }
.five-twelfths {
width: 41.666%; }
.seven-twelfths {
width: 58.333%; }
.eleven-twelfths {
width: 91.666%; }
.eleven-twelfth {
width: 91.666%; }
@media screen and (max-width: 1024px) {
.old-breakpoint--whole {
width: 100%; }
form .old-breakpoint--whole {
padding-left: 0; }
.old-breakpoint--one-half {
width: 50%; } }
@media screen and (min-width: 480px) and (max-width: 960px) {
.portable--auto {
width: 100%;
margin-bottom: 50px; }
.lap--auto {
width: 100%;
margin-bottom: 50px; } }
/**
* Our responsive classes, if we have enabled them.
*/
@media only screen and (min-width: 1681px) {
/**
* Whole
*/
.desk--one-whole {
width: 100%; }
/**
* Halves
*/
.desk--one-half, .desk--six-twelfths, .desk--five-tenths, .desk--four-eighths, .desk--three-sixths, .desk--two-quarters {
width: 50%; }
/**
* Thirds
*/
.desk--one-third, .desk--four-twelfths, .desk--two-sixths {
width: 33.333%; }
.desk--two-thirds, .desk--eight-twelfths, .desk--four-sixths {
width: 66.666%; }
/**
* Quarters
*/
.desk--one-quarter, .desk--three-twelfths, .desk--two-eighths {
width: 25%; }
.desk--three-quarters, .desk--nine-twelfths, .desk--six-eighths {
width: 75%; }
/**
* Fifths
*/
.desk--one-fifth, .desk--two-tenths {
width: 20%; }
.desk--two-fifths, .desk--four-tenths {
width: 40%; }
.desk--three-fifths, .desk--six-tenths {
width: 60%; }
.desk--four-fifths, .desk--eight-tenths {
width: 80%; }
/**
* Sixths
*/
.desk--one-sixth, .desk--two-twelfths {
width: 16.666%; }
.desk--five-sixths, .desk--ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.desk--one-eighth {
width: 12.5%; }
.desk--three-eighths {
width: 37.5%; }
.desk--five-eighths {
width: 62.5%; }
.desk--seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.desk--one-tenth {
width: 10%; }
.desk--three-tenths {
width: 30%; }
.desk--seven-tenths {
width: 70%; }
.desk--nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.desk--half-twelfth {
width: 4.166%; }
.desk--one-twelfth {
width: 8.333%; }
.desk--five-twelfths {
width: 41.666%; }
.desk--seven-twelfths {
width: 58.333%; }
.desk--eleven-twelfths {
width: 91.666%; }
.desk--eleven-twelfth {
width: 91.666%; } }
@media only screen and (max-width: 1680px) {
/**
* Whole
*/
.portable--one-whole {
width: 100%; }
/**
* Halves
*/
.portable--one-half, .portable--six-twelfths, .portable--five-tenths, .portable--four-eighths, .portable--three-sixths, .portable--two-quarters {
width: 50%; }
/**
* Thirds
*/
.portable--one-third, .portable--four-twelfths, .portable--two-sixths {
width: 33.333%; }
.portable--two-thirds, .portable--eight-twelfths, .portable--four-sixths {
width: 66.666%; }
/**
* Quarters
*/
.portable--one-quarter, .portable--three-twelfths, .portable--two-eighths {
width: 25%; }
.portable--three-quarters, .portable--nine-twelfths, .portable--six-eighths {
width: 75%; }
/**
* Fifths
*/
.portable--one-fifth, .portable--two-tenths {
width: 20%; }
.portable--two-fifths, .portable--four-tenths {
width: 40%; }
.portable--three-fifths, .portable--six-tenths {
width: 60%; }
.portable--four-fifths, .portable--eight-tenths {
width: 80%; }
/**
* Sixths
*/
.portable--one-sixth, .portable--two-twelfths {
width: 16.666%; }
.portable--five-sixths, .portable--ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.portable--one-eighth {
width: 12.5%; }
.portable--three-eighths {
width: 37.5%; }
.portable--five-eighths {
width: 62.5%; }
.portable--seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.portable--one-tenth {
width: 10%; }
.portable--three-tenths {
width: 30%; }
.portable--seven-tenths {
width: 70%; }
.portable--nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.portable--half-twelfth {
width: 4.166%; }
.portable--one-twelfth {
width: 8.333%; }
.portable--five-twelfths {
width: 41.666%; }
.portable--seven-twelfths {
width: 58.333%; }
.portable--eleven-twelfths {
width: 91.666%; }
.portable--eleven-twelfth {
width: 91.666%; } }
@media only screen and (min-width: 481px) and (max-width: 961px) {
/**
* Whole
*/
.lap--one-whole {
width: 100%; }
/**
* Halves
*/
.lap--one-half, .lap--six-twelfths, .lap--five-tenths, .lap--four-eighths, .lap--three-sixths, .lap--two-quarters {
width: 50%; }
/**
* Thirds
*/
.lap--one-third, .lap--four-twelfths, .lap--two-sixths {
width: 33.333%; }
.lap--two-thirds, .lap--eight-twelfths, .lap--four-sixths {
width: 66.666%; }
/**
* Quarters
*/
.lap--one-quarter, .lap--three-twelfths, .lap--two-eighths {
width: 25%; }
.lap--three-quarters, .lap--nine-twelfths, .lap--six-eighths {
width: 75%; }
/**
* Fifths
*/
.lap--one-fifth, .lap--two-tenths {
width: 20%; }
.lap--two-fifths, .lap--four-tenths {
width: 40%; }
.lap--three-fifths, .lap--six-tenths {
width: 60%; }
.lap--four-fifths, .lap--eight-tenths {
width: 80%; }
/**
* Sixths
*/
.lap--one-sixth, .lap--two-twelfths {
width: 16.666%; }
.lap--five-sixths, .lap--ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.lap--one-eighth {
width: 12.5%; }
.lap--three-eighths {
width: 37.5%; }
.lap--five-eighths {
width: 62.5%; }
.lap--seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.lap--one-tenth {
width: 10%; }
.lap--three-tenths {
width: 30%; }
.lap--seven-tenths {
width: 70%; }
.lap--nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.lap--half-twelfth {
width: 4.166%; }
.lap--one-twelfth {
width: 8.333%; }
.lap--five-twelfths {
width: 41.666%; }
.lap--seven-twelfths {
width: 58.333%; }
.lap--eleven-twelfths {
width: 91.666%; }
.lap--eleven-twelfth {
width: 91.666%; } }
@media only screen and (max-width: 480px) {
/**
* Whole
*/
.palm--one-whole {
width: 100%; }
/**
* Halves
*/
.palm--one-half, .palm--six-twelfths, .palm--five-tenths, .palm--four-eighths, .palm--three-sixths, .palm--two-quarters {
width: 50%; }
/**
* Thirds
*/
.palm--one-third, .palm--four-twelfths, .palm--two-sixths {
width: 33.333%; }
.palm--two-thirds, .palm--eight-twelfths, .palm--four-sixths {
width: 66.666%; }
/**
* Quarters
*/
.palm--one-quarter, .palm--three-twelfths, .palm--two-eighths {
width: 25%; }
.palm--three-quarters, .palm--nine-twelfths, .palm--six-eighths {
width: 75%; }
/**
* Fifths
*/
.palm--one-fifth, .palm--two-tenths {
width: 20%; }
.palm--two-fifths, .palm--four-tenths {
width: 40%; }
.palm--three-fifths, .palm--six-tenths {
width: 60%; }
.palm--four-fifths, .palm--eight-tenths {
width: 80%; }
/**
* Sixths
*/
.palm--one-sixth, .palm--two-twelfths {
width: 16.666%; }
.palm--five-sixths, .palm--ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.palm--one-eighth {
width: 12.5%; }
.palm--three-eighths {
width: 37.5%; }
.palm--five-eighths {
width: 62.5%; }
.palm--seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.palm--one-tenth {
width: 10%; }
.palm--three-tenths {
width: 30%; }
.palm--seven-tenths {
width: 70%; }
.palm--nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.palm--half-twelfth {
width: 4.166%; }
.palm--one-twelfth {
width: 8.333%; }
.palm--five-twelfths {
width: 41.666%; }
.palm--seven-twelfths {
width: 58.333%; }
.palm--eleven-twelfths {
width: 91.666%; }
.palm--eleven-twelfth {
width: 91.666%; } }
/*------------------------------------*\
$PUSH
\*------------------------------------*/
/**
* Push classes, to move grid items over to the right by certain amounts.
*/
/*------------------------------------*\
$PULL
\*------------------------------------*/
/**
* Pull classes, to move grid items back to the left by certain amounts.
*/
.show {
display: block !important; }
.hide {
display: none !important; }
.text-left {
text-align: left !important; }
.text-right {
text-align: right !important; }
.text-center {
text-align: center !important; }
.left {
float: left !important; }
.right {
float: right !important; }
@media only screen and (min-width: 1681px) {
.desk--show {
display: block !important; }
.desk--hide {
display: none !important; }
.desk--text-left {
text-align: left !important; }
.desk--text-right {
text-align: right !important; }
.desk--text-center {
text-align: center !important; }
.desk--left {
float: left !important; }
.desk--right {
float: right !important; } }
@media only screen and (max-width: 1680px) {
.portable--show {
display: block !important; }
.portable--hide {
display: none !important; }
.portable--text-left {
text-align: left !important; }
.portable--text-right {
text-align: right !important; }
.portable--text-center {
text-align: center !important; }
.portable--left {
float: left !important; }
.portable--right {
float: right !important; } }
@media only screen and (min-width: 481px) and (max-width: 961px) {
.lap--show {
display: block !important; }
.lap--hide {
display: none !important; }
.lap--text-left {
text-align: left !important; }
.lap--text-right {
text-align: right !important; }
.lap--text-center {
text-align: center !important; }
.lap--left {
float: left !important; }
.lap--right {
float: right !important; } }
@media only screen and (max-width: 480px) {
.palm--show {
display: block !important; }
.palm--hide {
display: none !important; }
.palm--text-left {
text-align: left !important; }
.palm--text-right {
text-align: right !important; }
.palm--text-center {
text-align: center !important; }
.palm--left {
float: left !important; }
.palm--right {
float: right !important; } }
/*============================================================================
Dependency-free breakpoint mixin
- Based on http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/
- Usage docs: http://shopify.github.io/Timber/#sass-mixins
==============================================================================*/
.display--table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%; }
.display--table-cell, .entry-minimal__title {
display: table-cell;
vertical-align: middle;
float: none; }
#site-sidebar .widget a, #site-footer .widget a, .overlay-menu a span.name, .top-menu li a, .entry-caption.hover-two h3, .post-tags a, .edit-link, .entry-meta a, .post-navigation a, .entry-minimal__title span, .entry-content a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link) {
position: relative; }
#site-sidebar .widget a:after, #site-footer .widget a:after, .overlay-menu a span.name:after, .top-menu li a:after, .entry-caption.hover-two h3:after, .post-tags a:after, .edit-link:after, .entry-meta a:after, .post-navigation a:after, .entry-minimal__title span:after, .entry-content a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link):after {
content: "";
display: inline-block;
position: absolute;
width: 0%;
top: 100%;
left: 0;
margin-top: -2px;
transition: all 100ms linear;
height: 1px; }
a:hover #site-sidebar .widget a:after, #site-sidebar .widget a:hover a:after, a:hover #site-footer .widget a:after, #site-footer .widget a:hover a:after, .overlay-menu a:hover span.name:after, a:hover .top-menu li a:after, .top-menu li a:hover a:after, a:hover .entry-caption.hover-two h3:after, .entry-caption.hover-two a:hover h3:after, a:hover .post-tags a:after, .post-tags a:hover a:after, a:hover .edit-link:after, a:hover .entry-meta a:after, .entry-meta a:hover a:after, a:hover .post-navigation a:after, .post-navigation a:hover a:after, a:hover .entry-minimal__title span:after, .entry-minimal__title a:hover span:after, a:hover .entry-content a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link):after, .entry-content a:hover a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link):after, #site-sidebar .widget a:hover:after, #site-footer .widget a:hover:after, .overlay-menu a span.name:hover:after, .top-menu li a:hover:after, .entry-caption.hover-two h3:hover:after, .post-tags a:hover:after, .edit-link:hover:after, .entry-meta a:hover:after, .post-navigation a:hover:after, .entry-minimal__title span:hover:after, .entry-content a:hover:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link):after {
width: 100%; }
.entry-content > p {
*zoom: 1; }
.entry-content > p:after {
content: '';
display: table;
clear: both; }
/*Mixin animation for everything but minimal blog images*/
.inner-grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: calc(100% + 30px);
margin-left: -15px; }
.wrapper > .inner-grid {
padding-left: 15px; }
.inner-grid > div {
margin-bottom: 30px;
padding: 0 15px; }
.col-1-4 {
width: 25%; }
@media screen and (max-width: 960px) {
.col-1-4 {
width: 50%; } }
@media screen and (max-width: 480px) {
.col-1-4 {
width: 100%; } }
.col-1-3 {
width: 33.33%; }
@media screen and (max-width: 960px) {
.col-1-3 {
width: 100%; } }
.col-2-3 {
width: 66.66%; }
@media screen and (max-width: 960px) {
.col-2-3 {
width: 100%; } }
.col-1-2 {
width: 50%; }
@media screen and (max-width: 480px) {
.col-1-2 {
width: 100%; } }
.col-1-1 {
width: 100%; }
/* -----
4. Typography
-----
*/
/* General typography such as colors and heading styles goes here
The rest is in individual files
*/
html {
font-size: 23px; }
@media screen and (max-width: 2120px) {
html {
font-size: 21px; } }
@media screen and (max-width: 1679px) {
html {
font-size: 19px; } }
@media screen and (max-width: 1180px) {
html {
font-size: 17.5px; } }
@media screen and (max-width: 960px) {
html {
font-size: 16px; } }
@media screen and (max-width: 480px) {
html {
font-size: 14px; } }
body {
line-height: 1.61;
color: #fff;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-size: 0.81vw; }
@media screen and (min-width: 2561px) {
body {
line-height: 1.415; } }
@media screen and (min-width: 2561px) {
body {
font-size: 23px; } }
@media screen and (max-width: 1680px) {
body {
font-size: 1.173vw; } }
@media screen and (max-width: 1180px) {
body {
font-size: 1.595vw; } }
@media screen and (max-width: 960px) {
body {
font-size: 2.2517vw; } }
@media screen and (max-width: 480px) {
body {
font-size: 4.153vw; } }
a {
color: #fff;
transition: color 150ms linear, opacity 150ms linear; }
.entry-content a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link) {
font-weight: 500; }
h1, h2, h3, h4, h5, h6 {
margin: 0;
line-height: 1.2;
font-weight: 400; }
* > 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 {
font-size: 1.919vw;
line-height: 1.079em;
margin-bottom: 1em; }
@media screen and (min-width: 2561px) {
h1 {
font-size: 135px; } }
@media screen and (max-width: 1680px) {
h1 {
font-size: 2.355vw; } }
@media screen and (max-width: 1180px) {
h1 {
font-size: 2.939vw; } }
@media screen and (max-width: 960px) {
h1 {
font-size: 4.5975vw; } }
@media screen and (max-width: 480px) {
h1 {
font-size: 7.011vw; } }
.entry-hero-tagline h1 {
font-size: 5.278vw;
line-height: 1.079em;
letter-spacing: -0.037rem;
margin-bottom: 0.15em; }
@media screen and (min-width: 2561px) {
.entry-hero-tagline h1 {
font-size: 135px; } }
@media screen and (max-width: 1680px) {
.entry-hero-tagline h1 {
font-size: 5.995vw; } }
@media screen and (max-width: 1180px) {
.entry-hero-tagline h1 {
font-size: 6.7955vw; } }
@media screen and (max-width: 960px) {
.entry-hero-tagline h1 {
font-size: 9.9975vw; } }
@media screen and (max-width: 480px) {
.entry-hero-tagline h1 {
font-size: 12.579vw; } }
@media screen and (max-width: 414px) {
.entry-hero-tagline h1 {
margin-bottom: 0.39em; } }
h2 {
font-size: 1.615vw;
line-height: 1.17;
margin-bottom: 1em; }
@media screen and (min-width: 2561px) {
h2 {
font-size: 35px; } }
@media screen and (max-width: 1680px) {
h2 {
font-size: 1.95vw; } }
@media screen and (max-width: 1180px) {
h2 {
font-size: 2.475vw; } }
@media screen and (max-width: 960px) {
h2 {
font-size: 3.9435vw; } }
@media screen and (max-width: 480px) {
h2 {
font-size: 5.9297vw; } }
h3 {
font-size: 1.375vw;
margin-bottom: 0.75em; }
@media screen and (min-width: 2561px) {
h3 {
font-size: 33px; } }
@media screen and (max-width: 1680px) {
h3 {
font-size: 1.595vw; } }
@media screen and (max-width: 1180px) {
h3 {
font-size: 2.101vw; } }
@media screen and (max-width: 960px) {
h3 {
font-size: 3.379vw; } }
@media screen and (max-width: 480px) {
h3 {
font-size: 5.137vw; } }
h4 {
font-size: 1.091vw;
line-height: 1.29;
margin-bottom: 0.959em; }
@media screen and (min-width: 2561px) {
h4 {
font-size: 31px; } }
@media screen and (max-width: 1680px) {
h4 {
font-size: 1.353vw; } }
@media screen and (max-width: 1180px) {
h4 {
font-size: 1.851vw; } }
@media screen and (max-width: 960px) {
h4 {
font-size: 2.851vw; } }
@media screen and (max-width: 480px) {
h4 {
font-size: 4.377vw; } }
h5 {
font-size: 0.8915vw;
margin-bottom: 1em; }
@media screen and (min-width: 2561px) {
h5 {
font-size: 29px; } }
@media screen and (max-width: 1680px) {
h5 {
font-size: 1.173vw; } }
@media screen and (max-width: 1180px) {
h5 {
font-size: 1.601vw; } }
@media screen and (max-width: 960px) {
h5 {
font-size: 2.419vw; } }
@media screen and (max-width: 480px) {
h5 {
font-size: 3.799vw; } }
@media screen and (max-width: 414px) {
h5 {
margin-bottom: 1.1em; } }
h6 {
font-size: 0.7495vw;
line-height: 1.5em;
margin-bottom: 1.2911em; }
@media screen and (min-width: 2561px) {
h6 {
font-size: 27px; } }
@media screen and (max-width: 1680px) {
h6 {
font-size: 1.019vw; } }
@media screen and (max-width: 1180px) {
h6 {
font-size: 1.391vw; } }
@media screen and (max-width: 960px) {
h6 {
font-size: 2.115vw; } }
@media screen and (max-width: 480px) {
h6 {
font-size: 3.237vw; } }
@media screen and (max-width: 414px) {
h6 {
margin-bottom: 1.23em; } }
em {
font-style: italic; }
strong {
font-weight: bold; }
hr {
border: none;
background: #fff;
width: 100%;
height: 1px;
margin: 25px 0 100px;
display: inline-block; }
hr.center {
display: block;
margin-left: auto;
margin-right: auto; }
hr + .entry-breadcrumb {
margin-top: -50px; }
hr.thick {
height: 7px; }
ul, ol {
margin-bottom: 24px; }
ul li, ol li {
margin-bottom: 25px;
line-height: 1.15em; }
* > ul li:first-child, * > ol li:first-child {
margin-top: 0; }
* > ul li:last-child, * > ol li:last-child {
margin-bottom: 0; }
* > ul:first-child, * > ol:first-child {
margin-top: 0; }
* > ul:last-child, * > ol:last-child {
margin-bottom: 0; }
li ol, li ul {
margin-top: 24px !important; }
ul {
list-style: disc outside; }
ul.no-list-style, .no-list-style ul {
list-style: none !important; }
ul li ul {
list-style: circle outside; }
.list-compressed ul li {
margin-bottom: 13px; }
dl {
padding: 0.5em; }
dt {
float: left;
clear: left;
width: 100px;
text-align: right;
font-weight: bold; }
dt::after {
content: ":"; }
dd {
margin: 0 0 0 120px;
padding: 0; }
.grid__item > p:last-child {
margin-bottom: 0; }
/* Some personal preferences */
img, figure, iframe, .wp-video, video {
max-width: 100%;
vertical-align: baseline;
margin-bottom: 50px;
margin-top: 50px; }
* > img:first-child, * > figure:first-child, * > iframe:first-child, * > .wp-video:first-child, * > video:first-child {
margin-top: 0; }
* > img:last-child, * > figure:last-child, * > iframe:last-child, * > .wp-video:last-child, * > video:last-child {
margin-bottom: 0; }
@media screen and (max-width: 960px) {
img, figure, iframe, .wp-video, video {
margin-bottom: 0;
margin-top: 0; } }
img, figure {
height: auto; }
a figure {
margin: 0; }
.fluid-width-video-wrapper {
margin-bottom: 50px;
margin-top: 50px; }
.wp-caption a:after {
display: none !important; }
p {
margin-bottom: 24px; }
p > img, p figure, p iframe, p video, p .wp-video, p video {
margin-bottom: 0; }
figure img {
margin: 0; }
address {
margin-bottom: 24px; }
.alignleft, .lazyload-container[data-align="left"] {
float: left;
margin: 25px 20px 20px 0 !important; }
.alignright, .lazyload-container[data-align="right"] {
float: right;
margin: 25px 0 20px 20px !important;
text-align: right; }
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center; }
p:empty {
display: none; }
.grid > br, .grid__item > br {
display: none; }
.bypostauthor .by-author {
display: block; }
.wp-caption-text, .gallery-caption, .flickity-slider figure + .caption {
font-size: 12px;
opacity: .75;
margin-top: 15px;
margin-right: 15px;
text-align: right;
position: relative;
letter-spacing: 0.33px;
width: 100%;
max-width: 500px; }
.wp-caption-text:before, .gallery-caption:before, .flickity-slider figure + .caption:before {
content: "↵";
font-size: 15px;
font-family: Arial, sans-serif;
position: absolute;
top: -3px;
margin-left: -21px;
line-height: 1;
transform: rotate(90deg); }
.wp-caption-text {
position: absolute;
right: 0; }
.flickity-slider .carousel-cell .lazyload-container {
margin-bottom: 0; }
.flickity-slider figure + .caption {
position: relative;
right: 0;
margin-bottom: 0 !important; }
.wp-caption {
position: relative; }
.flickity-slider figure + .caption {
bottom: 0; }
blockquote {
font-size: 2.95vw;
text-align: center;
line-height: 1.315; }
@media screen and (min-width: 2561px) {
blockquote {
font-size: 75px; } }
@media screen and (max-width: 1680px) {
blockquote {
font-size: 3.475vw; } }
@media screen and (max-width: 1180px) {
blockquote {
font-size: 3.781vw; } }
@media screen and (max-width: 960px) {
blockquote {
font-size: 4.575vw; } }
@media screen and (max-width: 480px) {
blockquote {
font-size: 5.375vw; } }
pre, code, tt {
background: #fff;
font-family: Consolas, Courier, Monaco, monospace;
font-size: 12px;
line-height: 1;
color: #000;
background: rgba(0, 0, 0, 0.07);
padding: 10px 0 0 0;
margin-bottom: 24px; }
pre {
white-space: pre-wrap;
word-wrap: break-word;
padding: 30px; }
table {
width: 100%;
border: 1px solid;
text-align: left;
margin-bottom: 24px; }
table thead h4 {
font-size: 10px;
line-height: 18px;
text-transform: uppercase;
margin-bottom: 0; }
table tr {
border-top: 1px solid; }
table thead tr {
border-top: none; }
table th, table td {
min-height: 41px;
padding: 10px 14px 8px;
border-right: 1px solid; }
sub, sup {
font-size: .7em;
line-height: .7em; }
sub {
vertical-align: bottom; }
sup {
vertical-align: super;
font-size: smaller;
margin-right: 2px; }
del {
color: #959595; }
var {
font-family: Consolas, Courier, Monaco, monospace; }
strong {
font-weight: 700; }
em {
font-style: italic; }
small {
display: inline-block;
font-size: 16px;
line-height: 1.35;
margin-bottom: 5px; }
@media screen and (min-width: 2561px) {
small {
font-size: 30px; } }
@media screen and (max-width: 1680px) {
small {
font-size: 15px; } }
@media screen and (max-width: 1180px) {
small {
font-size: 15px; } }
@media screen and (max-width: 960px) {
small {
font-size: 11px; } }
@media screen and (max-width: 480px) {
small {
font-size: 11px; } }
ol {
list-style: decimal inside; }
ul ul, ul ol, ol ol, ol ul {
margin-left: 20px; }
sub, sup {
font-size: 14px;
line-height: 0;
position: relative;
vertical-align: baseline;
font-weight: bold; }
sup {
top: -1.15em; }
sub {
bottom: -0.19em; }
.post-password-form input[type="password"] {
background: transparent !important;
border-bottom: 2px solid #fff !important;
height: 24px !important;
color: #fff !important;
padding: 0 5px !important; }
.post-password-form input[type="submit"] {
font-size: 12px;
padding: 0;
text-align: left;
position: static;
margin-left: 12px; }
/* Forms */
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]), textarea, .simple-select-cover {
height: 55px;
outline: none !important;
border: none;
border-bottom: 2px solid;
background: transparent !important;
line-height: 1.35em;
margin: 0;
padding: 0;
-webkit-appearance: none;
font-weight: 300;
border-radius: 0;
width: 100%;
font-size: 33px;
transition: all 200ms linear; }
@media screen and (min-width: 2561px) {
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]), textarea, .simple-select-cover {
font-size: 33px; } }
@media screen and (max-width: 1680px) {
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]), textarea, .simple-select-cover {
font-size: 29px; } }
@media screen and (max-width: 1180px) {
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]), textarea, .simple-select-cover {
font-size: 25px; } }
@media screen and (max-width: 960px) {
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]), textarea, .simple-select-cover {
font-size: 21px; } }
@media screen and (max-width: 480px) {
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]), textarea, .simple-select-cover {
font-size: 18px; } }
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]):-ms-input-placeholder, textarea:-ms-input-placeholder, .simple-select-cover:-ms-input-placeholder {
transform-origin: 0% 0%;
transition: all 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="search"])::-ms-input-placeholder, textarea::-ms-input-placeholder, .simple-select-cover::-ms-input-placeholder {
transform-origin: 0% 0%;
transition: all 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="search"])::-moz-input-placeholder, textarea::-moz-input-placeholder, .simple-select-cover::-moz-input-placeholder {
transform-origin: 0% 0%;
transition: all 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="search"])::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .simple-select-cover::-webkit-input-placeholder {
transform-origin: 0% 0%;
transition: all 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="search"])::placeholder, textarea::placeholder, .simple-select-cover::placeholder {
transform-origin: 0% 0%;
transition: all 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]):focus, textarea:focus, .simple-select-cover:focus {
border-bottom-color: inherit !important; }
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]):focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder, .simple-select-cover:focus:-ms-input-placeholder {
opacity: 0.25; }
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]):focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder, .simple-select-cover:focus::-ms-input-placeholder {
opacity: 0.25; }
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]):focus::-moz-input-placeholder, textarea:focus::-moz-input-placeholder, .simple-select-cover:focus::-moz-input-placeholder {
opacity: 0.25; }
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]):focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder, .simple-select-cover:focus::-webkit-input-placeholder {
opacity: 0.25; }
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]):focus::placeholder, textarea:focus::placeholder, .simple-select-cover:focus::placeholder {
opacity: 0.25; }
input[type="search"] {
-webkit-appearance: none;
border-radius: 0; }
input[type="checkbox"], input[type="radio"] {
margin-right: 10px; }
textarea {
height: 225px;
resize: none;
font-weight: 400; }
input[type="submit"] {
background: none;
color: #fff;
border: none;
font-size: 33px;
line-height: 1;
font-weight: 300;
text-align: right;
padding: 20px 20px 0 0;
display: inline-block;
transition: all 200ms linear;
margin: 0 !important; }
@media screen and (min-width: 2561px) {
input[type="submit"] {
font-size: 33px; } }
@media screen and (max-width: 1680px) {
input[type="submit"] {
font-size: 29px; } }
@media screen and (max-width: 1180px) {
input[type="submit"] {
font-size: 25px; } }
@media screen and (max-width: 960px) {
input[type="submit"] {
font-size: 21px; } }
@media screen and (max-width: 480px) {
input[type="submit"] {
font-size: 18px; } }
.submit-button {
position: absolute;
right: 0px;
align-self: flex-end; }
.submit-button input {
padding: 0;
opacity: .35; }
.submit-button input:hover {
opacity: 1; }
.form-columns .one-half:nth-child(odd), .form-columns .two-quarters:nth-child(odd), .form-columns .three-sixths:nth-child(odd), .form-columns .four-eighths:nth-child(odd), .form-columns .five-tenths:nth-child(odd), .form-columns .six-twelfths:nth-child(odd) {
padding-right: 9%; }
.form-columns .one-half:nth-child(even), .form-columns .two-quarters:nth-child(even), .form-columns .three-sixths:nth-child(even), .form-columns .four-eighths:nth-child(even), .form-columns .five-tenths:nth-child(even), .form-columns .six-twelfths:nth-child(even) {
padding-left: 9%; }
#arti-select {
width: 100.5%;
padding: 5px 35px 5px 5px;
border: none;
height: 54px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent; }
.artiform .grid__item {
position: relative; }
@media screen and (max-width: 480px) {
.artiform .grid__item {
width: 100%;
padding: 0 30px !important;
margin-bottom: 64px !important; }
.artiform .grid__item:last-child {
display: flex;
flex-direction: column-reverse;
margin-top: -24px; }
.artiform .grid__item:last-child p {
align-self: self-end; }
.artiform .grid__item:last-child input[type="submit"][disabled],
.artiform .grid__item:last-child input[type="submit"][disabled] ~ .arti-send-arrow {
opacity: 1;
font-size: 24px;
line-height: 1em;
margin: 0;
padding: 0; } }
.artiform .grid__item.last {
margin-bottom: 30px; }
.artiform .select-underline {
display: contents;
position: relative;
width: 100%; }
.artiform .select-underline:after {
content: " \2193";
position: absolute;
font-size: 24px;
top: 0;
right: 5%;
transition: right 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
@media screen and (max-width: 480px) {
.artiform .select-underline:after {
top: -8px;
right: 10%; } }
.artiform .simple-select-cover {
font-size: 33px;
width: 100% !important;
line-height: 1; }
@media screen and (min-width: 2561px) {
.artiform .simple-select-cover {
font-size: 33px; } }
@media screen and (max-width: 1680px) {
.artiform .simple-select-cover {
font-size: 29px; } }
@media screen and (max-width: 1180px) {
.artiform .simple-select-cover {
font-size: 25px; } }
@media screen and (max-width: 960px) {
.artiform .simple-select-cover {
font-size: 21px; } }
@media screen and (max-width: 480px) {
.artiform .simple-select-cover {
font-size: 18px; } }
@media screen and (max-width: 480px) {
.artiform .simple-select-cover {
height: 34px; } }
.artiform input[type="submit"] {
text-align: right;
padding-top: 0; }
.artiform input[type="submit"][disabled] {
opacity: .2; }
.artiform input[type="submit"][disabled] ~ .arti-send-arrow {
opacity: .2;
pointer-events: none; }
.artiform .arti-send-btn {
position: relative;
display: block;
width: auto;
float: right;
z-index: 100;
font-size: 32px; }
@media screen and (min-width: 2561px) {
.artiform .arti-send-btn {
font-size: 32px; } }
@media screen and (max-width: 1680px) {
.artiform .arti-send-btn {
font-size: 29px; } }
@media screen and (max-width: 1180px) {
.artiform .arti-send-btn {
font-size: 25px; } }
@media screen and (max-width: 960px) {
.artiform .arti-send-btn {
font-size: 21px; } }
@media screen and (max-width: 480px) {
.artiform .arti-send-btn {
font-size: 18px; } }
.artiform .arti-send-btn input {
padding: 0; }
@media screen and (max-width: 480px) {
.artiform .arti-send-btn input {
font-size: 24px;
padding: 0 32px 0 0; } }
.artiform .arti-send-btn .wpcf7-spinner {
margin: 0 8px; }
.artiform .arti-send-arrow {
position: absolute;
display: block;
font-size: 32px;
height: 1em;
line-height: 1em;
top: 8px;
right: 0;
transition: all 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
@media screen and (min-width: 2561px) {
.artiform .arti-send-arrow {
font-size: 32px; } }
@media screen and (max-width: 1680px) {
.artiform .arti-send-arrow {
font-size: 29px; } }
@media screen and (max-width: 1180px) {
.artiform .arti-send-arrow {
font-size: 25px; } }
@media screen and (max-width: 960px) {
.artiform .arti-send-arrow {
font-size: 21px; } }
@media screen and (max-width: 480px) {
.artiform .arti-send-arrow {
font-size: 18px; } }
@media screen and (max-width: 480px) {
.artiform .arti-send-arrow {
top: 0; } }
.artiform .arti-send-btn:hover .arti-send-arrow {
right: -5px; }
.artiform .acceptance-check {
position: relative;
top: -20px; }
.artiform .acceptance-check p {
margin: 0; }
.artiform .acceptance-check #check-notice {
cursor: pointer; }
.wpcf7 label {
position: relative; }
.wpcf7 .wpcf7-list-item {
margin-right: 10px;
margin-left: 0;
margin-bottom: 10px;
display: block; }
.wpcf7 .wpcf7-list-item input[type="checkbox"], .wpcf7 .wpcf7-list-item input[type="radio"] {
opacity: 0;
margin: 0;
width: 19px;
height: 19px;
position: absolute;
top: 0;
left: 0;
z-index: 9; }
.wpcf7 .wpcf7-list-item-label {
left: 32px;
position: relative;
z-index: 8;
cursor: pointer; }
.wpcf7 .wpcf7-list-item-label:before {
content: "";
position: absolute;
display: block;
width: 0.7391304348rem;
height: 0.7391304348rem;
border: none;
background: #fff;
border-radius: 100%;
top: 0;
left: -32px;
border: 2px solid;
/*@include at-query($max, '1920px') {
width: 13px;
height: 13px;
}
@include at-query($max, '1680px') {
width: 15px;
height: 15px;
}
@include at-query($max, '769px') {
width: 14px;
height: 14px;
}\*/ }
.wpcf7 .wpcf7-list-item-label:before:hover {
cursor: pointer; }
.form_label_title {
font-size: 33px;
margin-bottom: 10px;
display: block; }
@media screen and (min-width: 2561px) {
.form_label_title {
font-size: 33px; } }
@media screen and (max-width: 1680px) {
.form_label_title {
font-size: 29px; } }
@media screen and (max-width: 1180px) {
.form_label_title {
font-size: 25px; } }
@media screen and (max-width: 960px) {
.form_label_title {
font-size: 21px; } }
@media screen and (max-width: 480px) {
.form_label_title {
font-size: 18px; } }
input[type="file"] {
font-size: 13px !important;
padding-top: 5px !important;
border: none !important; }
.wpcf7-acceptance {
display: block;
position: relative;
width: fit-content; }
@media screen and (max-width: 480px) {
.wpcf7-acceptance {
width: 100%; } }
.wpcf7-acceptance .wpcf7-list-item-label {
font-style: italic;
font-weight: 500;
font-size: 15px; }
.artiform .arti-send-btn + .acceptance-check {
width: calc(100% - 130px);
line-height: 1; }
.cf-7.mailchimp {
position: relative; }
.cf-7.mailchimp input[type="submit"] {
position: absolute;
right: 0;
top: 25px;
height: 55px;
opacity: .5;
padding: 0; }
.cf-7.mailchimp input[type="submit"]:hover {
opacity: 1; }
@media screen and (max-width: 480px) {
.cf-7.mailchimp input[type="submit"] {
bottom: 19px; } }
.cf-7.mailchimp .wpcf7-spinner {
position: absolute; }
.cf-7.mailchimp + .wpcf7-response-output.wpcf7-validation-errors {
position: relative; }
.cf-7.mailchimp span.wpcf7-not-valid-tip {
position: relative;
top: 10px;
width: fit-content;
margin-left: 10px; }
.cf-7.mailchimp .news-form-footer {
font-style: italic;
font-weight: 500;
opacity: 0.35; }
.cf-7.mailchimp #check-notice {
cursor: pointer; }
button[disabled],
html input[disabled] {
cursor: default;
pointer-events: none; }
.form-columns.grid {
width: calc(100% + 60px);
margin-left: -30px; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
-webkit-transition-delay: 9999s; }
input {
border-radius: 0; }
.form-columns {
margin-bottom: 0 !important;
margin-left: 0; }
.form-columns .grid__item {
margin-bottom: 100px; }
.form-columns input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .form-columns textarea {
width: 100%;
display: block;
margin: 0 0 5px 0; }
.wpcf7-form-control-wrap {
display: block; }
span.wpcf7-not-valid-tip {
position: absolute;
top: 10px;
right: 5px;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: bold;
color: #6d2323;
background: #ff5151;
padding: 8px 12px;
border-radius: 7px;
z-index: 99; }
span[data-name="textarea"] .wpcf7-not-valid-tip {
top: 0; }
.wpcf7-response-output {
position: relative;
width: fit-content;
padding: 35px 50px !important;
text-align: center;
margin: 0 auto !important;
left: 1%;
right: 1%;
bottom: 35px;
overflow: visible;
font-size: 18px;
border-radius: 100px;
background: #fe8282;
color: #732525;
transform: scale(0.45);
text-transform: uppercase;
letter-spacing: 4px;
font-weight: bold; }
.wpcf7 form.invalid .wpcf7-response-output {
border: none;
background: #ff5151;
color: #732525; }
@media screen and (max-width: 480px) {
.wpcf7 form.invalid .wpcf7-response-output {
width: 100%;
transform: none;
font-size: 8px;
padding: 14px 14px !important; } }
.wpcf7 form.sent .wpcf7-response-output {
border: none;
background: #7bffbb;
color: #007e22; }
@media screen and (max-width: 480px) {
.wpcf7 form.sent .wpcf7-response-output {
width: 100%;
transform: none;
font-size: 8px;
padding: 14px 14px !important; } }
.wpcf7-response-output.wpcf7-validation-errors {
background: #f7e700;
color: #8e850c; }
.wpcf7-not-valid:focus + .wpcf7-not-valid-tip {
opacity: 0.179; }
div.wpcf7 .ajax-loader {
background: url(images/preloader.svg) no-repeat 0 0 transparent;
width: 32px !important;
height: 32px !important;
padding-left: 32px !important;
position: absolute;
margin-top: 35px !important;
right: -20px; }
.wpcf7-list-item {
display: block; }
.weight_lighter {
font-weight: 200; }
.weight_light {
font-weight: 300; }
.weight_normal {
font-weight: 400; }
.weight_medium {
font-weight: 500; }
.weight_bold {
font-weight: 700; }
/* Text Transforms */
/* Default tagline size for block texts */
.small-intro,
.entry-hero-tagline .small-intro {
font-size: 1.79vw;
line-height: 1.31; }
@media screen and (min-width: 2561px) {
.small-intro,
.entry-hero-tagline .small-intro {
font-size: 49px; } }
@media screen and (max-width: 1920px) {
.small-intro,
.entry-hero-tagline .small-intro {
font-size: 1.95vw; } }
@media screen and (max-width: 1680px) {
.small-intro,
.entry-hero-tagline .small-intro {
font-size: 2.27vw; } }
@media screen and (max-width: 1024px) {
.small-intro,
.entry-hero-tagline .small-intro {
font-size: 3.73vw; } }
@media screen and (max-width: 480px) {
.small-intro,
.entry-hero-tagline .small-intro {
font-size: 6.25vw; } }
.middle-intro,
.entry-hero-tagline .middle-intro {
font-size: 2.939vw;
line-height: 1.337; }
@media screen and (min-width: 2561px) {
.middle-intro,
.entry-hero-tagline .middle-intro {
font-size: 77px; } }
@media screen and (max-width: 1680px) {
.middle-intro,
.entry-hero-tagline .middle-intro {
font-size: 3.175vw; } }
@media screen and (max-width: 1180px) {
.middle-intro,
.entry-hero-tagline .middle-intro {
font-size: 4.135vw; } }
@media screen and (max-width: 960px) {
.middle-intro,
.entry-hero-tagline .middle-intro {
font-size: 5.1375vw; } }
@media screen and (max-width: 480px) {
.middle-intro,
.entry-hero-tagline .middle-intro {
font-size: 6.9119vw; } }
@media screen and (max-width: 480px) {
.middle-intro,
.entry-hero-tagline .middle-intro {
line-height: 1.137; } }
.big-intro,
.entry-hero-tagline .big-intro {
font-size: 4.501vw;
line-height: 1.069;
letter-spacing: -3px; }
@media screen and (min-width: 2561px) {
.big-intro,
.entry-hero-tagline .big-intro {
font-size: 77px; } }
@media screen and (max-width: 1680px) {
.big-intro,
.entry-hero-tagline .big-intro {
font-size: 5.375vw; } }
@media screen and (max-width: 1180px) {
.big-intro,
.entry-hero-tagline .big-intro {
font-size: 6.1935vw; } }
@media screen and (max-width: 960px) {
.big-intro,
.entry-hero-tagline .big-intro {
font-size: 7.1375vw; } }
@media screen and (max-width: 480px) {
.big-intro,
.entry-hero-tagline .big-intro {
font-size: 9.1119vw; } }
@media screen and (max-width: 1180px) {
.big-intro,
.entry-hero-tagline .big-intro {
letter-spacing: -2px; } }
@media screen and (max-width: 961px) {
.big-intro,
.entry-hero-tagline .big-intro {
letter-spacing: -1.75px; } }
@media screen and (max-width: 480px) {
.big-intro,
.entry-hero-tagline .big-intro {
letter-spacing: -0.25px; } }
/* Text modifier for content text which needs more size */
.small-text-caption {
font-size: 13px;
line-height: 17px;
letter-spacing: 1.25px; }
.small-text {
margin: 0 0 15px 0;
line-height: 1.483;
font-size: 0.65vw; }
@media screen and (min-width: 2561px) {
.small-text {
font-size: 77px; } }
@media screen and (max-width: 1680px) {
.small-text {
font-size: 0.85375vw; } }
@media screen and (max-width: 1180px) {
.small-text {
font-size: 1.1735vw; } }
@media screen and (max-width: 960px) {
.small-text {
font-size: 1.7575vw; } }
@media screen and (max-width: 480px) {
.small-text {
font-size: 3.7119vw; } }
ul.small-text li {
margin-bottom: 5px; }
.middle-text {
font-size: 2.25vw;
line-height: 1.4; }
@media screen and (min-width: 2561px) {
.middle-text {
font-size: 77px; } }
@media screen and (max-width: 1680px) {
.middle-text {
font-size: 2.47vw; } }
@media screen and (max-width: 1180px) {
.middle-text {
font-size: 3.35vw; } }
@media screen and (max-width: 960px) {
.middle-text {
font-size: 5.375vw; } }
@media screen and (max-width: 480px) {
.middle-text {
font-size: 6.319vw; } }
@media screen and (max-width: 480px) {
.middle-text {
line-height: 1.137; } }
.big-text {
font-size: 3.91vw;
line-height: 1.31; }
@media screen and (max-width: 1024px) {
.big-text {
font-size: 5.91vw; } }
@media screen and (max-width: 480px) {
.big-text {
font-size: 29px; } }
.small-caption {
font-size: 0.5652173913rem;
font-weight: bold;
letter-spacing: 3.15px; }
.strokes {
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 0.00935em; }
/* -----
5. Vendor - Flickity
-----
*/
/*! Flickity v2.1.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
position: relative; }
.flickity-enabled:focus {
outline: 0; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%; }
.flickity-slider {
position: absolute;
width: 100%;
height: 100%; }
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing; }
.flickity-button {
position: absolute;
background: rgba(255, 255, 255, 0.75);
border: none;
color: #333; }
.flickity-button:hover {
background: #fff;
cursor: pointer; }
.flickity-button:focus {
outline: 0;
box-shadow: 0 0 0 5px #19f; }
.flickity-button:active {
opacity: .6; }
.flickity-button:disabled {
opacity: .3;
cursor: auto;
pointer-events: none; }
.flickity-button-icon {
fill: #333; }
.flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%;
transform: translateY(-50%); }
.flickity-prev-next-button.previous {
left: 10px; }
.flickity-prev-next-button.next {
right: 10px; }
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px; }
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px; }
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%; }
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1; }
.flickity-rtl .flickity-page-dots {
direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: .25;
cursor: pointer; }
.flickity-page-dots .dot.is-selected {
opacity: 1; }
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0; }
.leaflet-container {
overflow: hidden; }
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none; }
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast; }
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0; }
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block; }
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
max-width: none !important;
max-height: none !important; }
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y; }
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom;
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom; }
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none; }
.leaflet-container {
-webkit-tap-highlight-color: transparent; }
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); }
.leaflet-tile {
filter: inherit;
visibility: hidden; }
.leaflet-tile-loaded {
visibility: inherit; }
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800; }
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none; }
.leaflet-pane {
z-index: 400; }
.leaflet-tile-pane {
z-index: 200; }
.leaflet-overlay-pane {
z-index: 400; }
.leaflet-shadow-pane {
z-index: 500; }
.leaflet-marker-pane {
z-index: 600; }
.leaflet-tooltip-pane {
z-index: 650; }
.leaflet-popup-pane {
z-index: 700; }
.leaflet-map-pane canvas {
z-index: 100; }
.leaflet-map-pane svg {
z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px; }
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute; }
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted;
/* IE 9-10 doesn't have auto */
pointer-events: auto; }
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none; }
.leaflet-top {
top: 0; }
.leaflet-right {
right: 0; }
.leaflet-bottom {
bottom: 0; }
.leaflet-left {
left: 0; }
.leaflet-control {
float: left;
clear: both; }
.leaflet-right .leaflet-control {
float: right; }
.leaflet-top .leaflet-control {
margin-top: 10px; }
.leaflet-bottom .leaflet-control {
margin-bottom: 10px; }
.leaflet-left .leaflet-control {
margin-left: 10px; }
.leaflet-right .leaflet-control {
margin-right: 10px; }
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
will-change: opacity; }
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear; }
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1; }
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0; }
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform; }
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); }
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none; }
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden; }
/* cursors */
.leaflet-interactive {
cursor: pointer; }
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab; }
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair; }
.leaflet-popup-pane,
.leaflet-control {
cursor: auto; }
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing; }
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none; }
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
pointer-events: visiblePainted;
/* IE 9-10 doesn't have auto */
pointer-events: auto; }
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline: 0; }
.leaflet-container a {
color: #0078A8; }
.leaflet-container a.leaflet-active {
outline: 2px solid orange; }
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255, 255, 255, 0.5); }
/* general typography */
.leaflet-container {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; }
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
border-radius: 4px; }
.leaflet-bar a,
.leaflet-bar a:hover {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black; }
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block; }
.leaflet-bar a:hover {
background-color: #f4f4f4; }
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px; }
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none; }
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb; }
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px; }
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px; }
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; }
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px; }
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px; }
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
background: #fff;
border-radius: 5px; }
.leaflet-control-layers-toggle {
background-image: url(images/layers.png);
width: 36px;
height: 36px; }
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(images/layers-2x.png);
background-size: 26px 26px; }
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px; }
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none; }
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative; }
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff; }
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px; }
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px; }
.leaflet-control-layers label {
display: block; }
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px; }
/* Default icon URLs */
.leaflet-default-icon-path {
background-image: url(images/marker-icon.png); }
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0; }
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333; }
.leaflet-control-attribution a {
text-decoration: none; }
.leaflet-control-attribution a:hover {
text-decoration: underline; }
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px; }
.leaflet-left .leaflet-control-scale {
margin-left: 5px; }
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px; }
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5); }
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px; }
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777; }
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none; }
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0, 0, 0, 0.2);
background-clip: padding-box; }
/* popup */
.leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px; }
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px; }
.leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4; }
.leaflet-popup-content p {
margin: 18px 0; }
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
overflow: hidden;
pointer-events: none; }
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); }
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent; }
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999; }
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd; }
.leaflet-oldie .leaflet-popup-content-wrapper {
zoom: 1; }
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); }
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px; }
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999; }
/* div icon */
.leaflet-div-icon {
background: #fff;
border: 1px solid #666; }
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
.leaflet-tooltip.leaflet-clickable {
cursor: pointer;
pointer-events: auto; }
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: ""; }
/* Directions */
.leaflet-tooltip-bottom {
margin-top: 6px; }
.leaflet-tooltip-top {
margin-top: -6px; }
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px; }
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff; }
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff; }
.leaflet-tooltip-left {
margin-left: -6px; }
.leaflet-tooltip-right {
margin-left: 6px; }
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px; }
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff; }
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff; }
.leaflet-pane img:not(.marker-icon) {
margin: 0 !important;
padding: 0 !important; }
.leaflet-pane .marker-icon {
margin-top: -120px !important; }
#map-toggle {
z-index: 999; }
/* -----
6. Vendor - Fancybox
-----
*/
.fancybox-enabled {
overflow: hidden; }
.fancybox-enabled body {
overflow: visible;
height: 100%; }
.fancybox-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99993;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.fancybox-container ~ .fancybox-container {
z-index: 99992; }
.fancybox-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #0f0f11;
opacity: 0;
transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.fancybox-container--ready .fancybox-bg {
opacity: .87;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
.fancybox-controls {
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
opacity: 0;
z-index: 99994;
transition: opacity .2s;
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
direction: ltr; }
.fancybox-show-controls .fancybox-controls {
opacity: 1; }
.fancybox-infobar {
display: none; }
.fancybox-show-infobar .fancybox-infobar {
display: inline-block;
pointer-events: all; }
.fancybox-infobar__body {
display: inline-block;
width: 70px;
line-height: 44px;
font-size: 13px;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
text-align: center;
color: #ddd;
background-color: rgba(30, 30, 30, 0.7);
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: subpixel-antialiased; }
.fancybox-buttons {
position: absolute;
top: 0;
right: 0;
display: none;
pointer-events: all; }
.fancybox-show-buttons .fancybox-buttons {
display: block; }
.fancybox-slider-wrap {
overflow: hidden;
direction: ltr; }
.fancybox-slider, .fancybox-slider-wrap {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
z-index: 99993;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-tap-highlight-color: transparent; }
.fancybox-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
outline: none;
white-space: normal;
box-sizing: border-box;
text-align: center;
z-index: 99994;
-webkit-overflow-scrolling: touch; }
.fancybox-slide:before {
content: "";
height: 100%;
width: 0; }
.fancybox-slide:before, .fancybox-slide > * {
display: inline-block;
vertical-align: middle; }
.fancybox-slide > * {
position: relative;
padding: 24px;
margin: 44px 0;
border-width: 0;
text-align: left;
background-color: #fff;
overflow: auto;
box-sizing: border-box; }
.fancybox-slide--image {
overflow: hidden; }
.fancybox-slide--image:before {
display: none; }
.fancybox-content {
display: inline-block;
position: relative;
margin: 44px auto;
padding: 0;
border: 0;
width: 80%;
height: calc(100% - 88px);
vertical-align: middle;
line-height: normal;
text-align: left;
white-space: normal;
outline: none;
font-size: 16px;
font-family: Arial,sans-serif;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch; }
iframe.fancybox-iframe {
display: block;
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
background: #fff; }
.fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe {
background: transparent; }
.fancybox-placeholder {
z-index: 99995;
background: transparent;
cursor: default;
overflow: visible;
-webkit-transform-origin: top left;
transform-origin: top left;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.fancybox-image, .fancybox-placeholder, .fancybox-spaceball {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border: 0; }
.fancybox-image, .fancybox-spaceball {
width: 100%;
height: 100%;
max-width: none;
max-height: none;
background: transparent;
background-size: 100% 100%; }
.fancybox-controls--canzoomOut .fancybox-placeholder {
cursor: zoom-out; }
.fancybox-controls--canzoomIn .fancybox-placeholder {
cursor: zoom-in; }
.fancybox-controls--canGrab .fancybox-placeholder {
cursor: -webkit-grab;
cursor: grab; }
.fancybox-controls--isGrabbing .fancybox-placeholder {
cursor: -webkit-grabbing;
cursor: grabbing; }
.fancybox-spaceball {
z-index: 1; }
.fancybox-tmp {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden; }
.fancybox-error {
position: absolute;
margin: 0;
padding: 40px;
top: 50%;
left: 50%;
width: 380px;
max-width: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff;
cursor: default; }
.fancybox-error p {
margin: 0;
padding: 0;
color: #444;
font: 16px/20px Helvetica Neue,Helvetica,Arial,sans-serif; }
.fancybox-close-small {
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 44px;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
outline: none;
background: transparent;
z-index: 10;
cursor: pointer; }
.fancybox-close-small:after {
content: "×";
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
font: 20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;
color: #888;
font-weight: 300;
text-align: center;
border-radius: 50%;
border-width: 0;
background: #fff;
transition: background .2s;
box-sizing: border-box;
z-index: 2; }
.fancybox-close-small:focus:after {
outline: 1px dotted #888; }
.fancybox-slide--video .fancybox-close-small {
top: -36px;
right: -36px;
background: transparent; }
.fancybox-close-small:hover:after {
color: #555;
background: #eee; }
.fancybox-caption-wrap {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 60px 30px 0;
z-index: 99998;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box;
background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
opacity: 0;
transition: opacity .2s;
pointer-events: none; }
.fancybox-show-caption .fancybox-caption-wrap {
opacity: 1; }
.fancybox-caption {
padding: 30px 0;
border-top: 1px solid rgba(255, 255, 255, 0.4);
font-size: 14px;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
color: #fff;
line-height: 20px;
-webkit-text-size-adjust: none; }
.fancybox-caption a, .fancybox-caption button {
pointer-events: all; }
.fancybox-caption a {
color: #fff;
text-decoration: underline; }
.fancybox-button {
display: inline-block;
position: relative;
width: 44px;
height: 44px;
line-height: 44px;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
cursor: pointer;
background: transparent;
color: #fff;
box-sizing: border-box;
vertical-align: top;
outline: none; }
.fancybox-button--disabled {
cursor: default;
pointer-events: none; }
.fancybox-button, .fancybox-infobar__body {
background: rgba(30, 30, 30, 0.6); }
.fancybox-button:hover {
background: rgba(0, 0, 0, 0.8); }
.fancybox-button:after, .fancybox-button:before {
content: "";
pointer-events: none;
position: absolute;
border-color: #fff;
background-color: currentColor;
color: currentColor;
opacity: .9;
box-sizing: border-box;
display: inline-block; }
.fancybox-button--disabled:after, .fancybox-button--disabled:before {
opacity: .5; }
.fancybox-button--left:after {
left: 20px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg); }
.fancybox-button--left:after, .fancybox-button--right:after {
top: 18px;
width: 6px;
height: 6px;
background: transparent;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor; }
.fancybox-button--right:after {
right: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.fancybox-button--left {
border-bottom-left-radius: 5px; }
.fancybox-button--right {
border-bottom-right-radius: 5px; }
.fancybox-button--close {
float: right; }
.fancybox-button--close:after, .fancybox-button--close:before {
content: "";
display: inline-block;
position: absolute;
height: 2px;
width: 16px;
top: calc(50% - 1px);
left: calc(50% - 8px); }
.fancybox-button--close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.fancybox-button--close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.fancybox-loading {
border: 6px solid rgba(99, 99, 99, 0.4);
border-top: 6px solid rgba(255, 255, 255, 0.6);
border-radius: 100%;
height: 50px;
width: 50px;
-webkit-animation: a .8s infinite linear;
animation: a .8s infinite linear;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
z-index: 99999; }
@-webkit-keyframes a {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes a {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@media (max-width: 800px) {
.fancybox-controls {
text-align: left; }
.fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) {
display: none !important; }
.fancybox-caption {
padding: 20px 0;
margin: 0; } }
.fancybox-button--fullscreen:before {
width: 15px;
height: 11px;
left: 15px;
top: 16px;
border: 2px solid;
background: none; }
.fancybox-button--play:before {
top: 16px;
left: 18px;
width: 0;
height: 0;
border-top: 6px inset transparent;
border-bottom: 6px inset transparent;
border-left: 10px solid;
border-radius: 1px;
background: transparent; }
.fancybox-button--pause:before {
top: 16px;
left: 18px;
width: 7px;
height: 11px;
border-style: solid;
border-width: 0 2px;
background: transparent; }
.fancybox-button--thumbs span {
font-size: 23px; }
.fancybox-button--thumbs:before {
top: 20px;
left: 21px;
width: 3px;
height: 3px;
box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0; }
.fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap {
right: 220px; }
.fancybox-thumbs {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto;
width: 220px;
margin: 0;
padding: 5px 5px 0 0;
background: #fff;
z-index: 99993;
word-break: normal;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: transparent;
box-sizing: border-box; }
.fancybox-thumbs > ul {
list-style: none;
position: absolute;
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
font-size: 0; }
.fancybox-thumbs > ul > li {
float: left;
overflow: hidden;
max-width: 50%;
padding: 0;
margin: 0;
width: 105px;
height: 75px;
position: relative;
cursor: pointer;
outline: none;
border: 5px solid #fff;
border-top-width: 0;
border-right-width: 0;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box; }
li.fancybox-thumbs-loading {
background: rgba(0, 0, 0, 0.1); }
.fancybox-thumbs > ul > li > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
max-width: none;
max-height: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.fancybox-thumbs > ul > li:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 2px;
border: 4px solid #4ea7f9;
z-index: 99991;
opacity: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
opacity: 1; }
@media (max-width: 800px) {
.fancybox-thumbs {
display: none !important; }
.fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap {
right: 0; } }
/* -----
6a. Vendor - Media Element
-----
*/
.mejs-offscreen {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal; }
.mejs-container {
background: #000;
font-family: Helvetica,Arial,serif;
position: relative;
text-align: left;
text-indent: 0;
vertical-align: top; }
.mejs-container, .mejs-container * {
box-sizing: border-box; }
.mejs-container video::-webkit-media-controls, .mejs-container video::-webkit-media-controls-panel, .mejs-container video::-webkit-media-controls-panel-container, .mejs-container video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important; }
.mejs-fill-container, .mejs-fill-container .mejs-container {
height: 100%;
width: 100%; }
.mejs-fill-container {
background: transparent;
margin: 0 auto;
overflow: hidden;
position: relative; }
.mejs-container:focus {
outline: none; }
.mejs-iframe-overlay {
height: 100%;
position: absolute;
width: 100%; }
.mejs-embed, .mejs-embed body {
background: #000;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%; }
.mejs-fullscreen {
overflow: hidden !important; }
.mejs-container-fullscreen {
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
z-index: 1000; }
.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video {
height: 100% !important;
width: 100% !important; }
.mejs-background, .mejs-mediaelement {
left: 0;
position: absolute;
top: 0; }
.mejs-mediaelement {
height: 100%;
width: 100%;
z-index: 0; }
.mejs-poster {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
left: 0;
position: absolute;
top: 0;
z-index: 1; }
:root .mejs-poster-img {
display: none; }
.mejs-poster-img {
border: 0;
padding: 0; }
.mejs-overlay {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
position: absolute;
top: 0; }
.mejs-layer {
z-index: 1; }
.mejs-overlay-play {
cursor: pointer; }
.mejs-overlay-button {
background: url(mejs-controls.svg) no-repeat;
background-position: 0 -39px;
height: 80px;
width: 80px; }
.mejs-overlay:hover > .mejs-overlay-button {
background-position: -80px -39px; }
.mejs-overlay-loading {
height: 80px;
width: 80px; }
.mejs-overlay-loading-bg-img {
-webkit-animation: a 1s linear infinite;
animation: a 1s linear infinite;
background: transparent url(mejs-controls.svg) -160px -40px no-repeat;
display: block;
height: 80px;
width: 80px;
z-index: 1; }
@-webkit-keyframes a {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn); } }
@keyframes a {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn); } }
.mejs-controls {
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 40px;
left: 0;
list-style-type: none;
margin: 0;
padding: 0 10px;
position: absolute;
width: 100%;
z-index: 3; }
.mejs-controls:not([style*="display: none"]) {
background: rgba(255, 0, 0, 0.7);
background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.35));
background: linear-gradient(transparent, rgba(0, 0, 0, 0.35)); }
.mejs-button, .mejs-time, .mejs-time-rail {
font-size: 10px;
height: 40px;
line-height: 10px;
margin: 0;
width: 32px; }
.mejs-button > button {
background: transparent url(mejs-controls.svg);
border: 0;
cursor: pointer;
display: block;
font-size: 0;
height: 20px;
line-height: 0;
margin: 10px 6px;
overflow: hidden;
padding: 0;
position: absolute;
text-decoration: none;
width: 20px; }
.mejs-button > button:focus {
outline: 1px dotted #999; }
.mejs-container-keyboard-inactive [role=slider], .mejs-container-keyboard-inactive [role=slider]:focus, .mejs-container-keyboard-inactive a, .mejs-container-keyboard-inactive a:focus, .mejs-container-keyboard-inactive button, .mejs-container-keyboard-inactive button:focus {
outline: 0; }
.mejs-time {
box-sizing: content-box;
color: #fff;
font-size: 11px;
font-weight: 700;
height: 24px;
overflow: hidden;
padding: 16px 6px 0;
text-align: center;
width: auto; }
.mejs-play > button {
background-position: 0 0; }
.mejs-pause > button {
background-position: -20px 0; }
.mejs-replay > button {
background-position: -160px 0; }
.mejs-time-rail {
direction: ltr;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 40px;
margin: 0 10px;
padding-top: 10px;
position: relative; }
.mejs-time-buffering, .mejs-time-current, .mejs-time-float, .mejs-time-float-corner, .mejs-time-float-current, .mejs-time-hovered, .mejs-time-loaded, .mejs-time-marker, .mejs-time-total {
border-radius: 2px;
cursor: pointer;
display: block;
height: 10px;
position: absolute; }
.mejs-time-total {
background: rgba(255, 255, 255, 0.3);
margin: 5px 0 0;
width: 100%; }
.mejs-time-buffering {
-webkit-animation: b 2s linear infinite;
animation: b 2s linear infinite;
background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.4) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.4) 75%, transparent 0, transparent);
background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.4) 75%, transparent 0, transparent);
background-size: 15px 15px;
width: 100%; }
@-webkit-keyframes b {
0% {
background-position: 0 0; }
to {
background-position: 30px 0; } }
@keyframes b {
0% {
background-position: 0 0; }
to {
background-position: 30px 0; } }
.mejs-time-loaded {
background: rgba(255, 255, 255, 0.3); }
.mejs-time-current, .mejs-time-handle-content {
background: rgba(255, 255, 255, 0.9); }
.mejs-time-hovered {
background: rgba(255, 255, 255, 0.5);
z-index: 10; }
.mejs-time-hovered.negative {
background: rgba(0, 0, 0, 0.2); }
.mejs-time-buffering, .mejs-time-current, .mejs-time-hovered, .mejs-time-loaded {
left: 0;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: all .15s ease-in;
transition: all .15s ease-in;
width: 100%; }
.mejs-time-buffering {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.mejs-time-hovered {
-webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
transition: height 0.1s cubic-bezier(0.44, 0, 1, 1); }
.mejs-time-hovered.no-hover {
-webkit-transform: scaleX(0) !important;
-ms-transform: scaleX(0) !important;
transform: scaleX(0) !important; }
.mejs-time-handle, .mejs-time-handle-content {
border: 4px solid transparent;
cursor: pointer;
left: 0;
position: absolute;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
z-index: 11; }
.mejs-time-handle-content {
border: 4px solid rgba(255, 255, 255, 0.9);
border-radius: 50%;
height: 10px;
left: -7px;
top: -4px;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
width: 10px; }
.mejs-time-rail .mejs-time-handle-content:active, .mejs-time-rail .mejs-time-handle-content:focus, .mejs-time-rail:hover .mejs-time-handle-content {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.mejs-time-float {
background: #eee;
border: 1px solid #333;
bottom: 100%;
color: #111;
display: none;
height: 17px;
margin-bottom: 9px;
position: absolute;
text-align: center;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 36px; }
.mejs-time-float-current {
display: block;
left: 0;
margin: 2px;
text-align: center;
width: 30px; }
.mejs-time-float-corner {
border: 5px solid #eee;
border-color: #eee transparent transparent;
border-radius: 0;
display: block;
height: 0;
left: 50%;
line-height: 0;
position: absolute;
top: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 0; }
.mejs-long-video .mejs-time-float {
margin-left: -23px;
width: 64px; }
.mejs-long-video .mejs-time-float-current {
width: 60px; }
.mejs-broadcast {
color: #fff;
height: 10px;
position: absolute;
top: 15px;
width: 100%; }
.mejs-fullscreen-button > button {
background-position: -80px 0; }
.mejs-unfullscreen > button {
background-position: -100px 0; }
.mejs-mute > button {
background-position: -60px 0; }
.mejs-unmute > button {
background-position: -40px 0; }
.mejs-volume-button {
position: relative; }
.mejs-volume-button > .mejs-volume-slider {
-webkit-backface-visibility: hidden;
background: rgba(50, 50, 50, 0.7);
border-radius: 0;
bottom: 100%;
display: none;
height: 115px;
left: 50%;
margin: 0;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 25px;
z-index: 1; }
.mejs-volume-button:hover {
border-radius: 0 0 4px 4px; }
.mejs-volume-total {
background: rgba(255, 255, 255, 0.5);
height: 100px;
left: 50%;
margin: 0;
position: absolute;
top: 8px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 2px; }
.mejs-volume-current {
left: 0;
margin: 0;
width: 100%; }
.mejs-volume-current, .mejs-volume-handle {
background: rgba(255, 255, 255, 0.9);
position: absolute; }
.mejs-volume-handle {
border-radius: 1px;
cursor: ns-resize;
height: 6px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 16px; }
.mejs-horizontal-volume-slider {
display: block;
height: 36px;
position: relative;
vertical-align: middle;
width: 56px; }
.mejs-horizontal-volume-total {
background: rgba(50, 50, 50, 0.8);
height: 8px;
top: 16px;
width: 50px; }
.mejs-horizontal-volume-current, .mejs-horizontal-volume-total {
border-radius: 2px;
font-size: 1px;
left: 0;
margin: 0;
padding: 0;
position: absolute; }
.mejs-horizontal-volume-current {
background: rgba(255, 255, 255, 0.8);
height: 100%;
top: 0;
width: 100%; }
.mejs-horizontal-volume-handle {
display: none; }
.mejs-captions-button, .mejs-chapters-button {
position: relative; }
.mejs-captions-button > button {
background-position: -140px 0; }
.mejs-chapters-button > button {
background-position: -180px 0; }
.mejs-captions-button > .mejs-captions-selector, .mejs-chapters-button > .mejs-chapters-selector {
background: rgba(50, 50, 50, 0.7);
border: 1px solid transparent;
border-radius: 0;
bottom: 100%;
margin-right: -43px;
overflow: hidden;
padding: 0;
position: absolute;
right: 50%;
visibility: visible;
width: 86px; }
.mejs-chapters-button > .mejs-chapters-selector {
margin-right: -55px;
width: 110px; }
.mejs-captions-selector-list, .mejs-chapters-selector-list {
list-style-type: none !important;
margin: 0;
overflow: hidden;
padding: 0; }
.mejs-captions-selector-list-item, .mejs-chapters-selector-list-item {
color: #fff;
cursor: pointer;
display: block;
list-style-type: none !important;
margin: 0 0 6px;
overflow: hidden;
padding: 0 10px; }
.mejs-captions-selector-list-item:hover, .mejs-chapters-selector-list-item:hover {
background-color: #c8c8c8 !important;
background-color: rgba(255, 255, 255, 0.4) !important; }
.mejs-captions-selector-input, .mejs-chapters-selector-input {
clear: both;
float: left;
left: -1000px;
margin: 3px 3px 0 5px;
position: absolute; }
.mejs-captions-selector-label, .mejs-chapters-selector-label {
cursor: pointer;
float: left;
font-size: 10px;
line-height: 15px;
padding: 4px 0 0; }
.mejs-captions-selected, .mejs-chapters-selected {
color: #21f8f8; }
.mejs-captions-translations {
font-size: 10px;
margin: 0 0 5px; }
.mejs-captions-layer {
bottom: 0;
color: #fff;
font-size: 16px;
left: 0;
line-height: 20px;
position: absolute;
text-align: center; }
.mejs-captions-layer a {
color: #fff;
text-decoration: underline; }
.mejs-captions-layer[lang=ar] {
font-size: 20px;
font-weight: 400; }
.mejs-captions-position {
bottom: 15px;
left: 0;
position: absolute;
width: 100%; }
.mejs-captions-position-hover {
bottom: 35px; }
.mejs-captions-text, .mejs-captions-text * {
background: rgba(20, 20, 20, 0.5);
box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
padding: 0;
white-space: pre-wrap; }
.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container {
display: none; }
.mejs-overlay-error {
position: relative; }
.mejs-overlay-error > img {
left: 0;
position: absolute;
top: 0;
z-index: -1; }
.mejs-cannotplay, .mejs-cannotplay a {
color: #fff;
font-size: .8em; }
.mejs-cannotplay {
position: relative; }
.mejs-cannotplay a, .mejs-cannotplay p {
display: inline-block;
padding: 0 15px;
width: 100%; }
.wp-playlist-caption, .wp-playlist-current-item .wp-playlist-item-artist, .wp-playlist-current-item .wp-playlist-item-title, .wp-playlist-item-album {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.mejs-container {
clear: both;
max-width: 100%; }
.mejs-container * {
font-family: Helvetica,Arial; }
.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
background: #222; }
.mejs-time {
font-weight: 400;
word-wrap: normal; }
.mejs-controls a.mejs-horizontal-volume-slider {
display: table; }
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #fff; }
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #0073aa; }
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-time-rail .mejs-time-total {
background: rgba(255, 255, 255, 0.33); }
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-time-rail span {
border-radius: 0; }
.mejs-overlay-loading {
background: 0 0; }
.mejs-controls button:hover {
border: none;
-webkit-box-shadow: none;
box-shadow: none; }
.me-cannotplay {
width: auto !important; }
.media-embed-details .wp-audio-shortcode {
display: inline-block;
max-width: 400px; }
.audio-details .embed-media-settings {
overflow: visible; }
.media-embed-details .embed-media-settings .setting span {
max-width: 400px;
width: auto; }
.media-embed-details .embed-media-settings .checkbox-setting span {
display: inline-block; }
.media-embed-details .embed-media-settings {
padding-top: 0;
top: 28px; }
.media-embed-details .instructions {
padding: 16px 0;
max-width: 600px; }
.media-embed-details .setting .remove-setting, .media-embed-details .setting p {
color: #a00;
font-size: 10px;
text-transform: uppercase; }
.media-embed-details .setting .remove-setting {
padding: 0; }
.media-embed-details .setting a:hover {
color: #dc3232; }
.media-embed-details .embed-media-settings .checkbox-setting {
float: none;
margin: 0 0 10px; }
.wp-video {
max-width: 100%;
height: auto; }
.wp_attachment_holder .wp-audio-shortcode, .wp_attachment_holder .wp-video {
margin-top: 18px; }
.wp-video-shortcode video, video.wp-video-shortcode {
max-width: 100%;
display: inline-block; }
.video-details .wp-video-holder {
width: 100%;
max-width: 640px; }
.wp-playlist {
border: 1px solid #ccc;
padding: 10px;
margin: 12px 0 18px;
font-size: 14px;
line-height: 1.5; }
.wp-admin .wp-playlist {
margin: 0 0 18px; }
.wp-playlist video {
display: inline-block;
max-width: 100%; }
.wp-playlist audio {
display: none;
max-width: 100%;
width: 400px; }
.wp-playlist-caption, .wp-playlist-item-meta {
display: block;
font-size: 14px;
line-height: 1.5; }
.wp-playlist .mejs-container {
margin: 0;
max-width: 100%; }
.wp-playlist .mejs-controls .mejs-button button {
outline: 0; }
.wp-playlist-light {
background: #fff;
color: #000; }
.wp-playlist-dark {
color: #fff;
background: #000; }
.wp-playlist-caption {
max-width: 88%; }
.wp-playlist-item .wp-playlist-caption {
text-decoration: none;
color: #000;
max-width: -webkit-calc(100% - 40px);
max-width: calc(100% - 40px); }
.wp-playlist-item-title {
font-size: 14px;
line-height: 1.5; }
.wp-playlist-item-album {
font-style: italic; }
.wp-playlist-item-artist {
font-size: 12px;
text-transform: uppercase; }
.wp-playlist-item-length {
position: absolute;
right: 3px;
top: 0;
font-size: 14px;
line-height: 1.5; }
.rtl .wp-playlist-item-length {
left: 3px;
right: auto; }
.wp-playlist-tracks {
margin-top: 10px; }
.wp-playlist-item {
position: relative;
cursor: pointer;
padding: 0 3px;
border-bottom: 1px solid #ccc; }
.wp-playlist-item:last-child {
border-bottom: 0; }
.wp-playlist-light .wp-playlist-caption {
color: #333; }
.wp-playlist-dark .wp-playlist-caption {
color: #ddd; }
.wp-playlist-playing {
font-weight: 700;
background: #f7f7f7; }
.wp-playlist-light .wp-playlist-playing {
background: #fff;
color: #000; }
.wp-playlist-dark .wp-playlist-playing {
background: #000;
color: #fff; }
.wp-playlist-current-item {
overflow: hidden;
margin-bottom: 10px;
height: 60px; }
.wp-playlist .wp-playlist-current-item img {
float: left;
max-width: 60px;
height: auto;
margin-right: 10px;
padding: 0;
border: 0; }
.rtl .wp-playlist .wp-playlist-current-item img {
float: right;
margin-left: 10px;
margin-right: 0; }
.wp-audio-playlist .me-cannotplay span {
padding: 5px 15px; }
.mejs-audio .mejs-controls {
margin-top: 7px;
position: relative; }
.mejs-audio .mejs-controls .mejs-horizontal-volume-slider {
margin-top: -7px; }
.mejs-controls .mejs-play button, .mejs-controls .mejs-replay button {
background-position: -62px -15px !important; }
.mejs-container {
min-width: 0 !important; }
/* -----
8. Blog entries
-----
*/
.entries--minimal {
position: relative;
margin-top: -32px;
padding-left: 0;
width: 100%;
margin-bottom: -1.652173913rem; }
@media screen and (max-width: 1024px) {
.entries--minimal {
margin-bottom: 3.2608695652rem; } }
.blog:not(.hero-0) .entries--minimal {
margin-top: 32px; }
.entry-minimal {
position: relative;
padding-top: 1.652173913rem;
padding-bottom: 1.652173913rem; }
@media screen and (min-width: 1280px) {
.entry-minimal {
padding-top: 0.6086956522rem;
padding-bottom: 0.6086956522rem; } }
.entry-minimal:hover {
z-index: 9999; }
.entry-minimal a {
padding-left: 0;
padding-right: 7%;
position: relative;
z-index: 99;
width: 100%;
transform: translate3d(0, 10px, 0);
opacity: 0;
visibility: hidden;
transform-origin: 0 0;
transform: matrix(0.99939, 0, 0, 1.055, 0, 10);
transition-delay: 50ms;
transition: transform 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
@media screen and (min-width: 1280px) {
.entry-minimal a {
padding: 0;
display: flex; } }
@media screen and (max-width: 1280px) {
.entry-minimal a {
width: 80%; } }
@media screen and (max-width: 960px) {
.entry-minimal a {
width: 70%; } }
@media screen and (max-width: 480px) {
.entry-minimal a {
width: 100%; } }
.entry-minimal a.active {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0); }
@media screen and (min-width: 1280px) {
.entry-minimal__title {
order: 2; }
.entry-minimal__time {
order: 1; }
.entry-minimal__time span {
transition: opacity 100ms linear; }
.entry-minimal__time span.year {
opacity: 0;
position: absolute;
top: 0; }
.entry-minimal__category {
order: 3; }
.entry-minimal:hover .entry-minimal__time span.year {
opacity: 1; }
.entry-minimal:hover .entry-minimal__time span.day {
opacity: 0; } }
.entry-minimal__title {
margin: 0;
font-size: 41px;
font-weight: 400;
line-height: 1.3;
width: 50%;
display: inline-block;
padding-right: 10%;
vertical-align: top; }
@media screen and (min-width: 2561px) {
.entry-minimal__title {
font-size: 41px; } }
@media screen and (max-width: 1680px) {
.entry-minimal__title {
font-size: 31px; } }
@media screen and (max-width: 1180px) {
.entry-minimal__title {
font-size: 31px; } }
@media screen and (max-width: 960px) {
.entry-minimal__title {
font-size: 29px; } }
@media screen and (max-width: 480px) {
.entry-minimal__title {
font-size: 24px; } }
.entry-minimal__title span:after {
margin-top: -7px;
display: none; }
@media screen and (max-width: 1280px) {
.entry-minimal__title {
vertical-align: middle;
width: 100%;
padding-right: 0; } }
.entry-minimal__time {
opacity: .15;
transition: opacity 200ms linear; }
@media screen and (max-width: 1280px) {
.entry-minimal__time {
display: inline-block; } }
@media screen and (min-width: 1280px) {
.entry-minimal__time {
margin: 0;
font-weight: 400;
line-height: 1.3;
width: 27%;
display: inline-block;
vertical-align: top;
margin-right: 17%;
font-size: 41px; } }
@media screen and (min-width: 1280px) and (min-width: 2561px) {
.entry-minimal__time {
font-size: 41px; } }
@media screen and (min-width: 1280px) and (max-width: 1680px) {
.entry-minimal__time {
font-size: 31px; } }
@media screen and (min-width: 1280px) and (max-width: 1180px) {
.entry-minimal__time {
font-size: 31px; } }
@media screen and (min-width: 1280px) and (max-width: 960px) {
.entry-minimal__time {
font-size: 29px; } }
@media screen and (min-width: 1280px) and (max-width: 480px) {
.entry-minimal__time {
font-size: 24px; } }
@media screen and (min-width: 1280px) {
.entry-minimal__time span {
display: block; } }
.entry-minimal__category {
margin: 0;
font-weight: 400;
line-height: 1.3;
width: 28%;
display: inline-block;
vertical-align: top;
text-align: right;
opacity: .15;
padding-left: 5%;
word-break: break-all;
font-size: 41px; }
@media screen and (min-width: 2561px) {
.entry-minimal__category {
font-size: 41px; } }
@media screen and (max-width: 1680px) {
.entry-minimal__category {
font-size: 31px; } }
@media screen and (max-width: 1180px) {
.entry-minimal__category {
font-size: 31px; } }
@media screen and (max-width: 960px) {
.entry-minimal__category {
font-size: 29px; } }
@media screen and (max-width: 480px) {
.entry-minimal__category {
font-size: 24px; } }
@media screen and (max-width: 1280px) {
.entry-minimal__category {
display: none; } }
@media screen and (min-width: 1280px) {
.entry-minimal:hover .entry-minimal__time, .entry-minimal:hover .entry-minimal__category {
opacity: 1; } }
.entry-minimal__image {
position: absolute;
top: 50%;
margin-top: 20px;
z-index: 88;
width: fit-content;
left: 50%;
pointer-events: none;
opacity: 0;
transform: matrix(0.99939, 0.02489, 0, 1.055, 0, 30) translateY(-50%) translateX(-25%);
transform-origin: 0 0;
transition-delay: 50ms;
transition: transform 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
@media screen and (max-width: 1280px) {
.entry-minimal__image {
left: auto;
right: 0;
z-index: 999;
transform: matrix(0.99939, 0.02489, 0, 1.055, 0, 30) translateY(-50%); } }
@media screen and (min-width: 1280px) {
.entry-minimal__image:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100.35%;
background: #000;
background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
content: "";
display: block;
opacity: .5;
vertical-align: middle; } }
.entry-minimal__image img {
transition: all 450ms cubic-bezier(0.39, 0.575, 0.565, 1);
max-width: 570px;
width: 100%;
vertical-align: middle; }
.rtl .entry-minimal__image {
left: 0;
right: auto; }
.entry-minimal__image .meta {
position: absolute;
right: 0;
padding-left: 20px;
padding-top: 15px;
transform: rotate(270deg) translate3d(95%, 0, 0);
transform-origin: top right;
font-size: 14px;
opacity: 0;
transition: all 300ms linear;
width: 500%;
display: none; }
.rtl .entry-minimal__image .meta {
display: none; }
.entry-minimal__image .meta .comments:after {
display: inline-block;
content: "";
width: 50px;
height: 1px;
border-top: 1px solid;
margin: 0 10px 0 12px;
position: relative;
top: -2px; }
@media screen and (max-width: 1280px) {
.entry-minimal__image .meta .comments {
opacity: .35; } }
@media screen and (min-width: 1280px) {
.entry-minimal__image .meta .time {
display: none; } }
@media screen and (max-width: 940px) {
.entry-minimal__image {
display: none; } }
.entry-minimal:hover .entry-minimal__image {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0) translateY(-50%) translateX(-25%); }
@media screen and (max-width: 1280px) {
.entry-minimal:hover .entry-minimal__image {
transform: matrix(1, 0, 0, 1, 0, 0) translateY(-50%); } }
.entry-minimal:hover .entry-minimal__image .meta {
opacity: 1;
transform: rotate(270deg) translate3d(100%, 0, 0); }
.blog.portfolio-grid .entry-portfolio a:hover .entry-sitle {
background-size: 100% 1px; }
.blog.portfolio-grid .entry-portfolio .entry-thumbnail + .entry-caption {
padding: 2.1739130435rem 1.5217391304rem 0; }
.blog.portfolio-grid .entry-portfolio .entry-caption {
position: static;
display: block;
line-height: 1.617em; }
@media screen and (max-width: 1920px) {
.blog.portfolio-grid .entry-portfolio .entry-caption {
line-height: 1.617em; } }
.blog.portfolio-grid .entry-portfolio .entry-neta {
font-size: 0.6956521739rem;
opacity: .35;
margin-top: 15px; }
.blog.portfolio-grid .entry-portfolio .entry-neta :first-child:after {
content: "-";
display: inline-block; }
@media screen and (max-width: 960px) {
.blog.portfolio-grid .entry-portfolio .entry-neta {
opacity: 1; } }
.blog.portfolio-grid .entry-portfolio .entry-sitle {
font-size: 1.139vw;
line-height: 1;
font-weight: 500;
display: inline;
background-size: 0% 1px;
background-position: 0 calc(100% + -1px);
background-repeat: no-repeat;
transition: all 150ms linear;
word-break: break-word; }
@media screen and (min-width: 2561px) {
.blog.portfolio-grid .entry-portfolio .entry-sitle {
font-size: 39px; } }
@media screen and (max-width: 1680px) {
.blog.portfolio-grid .entry-portfolio .entry-sitle {
font-size: 1.4915vw; } }
@media screen and (max-width: 1180px) {
.blog.portfolio-grid .entry-portfolio .entry-sitle {
font-size: 2.0171vw; } }
@media screen and (max-width: 960px) {
.blog.portfolio-grid .entry-portfolio .entry-sitle {
font-size: 2.9375vw; } }
@media screen and (max-width: 480px) {
.blog.portfolio-grid .entry-portfolio .entry-sitle {
font-size: 5.5015vw; } }
.blog.portfolio-grid .entry-portfolio .entry-sitle:after {
content: ".";
background: none; }
.blog.portfolio-grid .entry-portfolio .entry-jexcerpt {
font-size: 1.0579vw;
font-weight: 300;
display: inline;
word-break: break-word; }
@media screen and (min-width: 2561px) {
.blog.portfolio-grid .entry-portfolio .entry-jexcerpt {
font-size: 27px; } }
@media screen and (max-width: 1680px) {
.blog.portfolio-grid .entry-portfolio .entry-jexcerpt {
font-size: 1.36991vw; } }
@media screen and (max-width: 1180px) {
.blog.portfolio-grid .entry-portfolio .entry-jexcerpt {
font-size: 1.6915vw; } }
@media screen and (max-width: 960px) {
.blog.portfolio-grid .entry-portfolio .entry-jexcerpt {
font-size: 2.535vw; } }
@media screen and (max-width: 480px) {
.blog.portfolio-grid .entry-portfolio .entry-jexcerpt {
font-size: 4.73791vw; } }
.blog.portfolio-grid .entry-portfolio img {
transition: all 200ms linear; }
.blog.portfolio-grid:not(.related-grid) .entry-portfolio.featured-big {
width: 75%;
margin: auto; }
.blog.portfolio-grid:not(.related-grid) .entry-portfolio.featured-big .entry-caption {
text-align: center;
width: 45%;
margin: 0 auto;
padding-top: 3.2608695652rem; }
@media screen and (max-width: 1680px) {
.blog.portfolio-grid:not(.related-grid) .entry-portfolio.featured-big .entry-caption {
width: 55%; } }
@media screen and (max-width: 1080px) {
.blog.portfolio-grid:not(.related-grid) .entry-portfolio.featured-big .entry-caption {
width: 75%; } }
@media screen and (max-width: 960px) {
.blog.portfolio-grid:not(.related-grid) .entry-portfolio.featured-big .entry-caption {
width: 95%; } }
.blog.portfolio-grid:not(.related-grid) .entry-portfolio.featured-big .entry-caption .entry-jeatured {
text-transform: uppercase;
font-size: 0.5652173913rem;
letter-spacing: 3px;
font-weight: 500;
position: relative;
display: block;
width: fit-content;
text-align: center;
margin: 0 auto;
margin-bottom: 35px;
border-bottom: 1px solid; }
.blog.portfolio-grid:not(.related-grid) .entry-portfolio.featured-big .entry-caption .entry-sitle {
display: block;
width: fit-content;
text-align: center;
margin: auto;
margin-bottom: 15px;
background-size: 0; }
.blog.portfolio-grid:not(.related-grid) .entry-portfolio.featured-big .entry-caption .entry-sitle:after {
display: none; }
.blog.portfolio-grid:not(.related-grid) .entry-portfolio.featured-big .entry-caption .entry-jexcerpt {
opacity: 1; }
.blog.portfolio-grid:not(.related-grid) .entry-portfolio.featured-yes {
overflow: hidden; }
.blog.portfolio-grid:not(.related-grid) .entry-portfolio.featured-yes .entry-caption {
position: absolute;
top: 0;
left: 0;
width: calc(100% + 1px);
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
text-align: center;
background: rgba(0, 0, 0, 0.7);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 100%); }
.blog.portfolio-grid:not(.related-grid) .entry-portfolio.featured-yes .entry-jeatured {
position: absolute;
top: 1.0869565217rem;
border-bottom: 1px solid;
text-transform: uppercase;
font-size: 0.4347826087rem;
letter-spacing: 2px;
font-weight: 700;
color: #fff; }
.blog.portfolio-grid:not(.related-grid) .entry-portfolio.featured-yes .entry-jext {
margin-top: -2.6086956522rem; }
.blog.portfolio-grid:not(.related-grid) .entry-portfolio.featured-yes .entry-sitle {
margin-bottom: 0.3913043478rem;
font-size: 1.4347826087rem;
font-weight: bold;
color: white;
display: block;
background: none !important; }
.blog.portfolio-grid:not(.related-grid) .entry-portfolio.featured-yes .entry-sitle:after {
display: none; }
.blog.portfolio-grid:not(.related-grid) .entry-portfolio.featured-yes .entry-jexcerpt {
display: none; }
.blog.portfolio-grid:not(.related-grid) .entry-portfolio.featured-yes .entry-neta {
bottom: 0.5652173913rem;
opacity: 1;
margin-bottom: 1.0869565217rem;
margin-top: 0;
color: #fff; }
@media screen and (min-width: 480px) and (max-width: 960px) {
.blog.portfolio-grid:not(.related-grid) .entry-portfolio.featured-yes .entry-neta {
display: none; } }
.blog.portfolio-grid.related-grid .entry-jeatured {
display: none; }
.blog.portfolio-grid {
width: calc(100% + 250px);
margin-left: -125px; }
.blog.portfolio-grid .entry-portfolio {
padding: 0 125px;
margin-bottom: 5.4347826087rem; }
@media screen and (max-width: 1680px) {
.blog.portfolio-grid {
width: calc(100% + 70px);
margin-left: -35px; }
.blog.portfolio-grid .entry-portfolio {
padding: 0 35px; } }
@media screen and (max-width: 1080px) {
.blog.portfolio-grid:not(.related-grid) .entry-portfolio.featured-big {
margin-top: 0; }
.blog.portfolio-grid .entry-portfolio {
width: 50% !important; } }
@media screen and (max-width: 960px) {
.blog.portfolio-grid {
width: calc(100% + 30px);
margin-left: -15px; }
.blog.portfolio-grid .entry-portfolio {
padding: 0 15px; } }
@media screen and (max-width: 479px) {
.blog.portfolio-grid {
width: calc(100% + 30px);
margin-left: -15px; }
.blog.portfolio-grid .entry-portfolio {
padding: 15px;
width: 100% !important; } }
@media all and (max-width: 1080px) {
.related-grid .entry-portfolio:last-of-type {
display: none; } }
.post-navigation.bigger {
display: none;
font-size: 1.9565217391rem;
font-weight: bold;
text-align: center;
margin-top: 150px; }
.single-post .post-navigation.bigger {
display: block; }
.post-navigation.bigger > div {
float: none !important;
margin: auto;
width: auto;
display: inline-block; }
.post-navigation.bigger .no span:first-child:after {
width: 37px;
opacity: .15;
margin: 0 137px; }
.single-post .post-navigation.bigger .no span:first-child:after {
margin: 0 96px; }
.post-navigation.bigger a {
transform: scale(0.7);
position: relative;
top: -5px;
margin: 0; }
.post-navigation.bigger a.prev {
margin-right: 112px; }
.single-post .post-navigation.bigger a.prev {
margin-right: 76px; }
.post-navigation.bigger a.next {
margin-left: 112px; }
.single-post .post-navigation.bigger a.next {
margin-left: 76px; }
.blog-posts-carousel {
width: 100%;
margin-bottom: 8.6956521739rem;
opacity: 0;
visibility: hidden;
transition: opacity 400ms linear, visibility 400ms linear; }
.blog-posts-carousel .flickity-viewport {
overflow: visible; }
.blog-posts-carousel.enabled {
opacity: 1;
visibility: visible; }
.blog-posts-carousel .car-post {
width: 64%;
padding: 0 11%;
opacity: .1;
overflow: hidden;
transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1); }
.blog-posts-carousel .car-post:hover {
opacity: .2; }
.blog-posts-carousel .car-post a:hover .car-title {
background-size: 100% 1px; }
@media screen and (max-width: 1680px) {
.blog-posts-carousel .car-post {
width: 72%; } }
@media screen and (max-width: 1180px) {
.blog-posts-carousel .car-post {
width: 82%; } }
@media screen and (max-width: 960px) {
.blog-posts-carousel .car-post {
width: 92%;
padding: 0 5%; } }
@media screen and (max-width: 480px) {
.blog-posts-carousel .car-post {
width: 100%;
padding: 0 2%; } }
.blog-posts-carousel .car-post .car-header {
margin-bottom: 0;
height: 0;
width: 100%;
position: relative; }
.blog-posts-carousel .car-post .car-header .car-info {
position: absolute;
top: 0;
left: -2.5%;
transform: rotate(270deg) translate3d(-100%, -100%, 0);
font-size: 0.9130434783rem;
text-transform: uppercase;
opacity: .25;
line-height: 1;
transform-origin: top left;
font-size: 0.5652173913rem; }
.blog-posts-carousel .car-post .car-image {
width: 100%;
height: 100%;
max-width: none;
position: absolute;
top: 0;
left: 0;
opacity: 0;
object-fit: contain;
font-family: "object-fit: contain";
transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 300ms linear; }
.blog-posts-carousel .car-post .car-image.lazyloaded {
opacity: 1; }
.blog-posts-carousel .car-post .car-image.native-lz {
opacity: 1; }
.blog-posts-carousel .car-post .car-content {
transform: translate3d(0, 20px, 0);
opacity: 0;
visibility: hidden;
transform-origin: 0 0;
transform: matrix(0.99939, 0, 0, 1.055, 0, 10);
transition-delay: 50ms;
transition: transform 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98);
text-align: left;
margin: 50px 9% 0; }
@media screen and (max-width: 960px) {
.blog-posts-carousel .car-post .car-content {
margin: 50px 5% 0; } }
.blog-posts-carousel .car-post .car-meta {
font-size: 0.7826086957rem;
opacity: .35;
display: block;
margin-top: 20px; }
@media screen and (max-width: 960px) {
.blog-posts-carousel .car-post .car-meta {
opacity: 1; } }
.blog-posts-carousel .car-post .car-title {
font-size: 1.139vw;
font-weight: 600;
line-height: 1.3;
margin: 25px 0 0 0;
display: inline;
transition: all 150ms linear;
background-size: 0% 1px;
background-position: 0 calc(100% + -1px);
background-repeat: no-repeat; }
@media screen and (min-width: 2561px) {
.blog-posts-carousel .car-post .car-title {
font-size: 39px; } }
@media screen and (max-width: 1680px) {
.blog-posts-carousel .car-post .car-title {
font-size: 1.4915vw; } }
@media screen and (max-width: 1180px) {
.blog-posts-carousel .car-post .car-title {
font-size: 2.0171vw; } }
@media screen and (max-width: 960px) {
.blog-posts-carousel .car-post .car-title {
font-size: 2.9375vw; } }
@media screen and (max-width: 480px) {
.blog-posts-carousel .car-post .car-title {
font-size: 5.5015vw; } }
.blog-posts-carousel .car-post .car-title:after {
content: "."; }
.blog-posts-carousel .car-post .car-excerpt {
font-size: 1.0579vw;
font-weight: 300;
margin: 25px 0 0 0;
display: inline;
margin-left: 10px; }
@media screen and (min-width: 2561px) {
.blog-posts-carousel .car-post .car-excerpt {
font-size: 27px; } }
@media screen and (max-width: 1680px) {
.blog-posts-carousel .car-post .car-excerpt {
font-size: 1.36991vw; } }
@media screen and (max-width: 1180px) {
.blog-posts-carousel .car-post .car-excerpt {
font-size: 1.6915vw; } }
@media screen and (max-width: 960px) {
.blog-posts-carousel .car-post .car-excerpt {
font-size: 2.535vw; } }
@media screen and (max-width: 480px) {
.blog-posts-carousel .car-post .car-excerpt {
font-size: 4.73791vw; } }
.blog-posts-carousel .car-post.is-selected {
opacity: 1; }
.blog-posts-carousel .car-post.is-selected .car-content {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0); }
.blog-posts-carousel .car-post.is-selected .car-image {
transform: translate3d(0, 0, 0); }
.blog-posts-carousel .car-post.after-selected .car-image {
transform: translate3d(-100px, 0, 0); }
.blog-posts-carousel .car-post.before-selected .car-image {
transform: translate3d(100px, 0, 0); }
.blog-posts-carousel + .entry-title {
display: none; }
.posts-grid-title {
font-size: 0.652173913rem;
text-transform: uppercase;
opacity: .25;
letter-spacing: 2px;
display: block;
width: 100%;
text-align: center;
margin-bottom: 1.7391304348rem;
display: none; }
.blog-posts-carousel ~ .posts-grid-title {
display: block; }
.post-navigation {
display: flex;
align-items: center;
text-align: center;
justify-content: center;
position: relative;
width: 100%;
z-index: 99;
font-size: 35px;
line-height: 1;
font-weight: 400;
margin-left: auto;
margin-right: auto;
font-size: 41px;
margin-top: 10.8695652174rem;
margin-bottom: 0; }
@media screen and (min-width: 2561px) {
.post-navigation {
font-size: 41px; } }
@media screen and (max-width: 1680px) {
.post-navigation {
font-size: 29px; } }
@media screen and (max-width: 1180px) {
.post-navigation {
font-size: 25px; } }
@media screen and (max-width: 960px) {
.post-navigation {
font-size: 25px; } }
@media screen and (max-width: 480px) {
.post-navigation {
font-size: 16px; } }
@media screen and (max-width: 414px) {
.post-navigation {
margin: 15px 0 50px 0;
line-height: 2em; } }
.page-template-template-portfolio .post-navigation {
margin: 250px 0 0 0; }
@media screen and (max-width: 1024px) {
.page-template-template-portfolio .post-navigation {
margin: 100px 0 50px 0; } }
@media screen and (max-width: 414px) {
.page-template-template-portfolio .post-navigation {
margin: 75px 0 25px 0;
line-height: 2em; } }
@media screen and (max-width: 1024px) {
.blog .post-navigation {
margin-top: 6.5217391304rem; } }
@media screen and (max-width: 479px) {
.blog .post-navigation {
margin-top: 4.347826087rem; } }
.post-navigation a:hover ~ .helper {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0) translateY(-1vh); }
.post-navigation .helper {
position: absolute;
display: flex;
align-items: center;
justify-content: space-between;
width: -webkit-fill-available;
max-width: 21%;
margin-left: -5px;
margin-top: 5px;
pointer-events: none;
opacity: 0;
transform: matrix(0.99939, 0.02489, 0, 1.055, 0, 15) translateY(0);
transition: transform 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
@media screen and (max-width: 960px) {
.post-navigation .helper {
display: none; } }
.post-navigation .helper .current, .post-navigation .helper .total {
font-size: 10vw;
font-weight: 500;
text-align: right; }
@media screen and (min-width: 2561px) {
.post-navigation .helper .current, .post-navigation .helper .total {
font-size: 150px; } }
@media screen and (max-width: 1680px) {
.post-navigation .helper .current, .post-navigation .helper .total {
font-size: 10vw; } }
@media screen and (max-width: 1180px) {
.post-navigation .helper .current, .post-navigation .helper .total {
font-size: 10vw; } }
@media screen and (max-width: 960px) {
.post-navigation .helper .current, .post-navigation .helper .total {
font-size: 13vw; } }
@media screen and (max-width: 480px) {
.post-navigation .helper .current, .post-navigation .helper .total {
font-size: 13px; } }
.post-navigation .helper .total {
text-align: left; }
.post-navigation .helper .divider {
font-style: italic;
margin: 0 7%;
font-weight: 300;
font-size: 3vmax; }
.post-navigation .helper span {
display: block; }
.post-navigation a {
width: auto;
transform: translate3d(0, 20px, 0);
opacity: 0;
visibility: hidden;
transform-origin: 0 0;
transform: matrix(0.99939, 0, 0, 1.055, 0, 10);
transition-delay: 50ms;
transition: transform 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
.post-navigation a.active {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0); }
.post-navigation a span {
opacity: .15; }
.post-navigation a[href] span {
opacity: 1; }
.post-navigation .post-navigation__line {
width: 20vw;
height: 2px;
margin: 0 50px;
transform: translate3d(0, 20px, 0);
opacity: 0;
visibility: hidden;
transform-origin: 0 0;
transform: matrix(0.99939, 0, 0, 1.055, 0, 10);
transition-delay: 50ms;
transition: transform 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
.post-navigation .post-navigation__line.active {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0); }
@media screen and (max-width: 1024px) {
.post-navigation .post-navigation__line {
width: 21vw;
margin: 0 7px; } }
.bookmark-icon {
width: 14px;
height: 22px;
position: absolute;
display: block;
left: 7%;
top: 12px;
margin-left: -40px; }
@media screen and (min-width: 1280px) {
.bookmark-icon {
left: 0; } }
@media screen and (max-width: 960px) {
.bookmark-icon {
margin-left: -25px;
top: 9px; } }
@media screen and (max-width: 480px) {
.bookmark-icon {
top: 5px; } }
.bookmark-icon svg path {
fill: none !important; }
/* -----
9. Single posts
-----
*/
.entry-header {
margin-bottom: 50px;
transform: translate3d(0, 25px, 0);
opacity: 0;
visibility: hidden;
transform-origin: 0 0;
transform: matrix(0.99939, 0, 0, 1.055, 0, 10);
transition-delay: 50ms;
transition: transform 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
.entry-header.active {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0); }
.entry-title {
font-size: 4.957vw;
margin-top: 0;
line-height: 1.2;
font-weight: 700;
width: 70%;
word-break: break-word; }
@media screen and (min-width: 2561px) {
.entry-title {
font-size: 115px; } }
@media screen and (max-width: 1680px) {
.entry-title {
font-size: 4.873vw; } }
@media screen and (max-width: 1180px) {
.entry-title {
font-size: 7.955vw; } }
@media screen and (max-width: 960px) {
.entry-title {
font-size: 7.175vw; } }
@media screen and (max-width: 480px) {
.entry-title {
font-size: 9.397vw; } }
@media screen and (max-width: 960px) {
.entry-title {
width: 85%; } }
@media screen and (max-width: 441px) {
.entry-title {
width: 90%; } }
@media screen and (max-width: 960px) {
.entry-title {
margin-bottom: 50px; } }
.entry-title .entry-subtitle {
display: block;
font-weight: 200;
margin-top: -0.8695652174rem;
text-transform: lowercase; }
.entry-title .entry-subtitle:before {
content: "‘"; }
.entry-title .entry-subtitle:after {
content: "’"; }
.entry-title.archive__title {
padding-bottom: 14vh;
width: 100%; }
@media screen and (max-width: 960px) {
.entry-title.archive__title {
padding-bottom: 9vh; } }
.entry-meta {
opacity: .5;
font-size: 17px;
line-height: 1.2;
font-weight: 500;
margin-top: 25px;
margin-bottom: 100px; }
@media screen and (min-width: 2561px) {
.entry-meta {
font-size: 17px; } }
@media screen and (max-width: 1680px) {
.entry-meta {
font-size: 1.0873vw; } }
@media screen and (max-width: 1180px) {
.entry-meta {
font-size: 1.7195vw; } }
@media screen and (max-width: 960px) {
.entry-meta {
font-size: 1.775vw; } }
@media screen and (max-width: 480px) {
.entry-meta {
font-size: 3.397vw; } }
@media screen and (max-width: 960px) {
.entry-meta {
margin-top: -35px; } }
.entry-meta div {
display: inline-block;
position: relative;
margin: 0; }
.entry-meta div:not(:first-child) {
margin-left: 15px;
padding-left: 40px; }
.entry-meta div:not(:first-child):before {
content: "";
display: block;
width: 25px;
height: 1.5px;
background: #fff;
opacity: .5;
position: absolute;
top: 7px;
left: 0; }
@media screen and (min-width: 1024px) {
.entry-meta div.desk--right:before {
display: none; } }
.entry-navigation {
text-align: center;
*zoom: 1; }
.entry-navigation:after {
content: '';
display: table;
clear: both; }
.single-post .entry-navigation {
display: flex;
justify-content: center;
margin: 10.8695652174rem auto 0; }
@media screen and (max-width: 960px) {
.single-post .entry-navigation {
margin: 0 auto 0; } }
.entry-navigation > div a {
position: relative; }
.single-post .entry-navigation > div {
position: relative;
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center; }
.single-post .entry-navigation > div .entry-navigation__info {
position: absolute;
bottom: calc(-100% + 18px);
width: 200%;
transform: translate(-25%, 20%);
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
pointer-events: none; }
@media screen and (max-width: 960px) {
.single-post .entry-navigation > div .entry-navigation__info {
display: none; } }
.single-portfolio .entry-navigation > div {
position: relative;
display: flex;
flex-direction: row;
align-items: center; }
.single-portfolio .entry-navigation > div .nav-sep {
display: block;
width: 225px;
height: 1px;
background: #000;
flex-grow: 2;
margin: 0 30px; }
.entry-navigation__item {
display: flex;
justify-content: center;
flex-direction: column;
line-height: 1;
position: relative;
font-weight: 300;
width: fit-content; }
.entry-navigation__link {
display: flex;
justify-content: center;
flex-direction: column;
line-height: 1;
position: relative;
font-weight: 400;
font-size: 125px;
transform: translate3d(0, 25px, 0);
opacity: 0;
visibility: hidden;
transform-origin: 0 0;
transform: matrix(0.99939, 0, 0, 1.055, 0, 10);
transition-delay: 50ms;
transition: transform 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
@media screen and (min-width: 2561px) {
.entry-navigation__link {
font-size: 48px; } }
@media screen and (max-width: 1680px) {
.entry-navigation__link {
font-size: 118px; } }
@media screen and (max-width: 1180px) {
.entry-navigation__link {
font-size: 104px; } }
@media screen and (max-width: 960px) {
.entry-navigation__link {
font-size: 82px; } }
@media screen and (max-width: 480px) {
.entry-navigation__link {
font-size: 53px; } }
.single-portfolio .entry-navigation__link {
font-size: 55px; }
@media screen and (min-width: 2561px) {
.single-portfolio .entry-navigation__link {
font-size: 55px; } }
@media screen and (max-width: 1680px) {
.single-portfolio .entry-navigation__link {
font-size: 55px; } }
@media screen and (max-width: 1180px) {
.single-portfolio .entry-navigation__link {
font-size: 50px; } }
@media screen and (max-width: 960px) {
.single-portfolio .entry-navigation__link {
font-size: 45px; } }
@media screen and (max-width: 480px) {
.single-portfolio .entry-navigation__link {
font-size: 33px; } }
.entry-navigation__link:after {
margin-top: 5px; }
.entry-navigation__link.active {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0);
align-self: center; }
.no-touchevents .single-post .entry-navigation__item:hover .entry-navigation__link {
opacity: .05; }
.entry-navigation__info, .current-title {
pointer-events: none; }
.single-post .entry-navigation__info, .single-post .current-title {
font-size: 2.6956521739rem;
font-weight: 400;
line-height: 1.4;
pointer-events: none;
opacity: 0;
display: block;
transform: translateY(20%);
visibility: hidden;
transition: transform 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
.single-portfolio .entry-navigation__info, .single-portfolio .current-title {
position: absolute;
top: -50px;
width: 100%;
font-size: 21px; }
@media screen and (min-width: 2561px) {
.single-portfolio .entry-navigation__info, .single-portfolio .current-title {
font-size: 21px; } }
@media screen and (max-width: 1680px) {
.single-portfolio .entry-navigation__info, .single-portfolio .current-title {
font-size: 21px; } }
@media screen and (max-width: 1180px) {
.single-portfolio .entry-navigation__info, .single-portfolio .current-title {
font-size: 21px; } }
@media screen and (max-width: 960px) {
.single-portfolio .entry-navigation__info, .single-portfolio .current-title {
font-size: 17px; } }
@media screen and (max-width: 480px) {
.single-portfolio .entry-navigation__info, .single-portfolio .current-title {
font-size: 13px; } }
a.entry-navigation__item:hover .entry-navigation__info, a.entry-navigation__item:hover .current-title {
opacity: 1;
visibility: visible;
transform: translate(-25%, 0); }
.edit-link {
opacity: .25;
font-size: 0.652173913rem;
font-weight: 500;
text-transform: capitalize;
position: absolute;
bottom: -30px; }
.single-post.no-footer-1 .edit-link, .single-portfolio.no-footer-1 .edit-link {
position: absolute;
text-align: center;
bottom: 0;
left: 50%;
transform: translateX(-50%);
margin-left: 0;
margin-bottom: -30px; }
@media screen and (max-width: 960px) {
.edit-link {
display: none; } }
.comment-reply-link {
position: relative;
opacity: 0;
visibility: hidden;
font-size: 17px;
text-transform: capitalize; }
.comment-content:hover .comment-reply-link {
opacity: 1;
visibility: visible; }
.post-tags-woo {
margin: 30px 0 50px;
font-size: 0.5652173913rem; }
.post-tags-woo .icon {
display: inline-block;
position: relative;
top: 7px;
left: 1px;
margin-right: 15px; }
.post-tags-woo .icon path {
stroke: transparent !important; }
p.demo_store {
background: #f90;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
margin: 0;
padding-top: 13px;
text-align: center;
z-index: 99999;
font-weight: 500;
color: #fff !important; }
.comments-container {
text-align: center;
max-width: 1560px;
width: 80%;
margin: 8.6956521739rem auto 0; }
@media screen and (max-width: 960px) {
.comments-container {
width: 100%;
padding-left: 30px !important;
margin-top: 6.5217391304rem; } }
.no-footer-1 .comments-container.grid__item {
padding-left: 30px; }
.comments-header {
font-size: 21px;
position: relative;
border-bottom: 1px solid;
padding-bottom: 15px;
*zoom: 1; }
.comments-header:after {
content: '';
display: table;
clear: both; }
@media screen and (max-width: 480px) {
.comments-header {
display: flex;
flex-direction: column-reverse; } }
.comments-header .to-left {
float: left; }
.comments-header .to-left span {
font-size: 13px; }
.comments-header .to-right {
float: right; }
@media screen and (max-width: 480px) {
.comments-header .to-right {
display: none; } }
.comments-link-style {
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 3px;
text-align: center;
cursor: pointer;
display: block;
margin-top: 35px;
position: relative;
height: 65px;
border: 1px solid;
line-height: 64px;
opacity: .25;
/*&::after {
content: ' ';
position: absolute;
top: 75px;
left: 50%;
margin-left: -1px;
width: 1px;
height: 50px;
background: $bgColor;
opacity: .3;
-webkit-animation: elasticus 5.555s cubic-bezier(1, 0, 0, 1) infinite;
-moz-animation: elasticus 5.555s cubic-bezier(1, 0, 0, 1) infinite;
-o-animation: elasticus 5.555s cubic-bezier(1, 0, 0, 1) infinite;
animation: elasticus 5.555s cubic-bezier(1, 0, 0, 1) infinite;
}*/ }
@media screen and (max-width: 480px) {
.comments-link-style {
height: 55px;
line-height: 55px;
margin-top: 20px;
font-size: 11px; } }
.comments-link-style:hover {
opacity: 1; }
.comments-link-style.hide-comments {
height: auto;
border: none;
line-height: 1.1;
margin: 20px 0 0 0;
padding: 10px; }
#comments {
display: none;
position: relative;
z-index: 997;
margin-top: 4.347826087rem; }
#comments .comments-wrapper {
width: 99%;
margin: 0 auto; }
@media screen and (min-width: 961px) {
#comments .comments-wrapper .grid__item.seven-twelfths {
width: 55%; }
#comments .comments-wrapper .grid__item.one-twelfth {
width: 10%; }
#comments .comments-wrapper .grid__item.four-twelfths {
width: 35%; } }
#comments-list {
margin: 0;
list-style: none; }
#comments-list > .comment:first-child {
margin-top: 0;
padding-top: 0; }
#comments-list .children {
margin: 4.347826087rem 0 0 0 !important;
list-style: none;
padding-left: 0; }
#comments-list li.depth-1 > .children, #comments-list li.depth-2 > .children {
padding-left: 120px; }
@media screen and (max-width: 640px) {
#comments-list li.depth-1 > .children, #comments-list li.depth-2 > .children {
padding-left: 0; } }
#comments-list .comment-meta {
position: relative; }
.comment {
position: relative;
min-height: 160px; }
#comments-list .comment {
margin-bottom: 4.347826087rem; }
.pingback {
font-weight: 700;
text-align: left; }
.pingback p:before {
content: " - "; }
.pingback a {
font-weight: 400; }
.comment-avatar {
position: absolute !important;
width: 95px;
height: 95px; }
.comment-avatar img {
border-radius: 100%;
margin-bottom: 5px; }
.comment-avatar .by-author {
opacity: .2;
font-size: 15px; }
.comment-avatar.blank-comment:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: #000;
border-radius: 100%;
opacity: .025; }
.comment-content {
float: left;
width: 100%;
padding-left: 130px;
padding-top: 23px; }
.comment-content ol ul {
margin: 0; }
.comment-content .comment-text {
margin-bottom: 25px;
font-size: 19px;
line-height: 1.5em;
opacity: .3;
text-align: left; }
.comment-content .await {
font-size: 0.5652173913rem;
opacity: .5; }
.comment-content.blank-comment {
height: 250px; }
.comment-content.blank-comment span {
display: block;
height: 13px;
background: #000;
opacity: .025;
border-radius: 1px;
position: relative; }
.comment-content.blank-comment span:after, .comment-content.blank-comment span:before {
display: block;
content: "";
height: 13px;
position: absolute;
background: #000;
border-radius: 1px; }
.comment-content.blank-comment span.l-1 {
width: 53.5%;
margin-bottom: 37px; }
.comment-content.blank-comment span.l-1:after {
width: 150%;
top: 25px; }
.comment-content.blank-comment span.l-2 {
width: 80%; }
.comment-content.blank-comment span.l-2:after {
width: 100%;
top: 25px; }
.comment-content.blank-comment span.l-2:before {
width: 100%;
top: 50px; }
@media screen and (max-width: 480px) {
#comments-list .comment {
margin-bottom: 10px; }
#comments-list .children {
margin-top: 10px !important; }
.comment-avatar {
width: 60px;
height: 60px; }
.comment-content {
padding-left: 75px;
padding-top: 20px; } }
.no-comments {
position: absolute;
top: 0;
right: 3%;
text-align: center;
text-transform: uppercase;
letter-spacing: 1.71px;
font-size: 0.5652173913rem;
font-weight: 500;
max-width: max-content;
border-radius: 55px;
padding: 20px 100px;
background: #000;
color: #FFF; }
@media screen and (max-width: 980px) {
.no-comments {
top: initial;
bottom: 0;
left: 30px;
right: 0;
margin: 0 auto;
padding: 25px 7%; } }
/*
.no-comments:after {
content: '';
position: absolute;
border-style: solid;
border-width: 17px 17px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
bottom: -15px;
left: 50%;
margin-left: -7.35px
}
.no-comments:before {
content: '';
position: absolute;
border-style: solid;
border-width: 19px 19px 0;
border-color: #DADADA transparent;
display: block;
width: 0;
z-index: 0;
bottom: -19px;
left: 50%;
margin-left: -9.5px
}*/
.no-comm {
display: flex;
justify-content: center;
margin: 0 0 4.347826087rem;
padding-left: 0; }
.comment-text {
text-align: left; }
.comment-meta {
margin-bottom: 25px;
text-align: left; }
.comment-meta h6 {
font-size: 21px;
line-height: 1;
font-weight: normal;
margin-top: 5px; }
.comment-meta h6 a {
color: #000; }
.comment-meta span {
font-size: 14px;
line-height: 1;
opacity: .3;
display: block;
font-weight: 400; }
#respond {
position: relative; }
#respond h3 {
display: none; }
#respond form {
display: flex;
flex-direction: column;
padding-bottom: 6.5217391304rem; }
@media screen and (max-width: 1024px) {
#respond form {
padding-bottom: 0; } }
#respond form div {
position: relative; }
#respond form input, #respond form textarea {
border: none;
outline: none;
background: transparent;
font-size: 23px;
resize: none;
width: calc(100% - 30px);
height: 40px;
position: relative;
left: 20px;
padding: 0;
text-transform: none;
opacity: .3;
margin: 0;
font-weight: 400;
float: left; }
#respond form textarea {
top: 5px;
height: 125px;
font-weight: 400;
line-height: 1.1; }
#respond label {
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
float: left;
margin: 15px 0 0 20px; }
.rtl #respond label {
float: right;
margin: 15px 20px 0 0; }
#respond .form-comment {
order: 3;
border-bottom: 1px solid #000;
height: 175px; }
#respond .form-author, #respond .form-email {
order: 1;
display: inline-block;
width: 100%;
height: 80px;
border-bottom: 1px solid #000;
margin-bottom: 50px; }
#respond .form-email {
order: 2; }
#respond .logged-in-as, #respond .must-log-in {
font-size: 17px;
text-align: left;
padding-left: 20px;
padding-top: 20px;
line-height: 1;
position: relative;
z-index: 99; }
#respond .logged-in-as a:hover, #respond .must-log-in a:hover {
opacity: .8; }
#respond .form-submit {
order: 4;
position: relative; }
#respond .logged-in-as ~ .form-submit {
bottom: -20px; }
#respond .form-submit #submit {
text-align: center;
cursor: pointer;
transition: 150ms all linear;
width: 100% !important;
height: 65px;
line-height: 64px;
padding: 0;
z-index: 9;
display: block;
opacity: 1;
position: static !important;
margin: 30px 0 !important;
border: 1px solid;
text-align: center;
transition: all 150ms linear;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 3px;
text-align: center;
cursor: pointer;
display: block;
position: relative;
opacity: .4;
transition: all 150ms linear; }
#respond .form-submit #submit:hover {
opacity: 1;
background: #000;
border-color: transparent; }
#respond .form-submit #submit:hover > input {
color: #FFF; }
#respond .form-submit #submit.disabled {
opacity: .3;
pointer-events: none; }
.comment + #respond {
width: calc(100% - 125px);
margin-left: 125px;
margin-bottom: 90px; }
.hide-comments {
margin: 100px 0 100px;
width: auto;
padding: 0;
display: inline-block; }
#ajax-response {
position: absolute;
color: #e24343;
margin: 0;
font-size: 14px;
line-height: 1.2;
font-weight: 500;
width: 100%;
text-align: center;
top: 100%; }
/* TO WORK ON THIS - MAKE IT GENERAL VIA JS ONLY !! */
.sticked {
right: -100%;
top: auto;
bottom: 0;
margin-bottom: 62px;
margin-right: -100px;
position: absolute; }
.rp4wp-related-posts {
margin-top: 120px;
margin-bottom: 80px; }
.rp4wp-related-posts h3 {
font-size: 0.5652173913rem;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 9px; }
.rp4wp-related-posts ul {
list-style: none;
margin-left: -30px;
display: flex; }
.rp4wp-related-posts li {
width: 33.33%;
padding-left: 30px;
margin-bottom: 0; }
.rp4wp-related-posts .rp4wp-related-post-content {
background: #f2f2f2;
padding: 25px 25px 60px;
height: 100%;
position: relative;
cursor: pointer;
transition: all 150ms linear; }
.rp4wp-related-posts .rp4wp-related-post-content a:after {
display: none !important; }
.rp4wp-related-posts .rp4wp-related-post-content h5 {
font-size: 0.7391304348rem;
color: #353535 !important;
font-weight: 600 !important;
margin-bottom: 15px;
transition: all 150ms linear; }
.rp4wp-related-posts .rp4wp-related-post-content p {
font-size: 0.5652173913rem;
color: #a7a6a6 !important;
font-weight: 500;
transition: all 150ms linear; }
.rp4wp-related-posts .rp4wp-related-post-content:after {
content: "→";
color: #353535 !important;
display: block;
position: absolute;
bottom: 15px;
right: 25px;
font-size: 0.7826086957rem;
font-weight: 300;
transition: all 150ms linear; }
.rp4wp-related-posts .rp4wp-related-post-content:hover {
background: #1c1c1c; }
.rp4wp-related-posts .rp4wp-related-post-content:hover h5 {
color: #fff !important; }
.rp4wp-related-posts .rp4wp-related-post-content:hover p {
color: #5d5d5d !important; }
.rp4wp-related-posts .rp4wp-related-post-content:hover:after {
color: #fff !important; }
.rp4wp-related-posts .rp4wp-related-post-image {
display: none; }
.latest-blog {
margin-left: -20px;
width: calc(100% + 40px);
*zoom: 1; }
.latest-blog:after {
content: '';
display: table;
clear: both; }
.latest-blog.cols-3 .lb-entry {
width: 33%; }
@media screen and (max-width: 1024px) {
.latest-blog.cols-3 .lb-entry {
width: 50%; } }
@media screen and (max-width: 640px) {
.latest-blog.cols-3 .lb-entry {
width: 100%; } }
.latest-blog.cols-4 .lb-entry {
width: 25%; }
@media screen and (max-width: 1024px) {
.latest-blog.cols-4 .lb-entry {
width: 50%; } }
@media screen and (max-width: 640px) {
.latest-blog.cols-4 .lb-entry {
width: 100%; } }
.latest-blog .lb-entry {
float: left;
padding: 0 20px;
margin-bottom: 40px; }
.latest-blog .lb-entry a {
color: #000;
position: relative;
height: 0;
width: 100%;
padding-top: 100%;
overflow: hidden;
vertical-align: bottom; }
@media screen and (min-width: 380px) {
.no-touchevents .latest-blog .lb-entry a:hover .lb-content {
height: 60%;
padding-top: 11%; }
.no-touchevents .latest-blog .lb-entry a:hover .lb-title {
opacity: 0; }
.no-touchevents .latest-blog .lb-entry a:hover .lb-excerpt {
opacity: .5; }
.no-touchevents .latest-blog .lb-entry a:hover .lb-arrow {
opacity: 1; }
.no-touchevents .latest-blog .lb-entry a:hover .lb-image img {
transform: translateY(-25%); } }
.latest-blog.with-image .lb-content {
height: 50%;
padding-top: 11%; }
@media all and (min-width: 640px), all and (max-width: 480px) {
.latest-blog.with-image a {
padding-top: 120%; } }
@media all and (max-width: 1180px) and (min-width: 1024px), all and (max-width: 740px) and (min-width: 640px), all and (max-width: 380px) {
.latest-blog.with-image a {
padding-top: 140%; } }
.latest-blog.with-image .no-touchevents a:hover .lb-content {
height: 50%; }
@media screen and (max-width: 640px) {
.latest-blog.regular a {
padding-top: 50%; }
.latest-blog.regular .lb-content {
padding: 10%;
height: 100% !important; } }
@media screen and (max-width: 480px) {
.latest-blog.regular a {
padding-top: 80%; } }
.latest-blog .lb-image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 7;
background: rgba(255, 255, 255, 0.5); }
.latest-blog .lb-image img {
transform: translateY(-20%);
transition: all 400ms cubic-bezier(0.39, 0.575, 0.565, 1); }
.latest-blog .lb-content {
background: #fff;
padding: 16% 16% 10% 16%;
position: absolute;
z-index: 9;
bottom: 0;
height: 100%;
width: 100%;
transition: all 250ms cubic-bezier(0.39, 0.575, 0.565, 1); }
.latest-blog .lb-content > div {
position: relative;
height: 100%; }
.latest-blog .lb-title {
font-size: 0.7391304348rem;
font-weight: 500;
transition: all 150ms cubic-bezier(0.39, 0.575, 0.565, 1); }
.latest-blog .lb-excerpt {
opacity: 0;
font-size: 0.652173913rem;
width: 100%;
left: 0;
display: block;
position: absolute;
top: 0;
overflow: hidden;
height: 70px;
transition: all 150ms cubic-bezier(0.39, 0.575, 0.565, 1); }
.latest-blog .lb-meta {
opacity: .25;
font-size: 0;
position: absolute;
bottom: 0; }
.latest-blog .lb-meta span:not(:first-child) {
display: none; }
.latest-blog .lb-meta span:first-child {
font-size: 0.652173913rem; }
.latest-blog .lb-arrow {
opacity: 0;
position: absolute;
bottom: -3px;
right: 0;
transition: all 150ms cubic-bezier(0.39, 0.575, 0.565, 1); }
.entry-footer {
width: 50vw;
margin: 10.8695652174rem auto 6.5217391304rem;
border-top: initial;
position: relative;
padding-top: 20px; }
@media screen and (max-width: 1680px) {
.entry-footer {
width: 60vw;
margin: 8.6956521739rem auto 4.347826087rem; } }
@media screen and (max-width: 1080px) {
.entry-footer {
width: 70vw; } }
@media screen and (max-width: 960px) {
.entry-footer {
width: 60vw;
margin: 6.5217391304rem auto 2.1739130435rem; } }
.post-tags-holder {
display: flex;
justify-content: space-between;
margin: 0 auto;
margin-bottom: 10.8695652174rem;
width: 70%;
max-width: 720px;
border-top: solid 1px;
padding: 24px 0; }
@media screen and (max-width: 960px) {
.post-tags-holder {
width: 90%;
padding: 35px 1.35vw;
margin-bottom: 9.7826086957rem; } }
@media screen and (max-width: 480px) {
.post-tags-holder {
width: 100%;
padding: 25px 0;
margin-bottom: 6.5217391304rem; } }
.post-tags {
max-width: calc(50% - 15px);
line-height: 1; }
.post-tags .title {
display: block;
font-size: 15px;
letter-spacing: .35px;
text-transform: uppercase;
font-weight: 400;
margin-bottom: 10px; }
@media screen and (min-width: 2561px) {
.post-tags .title {
font-size: 15px; } }
@media screen and (max-width: 1680px) {
.post-tags .title {
font-size: 15px; } }
@media screen and (max-width: 1180px) {
.post-tags .title {
font-size: 13px; } }
@media screen and (max-width: 960px) {
.post-tags .title {
font-size: 13px; } }
@media screen and (max-width: 480px) {
.post-tags .title {
font-size: 13px; } }
.post-tags p {
margin: 0; }
.post-tags a {
font-size: 15px;
letter-spacing: .5px;
text-transform: capitalize;
margin-bottom: 3px; }
@media screen and (min-width: 2561px) {
.post-tags a {
font-size: 15px; } }
@media screen and (max-width: 1680px) {
.post-tags a {
font-size: 15px; } }
@media screen and (max-width: 1180px) {
.post-tags a {
font-size: 13px; } }
@media screen and (max-width: 960px) {
.post-tags a {
font-size: 13px; } }
@media screen and (max-width: 480px) {
.post-tags a {
font-size: 13px; } }
.post-tags:nth-child(2) {
text-align: right; }
.author-card {
width: 70%;
max-width: 720px;
margin: 0 auto 2.1739130435rem;
position: relative; }
@media screen and (max-width: 960px) {
.author-card {
width: 90%; } }
@media screen and (max-width: 414px) {
.author-card {
width: 100%; } }
.author-card .title {
text-align: left;
font-size: 19px;
font-weight: 300;
text-align: left;
display: inline-block;
padding-bottom: 15px;
letter-spacing: -0.25px; }
.author-card .title:after {
border-bottom: 1px solid;
content: "";
display: block;
left: 100%;
position: relative;
top: -10px;
margin-left: 10px;
width: 60%; }
.author-card .title h4 {
font-size: 19px;
letter-spacing: .35px; }
@media screen and (max-width: 960px) {
.author-card .title h4 {
font-size: 14px; } }
.author-card .name {
font-size: 51px;
font-weight: 400;
line-height: .9;
display: block;
position: relative;
z-index: 99;
width: 80%;
margin-bottom: 1.3043478261rem; }
@media screen and (min-width: 2561px) {
.author-card .name {
font-size: 59px; } }
@media screen and (max-width: 1680px) {
.author-card .name {
font-size: 39px; } }
@media screen and (max-width: 1180px) {
.author-card .name {
font-size: 35px; } }
@media screen and (max-width: 960px) {
.author-card .name {
font-size: 27px; } }
@media screen and (max-width: 480px) {
.author-card .name {
font-size: 5.75vw; } }
.author-card.alt-design {
margin-bottom: -12px; }
.author-card.alt-design h4 {
font-size: 17px;
display: inline; }
.author-card.alt-design h4:after {
content: ":"; }
.author-card.alt-design .title:after {
display: none; }
.author-card.alt-design .name {
font-size: 15px;
letter-spacing: .5px;
display: inline; }
.author-card.alt-design .to-bottom {
margin-top: 1.652173913rem; }
.author-card.alt-design .read {
margin-top: 3.4782608696rem; }
.author-card.alt-design .inner {
padding: 0; }
.author-card.alt-design .gravatar {
width: 38px;
height: 38px;
position: absolute;
left: -40px;
top: -5px;
margin-left: -12px;
border-radius: 100%;
display: inline-block; }
.author-card.alt-design .gravatar img {
border-radius: 100%; }
.author-card.alt-design .content {
margin-left: auto;
margin-right: auto; }
.author-card.alt-design .subtitle {
display: block;
font-weight: 400; }
.author-card .inner {
font-weight: 500;
padding: 2.6086956522rem;
display: flex;
flex-direction: column;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative; }
.author-card .inner.has-bg-1:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background: #000;
top: 0;
left: 0;
opacity: 0.091;
pointer-events: none; }
.author-card .inner.has-bg-1 {
color: #fff; }
.author-card .inner.has-bg-1 a {
color: #fff !important; }
.author-card .inner .read a {
font-size: 16px;
position: relative; }
@media screen and (min-width: 2561px) {
.author-card .inner .read a {
font-size: 16px; } }
@media screen and (max-width: 1680px) {
.author-card .inner .read a {
font-size: 16px; } }
@media screen and (max-width: 1180px) {
.author-card .inner .read a {
font-size: 16px; } }
@media screen and (max-width: 960px) {
.author-card .inner .read a {
font-size: 13px; } }
@media screen and (max-width: 480px) {
.author-card .inner .read a {
font-size: 16px; } }
.author-card .inner .read .no {
font-size: 16px; }
@media screen and (min-width: 2561px) {
.author-card .inner .read .no {
font-size: 16px; } }
@media screen and (max-width: 1680px) {
.author-card .inner .read .no {
font-size: 16px; } }
@media screen and (max-width: 1180px) {
.author-card .inner .read .no {
font-size: 16px; } }
@media screen and (max-width: 960px) {
.author-card .inner .read .no {
font-size: 13px; } }
@media screen and (max-width: 480px) {
.author-card .inner .read .no {
font-size: 16px; } }
.author-card .inner .read .no:before {
font-size: 15px;
display: inline-block;
width: 40px;
height: 1px;
content: "";
border-top: 1px solid;
position: relative;
top: -2px;
margin: 0 10px 0 5px;
pointer-events: none; }
.author-card .inner .content {
font-size: 19px;
width: 75%;
margin-top: 20px;
line-height: 1.35em;
font-weight: 400; }
@media screen and (min-width: 2561px) {
.author-card .inner .content {
font-size: 29px; } }
@media screen and (max-width: 1680px) {
.author-card .inner .content {
font-size: 17px; } }
@media screen and (max-width: 1180px) {
.author-card .inner .content {
font-size: 1.515vw; } }
@media screen and (max-width: 960px) {
.author-card .inner .content {
font-size: 1.8395vw; } }
@media screen and (max-width: 480px) {
.author-card .inner .content {
font-size: 13px; } }
@media screen and (max-width: 960px) {
.author-card .inner .content {
width: 95%; } }
@media screen and (max-width: 480px) {
.author-card .inner .content {
width: 100%; } }
.author-card .inner .content p {
margin: 0; }
.author-card .to-bottom {
margin-top: 8.2608695652rem; }
@media screen and (max-width: 960px) {
.author-card .to-bottom {
margin-top: 4.347826087rem; } }
@media screen and (max-width: 480px) {
.author-card .to-bottom {
margin-top: 2.3913043478rem; } }
.author-card .to-right {
position: absolute;
right: 2.6086956522rem;
bottom: 2.6086956522rem;
font-size: 25px;
line-height: 1.2; }
.rtl .author-card .to-right {
bottom: 0.8695652174rem; }
.author-card .to-right a {
margin-left: 10px;
font-size: 13px;
font-weight: 700; }
.author-card .to-right a:first-child {
margin-left: 0; }
.author-card .to-right a:after {
content: "."; }
@media screen and (max-width: 960px) {
.author-card .to-right {
position: static;
font-size: 20px;
margin-top: 10px; } }
@media screen and (max-width: 480px) {
.author-card .inner {
padding: 1.7391304348rem; } }
.post.sticky.entry-portfolio {
position: sticky;
-webkit-position: sticky;
top: 0;
align-self: flex-start; }
.post.sticky.entry-portfolio a {
border: 1px solid;
padding: 1%;
border-radius: 3px; }
.post.sticky.entry-portfolio .entry-caption {
padding: 10% !important; }
.related-posts {
width: 100%;
margin: 100px auto 0; }
.related-posts-disabled .related-posts {
display: none; }
@media screen and (max-width: 480px) {
.related-posts {
margin: 50px auto 0; } }
.related-posts .rp-title {
text-align: center;
margin-top: 3.2608695652rem;
margin-bottom: 3.2608695652rem;
font-size: 2.3913043478rem; }
@media screen and (max-width: 480px) {
.related-posts .rp-title {
font-size: 1.7826086957rem; } }
.related-posts .rp-title span:last-child {
font-weight: lighter; }
.related-posts .portfolio-grid {
min-height: 0; }
.feat-posts-bg .related-posts {
position: relative;
background: #000;
width: 101vw;
left: -49%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
padding: 50px 100px 150px; }
.blog.feat-posts-bg .related-posts .entry-portfolio {
padding: 0 75px; }
/*body.single-post.no-footer-1 {
#content {
padding-bottom: 0;
margin-bottom: 100px;
}
#site-footer {
#site-actions-up {
padding: 0;
margin: 0 auto;
width: fit-content;
bottom: 9vh;
left: 0;
}
}
}*/
@media screen and (min-width: 640px) {
body.single-post.kcm-no-built.no-footer-1 #site-actions-up {
left: -15px !important; } }
@media screen and (max-width: 960px) {
body.single-post.related-posts-enabled.no-footer-1 #site-footer #site-actions-up {
bottom: 50px; } }
body.single-post.related-posts-enabled.feat-posts-bg #site-footer {
display: none; }
/* -----
10. Single portfolio projects
-----
*/
.single-portfolio .entry-breadcrumb {
font-size: 0.5652173913rem;
margin-bottom: 45px; }
.single-portfolio .entry-breadcrumb li {
display: inline; }
.single-portfolio .entry-breadcrumb li span {
opacity: .5; }
.single-portfolio .entry-breadcrumb li a span {
opacity: 1; }
.single-portfolio .entry-breadcrumb li:not(:last-child):after {
content: " / ";
opacity: .5; }
.single-portfolio .portfolio-grid.related {
position: relative;
z-index: 99;
margin: 150px 0 50px; }
.entry-navigation--portfolio {
z-index: 90;
position: relative;
display: block !important;
margin-top: 15.2173913043rem; }
.entry-navigation--portfolio .entry-navigation__item.bis {
position: absolute;
top: 15px;
opacity: 0;
visibility: hidden;
pointer-events: none; }
.entry-navigation--portfolio .entry-navigation__item.bis:last-child {
right: 0; }
@media screen and (min-width: 480px) {
.entry-navigation--portfolio {
display: flex !important;
justify-content: center;
width: 100%; }
.entry-navigation--portfolio .entry-navigation__link:after {
display: none; }
.entry-navigation--portfolio .entry-navigation__info {
text-align: center; }
.entry-navigation--portfolio .entry-navigation__info .title {
display: block; } }
/*.single-portfolio #main {
padding-bottom: 150px;
}
.single-portfolio #primary {
margin-bottom: -150px;
}*/
.single-portfolio .entry-navigation__link {
position: relative;
display: block; }
.single-portfolio #main .entry-navigation--portfolio .entry-navigation__item {
transition: all 0.575s cubic-bezier(1, -0.5, 0.5, 1); }
.single-portfolio .entry-navigation.prev-hovered .entry-navigation__item.prev {
transform: translateY(-10px);
opacity: 0; }
.single-portfolio .entry-navigation.next-hovered .entry-navigation__item.next {
transform: translateY(-10px);
opacity: 0; }
.single-portfolio .entry-navigation.prev-hovered .entry-navigation__item.bis.prev {
top: 10px;
opacity: 1;
visibility: visible; }
.single-portfolio .entry-navigation.next-hovered .entry-navigation__item.bis.next {
top: 10px;
opacity: 1;
visibility: visible; }
.single-portfolio .entry-navigation .entry-navigation__info {
opacity: 0;
pointer-events: none;
transform: matrix(0.99939, 0, 0, 1.155, 0, 0) translateY(15px);
transition: transform 555ms cubic-bezier(0.29, 0.09, 0.22, 0.98) 255ms, opacity 255ms cubic-bezier(0.29, 0.09, 0.22, 0.98) 255ms, visibility 555ms cubic-bezier(0.29, 0.09, 0.22, 0.98) 255ms; }
.single-portfolio .entry-navigation .current-title {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0) translateY(0px);
transition: transform 0.355s cubic-bezier(1, -0.5, 0.5, 1) 150ms, opacity 0.275s cubic-bezier(1, -0.5, 0.5, 1) 150ms; }
.single-portfolio .entry-navigation .current-title .title-prefix {
font-weight: bold; }
.single-portfolio .entry-navigation.prev-hovered .current-title,
.single-portfolio .entry-navigation.next-hovered .current-title {
opacity: 0;
transform: matrix(0.99939, 0, 0, 1.155, 0, 0) translateY(-10px); }
.single-portfolio .entry-navigation__info.prev .title-prefix,
.single-portfolio .entry-navigation__info.next .title-prefix {
font-weight: bold; }
.single-portfolio .entry-navigation.prev-hovered .entry-navigation__info.prev {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0) translateY(0px); }
.single-portfolio .entry-navigation.next-hovered .entry-navigation__info.next {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0) translateY(0px); }
.single-portfolio .entry-navigation__picture {
position: absolute;
z-index: -1;
width: 30vw;
max-width: 575px;
pointer-events: none;
opacity: 0;
transform: matrix(0.99939, 0.019, 0, 1.0155, 0, 0) translateY(25px);
transition: transform 555ms cubic-bezier(0.29, 0.09, 0.22, 0.98) 255ms, opacity 255ms cubic-bezier(0.29, 0.09, 0.22, 0.98) 255ms, visibility 555ms cubic-bezier(0.29, 0.09, 0.22, 0.98) 255ms; }
.single-portfolio .entry-navigation__picture img {
margin: 0; }
.single-portfolio .entry-navigation__picture.prev {
right: calc(100% - 25%); }
.single-portfolio .entry-navigation__picture.next {
left: calc(100% - 25%); }
.single-portfolio .entry-navigation.next-hovered .entry-navigation__picture.next, .single-portfolio .entry-navigation.prev-hovered .entry-navigation__picture.prev {
opacity: 1;
transform: translateY(0); }
/* -----
11. Portfolio grid
-----
*/
.grid-holder {
width: 100%; }
.portfolio-grid {
transition: height 400ms linear;
padding: 0; }
.portfolio-grid.no-min-height {
min-height: auto; }
.portfolio-grid[data-gap="regular"] {
width: calc(100% + 60px);
margin-bottom: -30px; }
body:not(.rtl) .portfolio-grid[data-gap="regular"] {
margin-left: -30px; }
body.rtl .portfolio-grid[data-gap="regular"] {
margin-right: -30px; }
.portfolio-grid[data-gap="regular"] .entry-portfolio:before, .portfolio-grid[data-gap="regular"] .entry-portfolio:after {
display: block;
position: absolute;
background: transparent;
top: 0;
left: 0;
width: 30px;
height: 100%;
content: "";
z-index: 9; }
.portfolio-grid[data-gap="regular"] .entry-portfolio:after {
right: 0;
left: auto; }
.portfolio-grid[data-gap="regular"] .entry-thumbnail {
width: calc(100% - 60px); }
.portfolio-grid[data-gap="regular"] .entry-thumbnail-holder {
top: 0px; }
body:not(.rtl) .portfolio-grid[data-gap="regular"] .entry-thumbnail-holder {
left: 30px; }
body.rtl .portfolio-grid[data-gap="regular"] .entry-thumbnail-holder {
right: 30px; }
.portfolio-grid[data-gap="regular"] .entry-caption {
width: calc(100% - 60px); }
body:not(.rtl) .portfolio-grid[data-gap="regular"] .entry-caption {
left: 30px; }
body.rtl .portfolio-grid[data-gap="regular"] .entry-caption {
right: 30px; }
.portfolio-grid[data-gap="regular"]:not(.caption-style-hover-two) a {
margin-bottom: 60px; }
.portfolio-grid[data-gap="regular"][data-grid="Fixed"] {
margin-bottom: -60px; }
@media screen and (min-width: 1025px) {
body:not(.rtl) .portfolio-grid[data-gap="regular"] .entry-caption.hover-two.invert-caption-direction {
left: 30px; }
body.rtl .portfolio-grid[data-gap="regular"] .entry-caption.hover-two.invert-caption-direction {
right: 30px; } }
.portfolio-grid[data-gap="regular"][data-grid="Flexible"] .entry-thumbnail {
width: 100% !important; }
.portfolio-grid[data-gap="regular"][data-grid="Flexible"] .entry-thumbnail-holder {
width: calc(100% - 60px); }
body:not(.rtl) .portfolio-grid[data-gap="regular"][data-grid="Flexible"] .entry-thumbnail-holder {
left: 30px; }
body.rtl .portfolio-grid[data-gap="regular"][data-grid="Flexible"] .entry-thumbnail-holder {
right: 30px; }
@media screen and (max-width: 1680px) {
.portfolio-grid[data-gap="regular"] {
width: calc(100% + 40px);
margin-bottom: -20px; }
body:not(.rtl) .portfolio-grid[data-gap="regular"] {
margin-left: -20px; }
body.rtl .portfolio-grid[data-gap="regular"] {
margin-right: -20px; }
.portfolio-grid[data-gap="regular"] .entry-portfolio:before, .portfolio-grid[data-gap="regular"] .entry-portfolio:after {
display: block;
position: absolute;
background: transparent;
top: 0;
left: 0;
width: 20px;
height: 100%;
content: "";
z-index: 9; }
.portfolio-grid[data-gap="regular"] .entry-portfolio:after {
right: 0;
left: auto; }
.portfolio-grid[data-gap="regular"] .entry-thumbnail {
width: calc(100% - 40px); }
.portfolio-grid[data-gap="regular"] .entry-thumbnail-holder {
top: 0px; }
body:not(.rtl) .portfolio-grid[data-gap="regular"] .entry-thumbnail-holder {
left: 20px; }
body.rtl .portfolio-grid[data-gap="regular"] .entry-thumbnail-holder {
right: 20px; }
.portfolio-grid[data-gap="regular"] .entry-caption {
width: calc(100% - 40px); }
body:not(.rtl) .portfolio-grid[data-gap="regular"] .entry-caption {
left: 20px; }
body.rtl .portfolio-grid[data-gap="regular"] .entry-caption {
right: 20px; }
.portfolio-grid[data-gap="regular"]:not(.caption-style-hover-two) a {
margin-bottom: 40px; }
.portfolio-grid[data-gap="regular"][data-grid="Fixed"] {
margin-bottom: -40px; } }
@media screen and (max-width: 1680px) and (min-width: 1025px) {
body:not(.rtl) .portfolio-grid[data-gap="regular"] .entry-caption.hover-two.invert-caption-direction {
left: 20px; }
body.rtl .portfolio-grid[data-gap="regular"] .entry-caption.hover-two.invert-caption-direction {
right: 20px; } }
@media screen and (max-width: 1680px) {
.portfolio-grid[data-gap="regular"][data-grid="Flexible"] .entry-thumbnail {
width: 100% !important; }
.portfolio-grid[data-gap="regular"][data-grid="Flexible"] .entry-thumbnail-holder {
width: calc(100% - 40px); }
body:not(.rtl) .portfolio-grid[data-gap="regular"][data-grid="Flexible"] .entry-thumbnail-holder {
left: 20px; }
body.rtl .portfolio-grid[data-gap="regular"][data-grid="Flexible"] .entry-thumbnail-holder {
right: 20px; } }
@media screen and (max-width: 960px) {
.portfolio-grid[data-gap="regular"] {
width: calc(100% + 20px);
margin-bottom: -10px; }
body:not(.rtl) .portfolio-grid[data-gap="regular"] {
margin-left: -10px; }
body.rtl .portfolio-grid[data-gap="regular"] {
margin-right: -10px; }
.portfolio-grid[data-gap="regular"] .entry-portfolio:before, .portfolio-grid[data-gap="regular"] .entry-portfolio:after {
display: block;
position: absolute;
background: transparent;
top: 0;
left: 0;
width: 10px;
height: 100%;
content: "";
z-index: 9; }
.portfolio-grid[data-gap="regular"] .entry-portfolio:after {
right: 0;
left: auto; }
.portfolio-grid[data-gap="regular"] .entry-thumbnail {
width: calc(100% - 20px); }
.portfolio-grid[data-gap="regular"] .entry-thumbnail-holder {
top: 0px; }
body:not(.rtl) .portfolio-grid[data-gap="regular"] .entry-thumbnail-holder {
left: 10px; }
body.rtl .portfolio-grid[data-gap="regular"] .entry-thumbnail-holder {
right: 10px; }
.portfolio-grid[data-gap="regular"] .entry-caption {
width: calc(100% - 20px); }
body:not(.rtl) .portfolio-grid[data-gap="regular"] .entry-caption {
left: 10px; }
body.rtl .portfolio-grid[data-gap="regular"] .entry-caption {
right: 10px; }
.portfolio-grid[data-gap="regular"]:not(.caption-style-hover-two) a {
margin-bottom: 20px; }
.portfolio-grid[data-gap="regular"][data-grid="Fixed"] {
margin-bottom: -20px; } }
@media screen and (max-width: 960px) and (min-width: 1025px) {
body:not(.rtl) .portfolio-grid[data-gap="regular"] .entry-caption.hover-two.invert-caption-direction {
left: 10px; }
body.rtl .portfolio-grid[data-gap="regular"] .entry-caption.hover-two.invert-caption-direction {
right: 10px; } }
@media screen and (max-width: 960px) {
.portfolio-grid[data-gap="regular"][data-grid="Flexible"] .entry-thumbnail {
width: 100% !important; }
.portfolio-grid[data-gap="regular"][data-grid="Flexible"] .entry-thumbnail-holder {
width: calc(100% - 20px); }
body:not(.rtl) .portfolio-grid[data-gap="regular"][data-grid="Flexible"] .entry-thumbnail-holder {
left: 10px; }
body.rtl .portfolio-grid[data-gap="regular"][data-grid="Flexible"] .entry-thumbnail-holder {
right: 10px; } }
.portfolio-grid[data-gap="none"] {
width: calc(100% + 0);
width: 100%;
margin-bottom: 0; }
body:not(.rtl) .portfolio-grid[data-gap="none"] {
margin-left: 0; }
body.rtl .portfolio-grid[data-gap="none"] {
margin-right: 0; }
.portfolio-grid[data-gap="none"] .entry-portfolio:before, .portfolio-grid[data-gap="none"] .entry-portfolio:after {
display: block;
position: absolute;
background: transparent;
top: 0;
left: 0;
width: 0;
height: 100%;
content: "";
z-index: 9; }
.portfolio-grid[data-gap="none"] .entry-portfolio:after {
right: 0;
left: auto; }
.portfolio-grid[data-gap="none"] .entry-thumbnail {
width: calc(100% - 0);
width: 100%; }
.portfolio-grid[data-gap="none"] .entry-thumbnail-holder {
top: 0px; }
body:not(.rtl) .portfolio-grid[data-gap="none"] .entry-thumbnail-holder {
left: 0; }
body.rtl .portfolio-grid[data-gap="none"] .entry-thumbnail-holder {
right: 0; }
.portfolio-grid[data-gap="none"] .entry-caption {
width: calc(100% - 0);
width: 100%; }
body:not(.rtl) .portfolio-grid[data-gap="none"] .entry-caption {
left: 0; }
body.rtl .portfolio-grid[data-gap="none"] .entry-caption {
right: 0; }
.portfolio-grid[data-gap="none"]:not(.caption-style-hover-two) a {
margin-bottom: 0; }
.portfolio-grid[data-gap="none"][data-grid="Fixed"] {
margin-bottom: 0; }
@media screen and (min-width: 1025px) {
body:not(.rtl) .portfolio-grid[data-gap="none"] .entry-caption.hover-two.invert-caption-direction {
left: 0; }
body.rtl .portfolio-grid[data-gap="none"] .entry-caption.hover-two.invert-caption-direction {
right: 0; } }
.portfolio-grid[data-gap="none"][data-grid="Flexible"] .entry-thumbnail {
width: 100% !important; }
.portfolio-grid[data-gap="none"][data-grid="Flexible"] .entry-thumbnail-holder {
width: calc(100% - 0);
width: 100%; }
body:not(.rtl) .portfolio-grid[data-gap="none"][data-grid="Flexible"] .entry-thumbnail-holder {
left: 0; }
body.rtl .portfolio-grid[data-gap="none"][data-grid="Flexible"] .entry-thumbnail-holder {
right: 0; }
.portfolio-grid[data-gap="tiny"] {
width: calc(100% + 8px);
margin-bottom: -4px; }
body:not(.rtl) .portfolio-grid[data-gap="tiny"] {
margin-left: -4px; }
body.rtl .portfolio-grid[data-gap="tiny"] {
margin-right: -4px; }
.portfolio-grid[data-gap="tiny"] .entry-portfolio:before, .portfolio-grid[data-gap="tiny"] .entry-portfolio:after {
display: block;
position: absolute;
background: transparent;
top: 0;
left: 0;
width: 4px;
height: 100%;
content: "";
z-index: 9; }
.portfolio-grid[data-gap="tiny"] .entry-portfolio:after {
right: 0;
left: auto; }
.portfolio-grid[data-gap="tiny"] .entry-thumbnail {
width: calc(100% - 8px); }
.portfolio-grid[data-gap="tiny"] .entry-thumbnail-holder {
top: 0px; }
body:not(.rtl) .portfolio-grid[data-gap="tiny"] .entry-thumbnail-holder {
left: 4px; }
body.rtl .portfolio-grid[data-gap="tiny"] .entry-thumbnail-holder {
right: 4px; }
.portfolio-grid[data-gap="tiny"] .entry-caption {
width: calc(100% - 8px); }
body:not(.rtl) .portfolio-grid[data-gap="tiny"] .entry-caption {
left: 4px; }
body.rtl .portfolio-grid[data-gap="tiny"] .entry-caption {
right: 4px; }
.portfolio-grid[data-gap="tiny"]:not(.caption-style-hover-two) a {
margin-bottom: 8px; }
.portfolio-grid[data-gap="tiny"][data-grid="Fixed"] {
margin-bottom: -8px; }
@media screen and (min-width: 1025px) {
body:not(.rtl) .portfolio-grid[data-gap="tiny"] .entry-caption.hover-two.invert-caption-direction {
left: 4px; }
body.rtl .portfolio-grid[data-gap="tiny"] .entry-caption.hover-two.invert-caption-direction {
right: 4px; } }
.portfolio-grid[data-gap="tiny"][data-grid="Flexible"] .entry-thumbnail {
width: 100% !important; }
.portfolio-grid[data-gap="tiny"][data-grid="Flexible"] .entry-thumbnail-holder {
width: calc(100% - 8px); }
body:not(.rtl) .portfolio-grid[data-gap="tiny"][data-grid="Flexible"] .entry-thumbnail-holder {
left: 4px; }
body.rtl .portfolio-grid[data-gap="tiny"][data-grid="Flexible"] .entry-thumbnail-holder {
right: 4px; }
.portfolio-grid[data-gap="huge"] {
width: calc(100% + 160px);
margin-bottom: -80px; }
body:not(.rtl) .portfolio-grid[data-gap="huge"] {
margin-left: -80px; }
body.rtl .portfolio-grid[data-gap="huge"] {
margin-right: -80px; }
.portfolio-grid[data-gap="huge"] .entry-portfolio:before, .portfolio-grid[data-gap="huge"] .entry-portfolio:after {
display: block;
position: absolute;
background: transparent;
top: 0;
left: 0;
width: 80px;
height: 100%;
content: "";
z-index: 9; }
.portfolio-grid[data-gap="huge"] .entry-portfolio:after {
right: 0;
left: auto; }
.portfolio-grid[data-gap="huge"] .entry-thumbnail {
width: calc(100% - 160px); }
.portfolio-grid[data-gap="huge"] .entry-thumbnail-holder {
top: 0px; }
body:not(.rtl) .portfolio-grid[data-gap="huge"] .entry-thumbnail-holder {
left: 80px; }
body.rtl .portfolio-grid[data-gap="huge"] .entry-thumbnail-holder {
right: 80px; }
.portfolio-grid[data-gap="huge"] .entry-caption {
width: calc(100% - 160px); }
body:not(.rtl) .portfolio-grid[data-gap="huge"] .entry-caption {
left: 80px; }
body.rtl .portfolio-grid[data-gap="huge"] .entry-caption {
right: 80px; }
.portfolio-grid[data-gap="huge"]:not(.caption-style-hover-two) a {
margin-bottom: 160px; }
.portfolio-grid[data-gap="huge"][data-grid="Fixed"] {
margin-bottom: -160px; }
@media screen and (min-width: 1025px) {
body:not(.rtl) .portfolio-grid[data-gap="huge"] .entry-caption.hover-two.invert-caption-direction {
left: 80px; }
body.rtl .portfolio-grid[data-gap="huge"] .entry-caption.hover-two.invert-caption-direction {
right: 80px; } }
.portfolio-grid[data-gap="huge"][data-grid="Flexible"] .entry-thumbnail {
width: 100% !important; }
.portfolio-grid[data-gap="huge"][data-grid="Flexible"] .entry-thumbnail-holder {
width: calc(100% - 160px); }
body:not(.rtl) .portfolio-grid[data-gap="huge"][data-grid="Flexible"] .entry-thumbnail-holder {
left: 80px; }
body.rtl .portfolio-grid[data-gap="huge"][data-grid="Flexible"] .entry-thumbnail-holder {
right: 80px; }
@media screen and (max-width: 1680px) {
.portfolio-grid[data-gap="huge"] {
width: calc(100% + 120px);
margin-bottom: -60px; }
body:not(.rtl) .portfolio-grid[data-gap="huge"] {
margin-left: -60px; }
body.rtl .portfolio-grid[data-gap="huge"] {
margin-right: -60px; }
.portfolio-grid[data-gap="huge"] .entry-portfolio:before, .portfolio-grid[data-gap="huge"] .entry-portfolio:after {
display: block;
position: absolute;
background: transparent;
top: 0;
left: 0;
width: 60px;
height: 100%;
content: "";
z-index: 9; }
.portfolio-grid[data-gap="huge"] .entry-portfolio:after {
right: 0;
left: auto; }
.portfolio-grid[data-gap="huge"] .entry-thumbnail {
width: calc(100% - 120px); }
.portfolio-grid[data-gap="huge"] .entry-thumbnail-holder {
top: 0px; }
body:not(.rtl) .portfolio-grid[data-gap="huge"] .entry-thumbnail-holder {
left: 60px; }
body.rtl .portfolio-grid[data-gap="huge"] .entry-thumbnail-holder {
right: 60px; }
.portfolio-grid[data-gap="huge"] .entry-caption {
width: calc(100% - 120px); }
body:not(.rtl) .portfolio-grid[data-gap="huge"] .entry-caption {
left: 60px; }
body.rtl .portfolio-grid[data-gap="huge"] .entry-caption {
right: 60px; }
.portfolio-grid[data-gap="huge"]:not(.caption-style-hover-two) a {
margin-bottom: 120px; }
.portfolio-grid[data-gap="huge"][data-grid="Fixed"] {
margin-bottom: -120px; } }
@media screen and (max-width: 1680px) and (min-width: 1025px) {
body:not(.rtl) .portfolio-grid[data-gap="huge"] .entry-caption.hover-two.invert-caption-direction {
left: 60px; }
body.rtl .portfolio-grid[data-gap="huge"] .entry-caption.hover-two.invert-caption-direction {
right: 60px; } }
@media screen and (max-width: 1680px) {
.portfolio-grid[data-gap="huge"][data-grid="Flexible"] .entry-thumbnail {
width: 100% !important; }
.portfolio-grid[data-gap="huge"][data-grid="Flexible"] .entry-thumbnail-holder {
width: calc(100% - 120px); }
body:not(.rtl) .portfolio-grid[data-gap="huge"][data-grid="Flexible"] .entry-thumbnail-holder {
left: 60px; }
body.rtl .portfolio-grid[data-gap="huge"][data-grid="Flexible"] .entry-thumbnail-holder {
right: 60px; } }
@media screen and (max-width: 1080px) {
.portfolio-grid[data-gap="huge"] {
width: calc(100% + 90px);
margin-bottom: -45px; }
body:not(.rtl) .portfolio-grid[data-gap="huge"] {
margin-left: -45px; }
body.rtl .portfolio-grid[data-gap="huge"] {
margin-right: -45px; }
.portfolio-grid[data-gap="huge"] .entry-portfolio:before, .portfolio-grid[data-gap="huge"] .entry-portfolio:after {
display: block;
position: absolute;
background: transparent;
top: 0;
left: 0;
width: 45px;
height: 100%;
content: "";
z-index: 9; }
.portfolio-grid[data-gap="huge"] .entry-portfolio:after {
right: 0;
left: auto; }
.portfolio-grid[data-gap="huge"] .entry-thumbnail {
width: calc(100% - 90px); }
.portfolio-grid[data-gap="huge"] .entry-thumbnail-holder {
top: 0px; }
body:not(.rtl) .portfolio-grid[data-gap="huge"] .entry-thumbnail-holder {
left: 45px; }
body.rtl .portfolio-grid[data-gap="huge"] .entry-thumbnail-holder {
right: 45px; }
.portfolio-grid[data-gap="huge"] .entry-caption {
width: calc(100% - 90px); }
body:not(.rtl) .portfolio-grid[data-gap="huge"] .entry-caption {
left: 45px; }
body.rtl .portfolio-grid[data-gap="huge"] .entry-caption {
right: 45px; }
.portfolio-grid[data-gap="huge"]:not(.caption-style-hover-two) a {
margin-bottom: 90px; }
.portfolio-grid[data-gap="huge"][data-grid="Fixed"] {
margin-bottom: -90px; } }
@media screen and (max-width: 1080px) and (min-width: 1025px) {
body:not(.rtl) .portfolio-grid[data-gap="huge"] .entry-caption.hover-two.invert-caption-direction {
left: 45px; }
body.rtl .portfolio-grid[data-gap="huge"] .entry-caption.hover-two.invert-caption-direction {
right: 45px; } }
@media screen and (max-width: 1080px) {
.portfolio-grid[data-gap="huge"][data-grid="Flexible"] .entry-thumbnail {
width: 100% !important; }
.portfolio-grid[data-gap="huge"][data-grid="Flexible"] .entry-thumbnail-holder {
width: calc(100% - 90px); }
body:not(.rtl) .portfolio-grid[data-gap="huge"][data-grid="Flexible"] .entry-thumbnail-holder {
left: 45px; }
body.rtl .portfolio-grid[data-gap="huge"][data-grid="Flexible"] .entry-thumbnail-holder {
right: 45px; } }
@media screen and (max-width: 960px) {
.portfolio-grid[data-gap="huge"] {
width: calc(100% + 60px);
margin-bottom: -30px; }
body:not(.rtl) .portfolio-grid[data-gap="huge"] {
margin-left: -30px; }
body.rtl .portfolio-grid[data-gap="huge"] {
margin-right: -30px; }
.portfolio-grid[data-gap="huge"] .entry-portfolio:before, .portfolio-grid[data-gap="huge"] .entry-portfolio:after {
display: block;
position: absolute;
background: transparent;
top: 0;
left: 0;
width: 30px;
height: 100%;
content: "";
z-index: 9; }
.portfolio-grid[data-gap="huge"] .entry-portfolio:after {
right: 0;
left: auto; }
.portfolio-grid[data-gap="huge"] .entry-thumbnail {
width: calc(100% - 60px); }
.portfolio-grid[data-gap="huge"] .entry-thumbnail-holder {
top: 0px; }
body:not(.rtl) .portfolio-grid[data-gap="huge"] .entry-thumbnail-holder {
left: 30px; }
body.rtl .portfolio-grid[data-gap="huge"] .entry-thumbnail-holder {
right: 30px; }
.portfolio-grid[data-gap="huge"] .entry-caption {
width: calc(100% - 60px); }
body:not(.rtl) .portfolio-grid[data-gap="huge"] .entry-caption {
left: 30px; }
body.rtl .portfolio-grid[data-gap="huge"] .entry-caption {
right: 30px; }
.portfolio-grid[data-gap="huge"]:not(.caption-style-hover-two) a {
margin-bottom: 60px; }
.portfolio-grid[data-gap="huge"][data-grid="Fixed"] {
margin-bottom: -60px; } }
@media screen and (max-width: 960px) and (min-width: 1025px) {
body:not(.rtl) .portfolio-grid[data-gap="huge"] .entry-caption.hover-two.invert-caption-direction {
left: 30px; }
body.rtl .portfolio-grid[data-gap="huge"] .entry-caption.hover-two.invert-caption-direction {
right: 30px; } }
@media screen and (max-width: 960px) {
.portfolio-grid[data-gap="huge"][data-grid="Flexible"] .entry-thumbnail {
width: 100% !important; }
.portfolio-grid[data-gap="huge"][data-grid="Flexible"] .entry-thumbnail-holder {
width: calc(100% - 60px); }
body:not(.rtl) .portfolio-grid[data-gap="huge"][data-grid="Flexible"] .entry-thumbnail-holder {
left: 30px; }
body.rtl .portfolio-grid[data-gap="huge"][data-grid="Flexible"] .entry-thumbnail-holder {
right: 30px; } }
.portfolio-grid[data-grid="Fixed"] {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
align-items: center;
height: auto !important;
margin-bottom: -15vmin !important; }
.rtl .portfolio-grid[data-grid="Fixed"] {
flex-direciton: row-reverse; }
.portfolio-grid[data-grid="Fixed"] .entry-portfolio {
position: static !important;
margin-bottom: 15vmin !important; }
.portfolio-grid[data-grid="Flexible"][data-masonry-enabled="row"] {
display: flex;
flex-flow: row wrap;
height: auto !important;
margin-bottom: -15vmin; }
.rtl .portfolio-grid[data-grid="Flexible"][data-masonry-enabled="row"] {
flex-direciton: row-reverse; }
.portfolio-grid[data-grid="Flexible"][data-masonry-enabled="row"] .entry-portfolio {
position: static !important;
margin-bottom: 15vmin !important; }
.portfolio-grid[data-columns="4"] .entry-portfolio, .portfolio-grid[data-columns="4"] .grid-sizer {
width: 25%; }
.portfolio-grid[data-columns="3"] .entry-portfolio, .portfolio-grid[data-columns="3"] .grid-sizer {
width: 33.33%; }
@media screen and (max-width: 1365px) {
.portfolio-grid[data-grid="Regular"][data-columns="4"] .grid-sizer, .portfolio-grid[data-grid="Regular"][data-columns="4"] .grid-sizer {
width: 33.33%;
content: "3"; } }
@media screen and (max-width: 1080px) {
.portfolio-grid[data-columns="3"] .grid-sizer, .portfolio-grid[data-grid="Regular"][data-columns="4"] .grid-sizer {
width: 50%;
content: "2"; } }
.portfolio-grid[data-columns="2"] .entry-portfolio, .portfolio-grid[data-columns="2"] .grid-sizer {
width: 50%; }
.portfolio-grid[data-columns="1"] .entry-portfolio, .portfolio-grid[data-columns="1"] .grid-sizer {
width: 100%; }
@media screen and (max-width: 419px) {
.grid-sizer {
content: "1"; } }
.grid-gutter {
width: 0; }
.entry-portfolio {
max-width: 100% !important;
float: left;
position: absolute;
z-index: 90;
opacity: 0;
visibility: hidden;
transform-origin: 0 0;
transform: matrix(0.99939, 0.02489, 0, 1.055, 0, 15);
transition-delay: 50ms;
transition: transform 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
.portfolio-grid[data-grid="Flexible"][data-columns="4"] .entry-portfolio {
width: 25%; }
.portfolio-grid[data-grid="Flexible"][data-columns="4"] .entry-portfolio[data-size="4"] {
width: 100%; }
.portfolio-grid[data-grid="Flexible"][data-columns="4"] .entry-portfolio[data-size="3"] {
width: 75%; }
.portfolio-grid[data-grid="Flexible"][data-columns="4"] .entry-portfolio[data-size="2"] {
width: 50%; }
@media screen and (max-width: 1080px) {
.portfolio-grid[data-grid="Flexible"][data-columns="4"] .entry-portfolio[data-size="4"] {
width: 100%; }
.portfolio-grid[data-grid="Flexible"][data-columns="4"] .entry-portfolio[data-size="3"] {
width: 100%; }
.portfolio-grid[data-grid="Flexible"][data-columns="4"] .entry-portfolio[data-size="2"] {
width: 50%; }
.portfolio-grid[data-grid="Flexible"][data-columns="4"] .entry-portfolio[data-size="1"] {
width: 50%; } }
.portfolio-grid[data-grid="Flexible"][data-columns="3"] .entry-portfolio[data-size="4"], .portfolio-grid[data-grid="Flexible"][data-columns="3"] .entry-portfolio[data-size="3"] {
width: 100%; }
.portfolio-grid[data-grid="Flexible"][data-columns="3"] .entry-portfolio[data-size="2"] {
width: 66.66%; }
@media screen and (max-width: 1080px) {
.portfolio-grid[data-grid="Flexible"][data-columns="3"] .entry-portfolio[data-size="4"] {
width: 100%; }
.portfolio-grid[data-grid="Flexible"][data-columns="3"] .entry-portfolio[data-size="3"] {
width: 100%; }
.portfolio-grid[data-grid="Flexible"][data-columns="3"] .entry-portfolio[data-size="2"] {
width: 50%; }
.portfolio-grid[data-grid="Flexible"][data-columns="3"] .entry-portfolio[data-size="1"] {
width: 50%; } }
.portfolio-grid[data-grid="Flexible"][data-columns="2"] .entry-portfolio[data-size="3"], .portfolio-grid[data-grid="Flexible"][data-columns="2"] .entry-portfolio[data-size="4"], .portfolio-grid[data-grid="Flexible"][data-columns="2"] .entry-portfolio[data-size="2"] {
width: 100%; }
@media screen and (max-width: 1365px) {
.portfolio-grid[data-grid="Regular"][data-columns="4"] .entry-portfolio {
width: 33%; } }
@media screen and (max-width: 1080px) {
.portfolio-grid[data-grid="Regular"][data-columns="3"] .entry-portfolio, .portfolio-grid[data-grid="Fixed"][data-columns="3"] .entry-portfolio, .portfolio-grid[data-grid="Regular"][data-columns="4"] .entry-portfolio {
width: 50%; } }
@media screen and (max-width: 419px) {
.entry-portfolio {
width: 100% !important; } }
.rtl .entry-portfolio {
float: right; }
.entry-portfolio a {
position: relative;
vertical-align: top;
display: block;
width: 100%;
margin: 0;
transform: translate3d(0, 0, 0); }
.entry-portfolio a:after {
display: none !important; }
.entry-portfolio .entry-thumbnail {
position: relative;
z-index: 8;
width: 100%;
margin: 0; }
.entry-portfolio .entry-thumbnail-holder {
overflow: hidden;
position: relative;
width: 100%; }
.entry-portfolio .entry-thumbnail-holder:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .04;
background: #000;
content: ""; }
.entry-portfolio img {
width: 100%;
height: 100%;
transform: translate3d(0, 0, 0);
position: absolute;
top: 0;
left: 0;
z-index: 100;
object-fit: cover;
font-family: "object-fit: cover"; }
.entry-portfolio.active {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0); }
.entry-portfolio.hover-two {
margin-bottom: 85px; }
@media screen and (max-width: 1680px) {
.entry-portfolio.hover-two {
margin-bottom: 55px; } }
@media screen and (max-width: 480px) {
.entry-portfolio.hover-two {
margin-bottom: 35px; } }
.portfolio-grid[data-gap="tiny"] .entry-portfolio.hover-two {
margin-bottom: 65px; }
@media screen and (max-width: 1680px) {
.portfolio-grid[data-gap="tiny"] .entry-portfolio.hover-two {
margin-bottom: 35px; } }
.entry-portfolio.hover-two .entry-thumbnail {
position: relative; }
.entry-portfolio.hover-two .entry-thumbnail .entry-thumbnail:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99;
opacity: 0;
transition: opacity 200ms linear; }
.entry-portfolio a:hover .entry-thumbnail:after {
opacity: 1; }
.entry-portfolio .secondary {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 101;
opacity: 0;
transition: opacity 200ms linear; }
.entry-portfolio a:hover .secondary, .entry-portfolio a.hover .secondary {
opacity: 1; }
.caption-style-Classic .entry-portfolio {
margin-bottom: 0 !important; }
.entry-caption {
display: block;
position: absolute;
top: 0;
left: 0;
margin: 0;
height: 100%;
z-index: 9; }
.entry-caption .entry-caption-text {
line-height: 1.617em; }
@media screen and (max-width: 960px) {
.entry-caption .entry-caption-text {
line-height: 1.517em; } }
@media screen and (min-width: 2561px) {
.entry-caption .entry-caption-text {
line-height: 1.597em; } }
.entry-caption .entry-meta {
opacity: 1;
font-size: 1.119vw; }
@media screen and (min-width: 2561px) {
.entry-caption .entry-meta {
font-size: 27px; } }
@media screen and (max-width: 1680px) {
.entry-caption .entry-meta {
font-size: 5.15vw; } }
@media screen and (max-width: 1180px) {
.entry-caption .entry-meta {
font-size: 6.35vw; } }
@media screen and (max-width: 960px) {
.entry-caption .entry-meta {
font-size: 7.375vw; } }
@media screen and (max-width: 480px) {
.entry-caption .entry-meta {
font-size: 7.119vw; } }
.entry-caption .entry-meta span:not(:first-child) {
display: none; }
.entry-caption .entry-title {
display: inline;
margin: 0; }
.entry-caption .entry-excerpt {
display: inline; }
.entry-caption .entry-excerpt:before {
content: " — "; }
.entry-caption.hover-two {
overflow: hidden;
position: relative;
padding-left: 15px;
margin-top: 35px; }
@media screen and (max-width: 1680px) {
.entry-caption.hover-two {
padding-left: 10px; } }
.entry-caption.hover-two .entry-title {
font-size: 1.1515vw;
font-weight: 500; }
@media screen and (min-width: 2561px) {
.entry-caption.hover-two .entry-title {
font-size: 39px; } }
@media screen and (max-width: 1680px) {
.entry-caption.hover-two .entry-title {
font-size: 1.475vw; } }
@media screen and (max-width: 1180px) {
.entry-caption.hover-two .entry-title {
font-size: 1.851vw; } }
@media screen and (max-width: 960px) {
.entry-caption.hover-two .entry-title {
font-size: 2.895vw; } }
@media screen and (max-width: 480px) {
.entry-caption.hover-two .entry-title {
font-size: 5.775vw; } }
.entry-caption.hover-two .entry-excerpt, .entry-caption.hover-two .entry-meta {
font-size: 1.055vw;
font-weight: 200; }
@media screen and (min-width: 2561px) {
.entry-caption.hover-two .entry-excerpt, .entry-caption.hover-two .entry-meta {
font-size: 27px; } }
@media screen and (max-width: 1680px) {
.entry-caption.hover-two .entry-excerpt, .entry-caption.hover-two .entry-meta {
font-size: 1.341vw; } }
@media screen and (max-width: 1180px) {
.entry-caption.hover-two .entry-excerpt, .entry-caption.hover-two .entry-meta {
font-size: 1.575vw; } }
@media screen and (max-width: 960px) {
.entry-caption.hover-two .entry-excerpt, .entry-caption.hover-two .entry-meta {
font-size: 2.455vw; } }
@media screen and (max-width: 480px) {
.entry-caption.hover-two .entry-excerpt, .entry-caption.hover-two .entry-meta {
font-size: 4.611vw; } }
.entry-caption.hover-two .entry-caption-text {
width: 90%; }
@media screen and (max-width: 1680px) {
.entry-caption.hover-two .entry-caption-text {
width: 95%; } }
@media screen and (max-width: 1025px) {
.entry-caption.hover-two .entry-caption-text {
width: 99%; } }
@media screen and (min-width: 1025px) {
.entry-caption.hover-two.invert-caption-direction {
transform: rotate(-90deg) translateY(-100%) translateX(-100%);
transform-origin: top left;
margin-top: 0px;
position: absolute;
margin-left: -5px;
height: auto;
padding-left: 10px;
clear: both; }
.rtl .entry-caption.hover-two.invert-caption-direction {
transform: rotate(-90deg) translateY(10px) translateX(0%);
transform-origin: top right; }
.entry-caption.hover-two.invert-caption-direction .entry-caption-text {
line-height: 1.075em;
width: 65%; } }
@media screen and (min-width: 1025px) and (max-width: 961px) {
.entry-caption.hover-two.invert-caption-direction .entry-caption-text {
line-height: 0.779em; } }
@media screen and (min-width: 1025px) and (max-width: 414px) {
.entry-caption.hover-two.invert-caption-direction .entry-caption-text {
line-height: 1.3969em; } }
@media screen and (min-width: 1025px) {
.entry-caption.hover-two.invert-caption-direction .entry-title {
font-size: 0.915vw; } }
@media screen and (min-width: 1025px) and (min-width: 2561px) {
.entry-caption.hover-two.invert-caption-direction .entry-title {
font-size: 27px; } }
@media screen and (min-width: 1025px) and (max-width: 1680px) {
.entry-caption.hover-two.invert-caption-direction .entry-title {
font-size: 1.235vw; } }
@media screen and (min-width: 1025px) and (max-width: 1180px) {
.entry-caption.hover-two.invert-caption-direction .entry-title {
font-size: 1.675vw; } }
@media screen and (min-width: 1025px) and (max-width: 960px) {
.entry-caption.hover-two.invert-caption-direction .entry-title {
font-size: 2.095vw; } }
@media screen and (min-width: 1025px) and (max-width: 480px) {
.entry-caption.hover-two.invert-caption-direction .entry-title {
font-size: 5.279vw; } }
@media screen and (min-width: 1025px) {
.entry-caption.hover-two.invert-caption-direction .entry-excerpt {
font-size: 0.759vw; } }
@media screen and (min-width: 1025px) and (min-width: 2561px) {
.entry-caption.hover-two.invert-caption-direction .entry-excerpt {
font-size: 19px; } }
@media screen and (min-width: 1025px) and (max-width: 1680px) {
.entry-caption.hover-two.invert-caption-direction .entry-excerpt {
font-size: 1.11vw; } }
@media screen and (min-width: 1025px) and (max-width: 1180px) {
.entry-caption.hover-two.invert-caption-direction .entry-excerpt {
font-size: 1.429vw; } }
@media screen and (min-width: 1025px) and (max-width: 960px) {
.entry-caption.hover-two.invert-caption-direction .entry-excerpt {
font-size: 1.595vw; } }
@media screen and (min-width: 1025px) and (max-width: 480px) {
.entry-caption.hover-two.invert-caption-direction .entry-excerpt {
font-size: 4.311vw; } }
.entry-caption.hover-two .entry-meta {
display: none; }
.entry-portfolio .entry-caption.hover-two.w-meta .entry-meta {
display: inline; }
.entry-portfolio .entry-caption.hover-two.w-meta .entry-meta:before {
content: " — "; }
.entry-portfolio .entry-caption.hover-two.w-meta .entry-excerpt {
display: none; }
.entry-portfolio[data-size="3"] .entry-caption.hover-two {
width: 35%; }
.entry-portfolio[data-size="2"] .entry-caption.hover-two {
width: 55%; }
@media screen and (max-width: 780px) {
.entry-portfolio[data-size="2"] .entry-caption.hover-two {
width: 90%; } }
@media screen and (max-width: 1680px) {
.entry-caption.hover-two {
margin-top: 25px; }
.entry-portfolio[data-size="3"] .entry-caption.hover-two {
width: 45%; } }
@media screen and (max-width: 960px) {
.entry-caption.hover-two {
padding-left: 10px; }
.entry-portfolio[data-size="3"] .entry-caption.hover-two {
width: 60%; } }
@media screen and (max-width: 480px) {
.entry-caption.hover-two {
width: 85% !important;
height: auto !important; } }
@media screen and (max-width: 360px) {
.entry-portfolio[data-size="3"] .entry-caption.hover-two {
width: 100%; } }
.entry-caption.Classic {
opacity: 0;
transform: translate3d(0, 0, 0);
overflow: hidden;
transition: opacity 200ms cubic-bezier(0.39, 0.575, 0.565, 1); }
.entry-caption.Classic.all-color {
transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1); }
a:hover .entry-caption.Classic, a.hover .entry-caption.Classic {
opacity: 1; }
a:hover .entry-caption.Classic .entry-caption-text, a.hover .entry-caption.Classic .entry-caption-text {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0); }
.entry-caption.Classic > div > div {
padding: 0 20%; }
.entry-caption.Classic:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
z-index: 0; }
.entry-caption.Classic.all-color:before {
height: 100%; }
.entry-caption.Classic h3, .entry-caption.Classic span {
z-index: 1;
position: relative; }
.entry-caption.Classic .entry-caption-text {
opacity: 0;
visibility: hidden;
transform-origin: 0 0;
transform: matrix(0.99939, 0.0145, 0, 1.111, 0, 3);
transition-delay: 50ms;
transition: transform 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
.entry-caption.Classic .entry-meta {
display: none; }
.entry-portfolio .entry-caption.Classic {
display: block; }
.entry-caption.Classic .entry-caption-text {
width: 90%;
padding: 10%; }
.entry-portfolio[data-size="2"] .entry-caption.Classic .entry-caption-text {
max-width: 70%; }
.entry-portfolio[data-size="3"] .entry-caption.Classic .entry-caption-text, .portfolio-grid[data-columns="2"] .entry-caption.Classic .entry-caption-text {
max-width: 63%; }
.entry-portfolio[data-size="4"] .entry-caption.Classic .entry-caption-text {
max-width: 920px;
width: 50%; }
.entry-caption.Classic .entry-title {
font-size: 1.159vw;
font-weight: 500; }
@media screen and (min-width: 2561px) {
.entry-caption.Classic .entry-title {
font-size: 39px; } }
@media screen and (max-width: 1680px) {
.entry-caption.Classic .entry-title {
font-size: 1.475vw; } }
@media screen and (max-width: 1180px) {
.entry-caption.Classic .entry-title {
font-size: 1.851vw; } }
@media screen and (max-width: 960px) {
.entry-caption.Classic .entry-title {
font-size: 3.175vw; } }
@media screen and (max-width: 480px) {
.entry-caption.Classic .entry-title {
font-size: 5.775vw; } }
.entry-caption.Classic .entry-excerpt {
font-size: 1.011vw;
font-weight: 300; }
@media screen and (min-width: 2561px) {
.entry-caption.Classic .entry-excerpt {
font-size: 27px; } }
@media screen and (max-width: 1680px) {
.entry-caption.Classic .entry-excerpt {
font-size: 1.341vw; } }
@media screen and (max-width: 1180px) {
.entry-caption.Classic .entry-excerpt {
font-size: 1.575vw; } }
@media screen and (max-width: 960px) {
.entry-caption.Classic .entry-excerpt {
font-size: 2.455vw; } }
@media screen and (max-width: 480px) {
.entry-caption.Classic .entry-excerpt {
font-size: 4.611vw; } }
@media screen and (max-width: 1680px) {
.entry-caption.Classic .entry-caption-text {
width: 100%; }
.entry-portfolio[data-size="2"] .entry-caption.Classic .entry-caption-text {
max-width: 75%; }
.entry-portfolio[data-size="3"] .entry-caption.Classic .entry-caption-text, .entry-portfolio[data-size="4"] .entry-caption.Classic .entry-caption-text, .portfolio-grid[data-columns="2"] .entry-caption.Classic .entry-caption-text {
max-width: 700px; } }
@media screen and (max-width: 1080px) {
.portfolio-grid[data-columns="2"] .entry-caption.Classic .entry-caption-text {
max-width: 700px; } }
@media screen and (max-width: 960px) {
.entry-caption.Classic .entry-caption-text {
width: 100%; }
.entry-portfolio[data-size="2"] .entry-caption.Classic .entry-caption-text {
max-width: 450px; }
.entry-portfolio[data-size="3"] .entry-caption.Classic .entry-caption-text, .entry-portfolio[data-size="4"] .entry-caption.Classic .entry-caption-text, .portfolio-grid[data-columns="2"] .entry-caption.Classic .entry-caption-text {
max-width: 700px; } }
.entry-caption.Minimal {
pointer-events: none;
opacity: 0;
transition: opacity 100ms cubic-bezier(0.39, 0.575, 0.565, 1); }
.entry-caption.Minimal.active {
opacity: 1; }
.entry-caption.Minimal .entry-caption-text {
display: inline-block;
position: relative;
transform: translateX(-50%);
padding: 18px 28px 14px; }
.entry-caption.Minimal .entry-title {
display: inline;
position: relative;
right: 0;
z-index: 8;
font-weight: 700;
font-size: 1.652173913rem; }
.entry-caption.Minimal .entry-meta {
font-weight: 200;
font-size: 1.5217391304rem; }
.entry-caption.Minimal .entry-meta:before {
content: " — "; }
.entry-portfolio.huge .entry-caption {
display: none; }
.entry-caption.huge .entry-meta {
display: inline-block; }
.entry-caption.huge .entry-excerpt {
display: none; }
.entry-caption#js-caption {
position: fixed;
top: 250px;
left: 220px;
width: 100vw;
height: auto;
z-index: 999; }
.page-template-template-portfolio .entry-content.page-content {
width: calc(100% - 30px);
margin-left: 30px;
margin-top: 150px; }
.page-template-template-portfolio .entry-content.page-content.up {
margin-top: 0; }
.huge-caption {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
pointer-events: none;
text-align: center; }
.huge-caption .entry-caption {
display: flex;
align-items: center;
justify-content: center; }
.huge-caption .entry-caption.huge {
opacity: 0;
width: 100%;
visibility: hidden;
pointer-events: none;
transform-origin: 0 0;
transform: matrix(0.99939, 0.0275, 0, 1.055, 0, -25);
transition-delay: 50ms;
transition: transform 575ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 575ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 575ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
.huge-caption .entry-caption.huge.hover {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0); }
.huge-caption .entry-caption-text {
position: relative;
line-height: 8.75em;
opacity: 0;
transform: translateY(50px);
transition: all 200ms cubic-bezier(0.39, 0.575, 0.565, 1); }
.huge-caption .entry-title {
font-size: 5.559vw; }
@media screen and (min-width: 2561px) {
.huge-caption .entry-title {
font-size: 195px; } }
@media screen and (max-width: 1680px) {
.huge-caption .entry-title {
font-size: 5vw; } }
@media screen and (max-width: 1180px) {
.huge-caption .entry-title {
font-size: 4.915vw; } }
@media screen and (max-width: 960px) {
.huge-caption .entry-title {
font-size: 4.375vw; } }
@media screen and (max-width: 480px) {
.huge-caption .entry-title {
font-size: 6.311vw; } }
.huge-caption .entry-title:after {
content: " "; }
.huge-caption .entry-meta {
font-size: 5.559vw;
font-weight: 200; }
@media screen and (min-width: 2561px) {
.huge-caption .entry-meta {
font-size: 195px; } }
@media screen and (max-width: 1680px) {
.huge-caption .entry-meta {
font-size: 5vw; } }
@media screen and (max-width: 1180px) {
.huge-caption .entry-meta {
font-size: 4.915vw; } }
@media screen and (max-width: 960px) {
.huge-caption .entry-meta {
font-size: 4.575vw; } }
@media screen and (max-width: 480px) {
.huge-caption .entry-meta {
font-size: 6.311vw; } }
.huge-caption .entry-meta:before {
content: " — "; }
.huge-caption .entry-excerpt {
display: none; }
.huge-caption .entry-caption.hover .entry-caption-text {
opacity: 1;
transform: translateY(0); }
.caption-style-huge.on article:not(:hover) {
opacity: .0595; }
/* -----
12. Default page styles
-----
*/
.page .entry-header.main .entry-title {
font-size: 2.3913043478rem;
font-weight: bold;
margin-bottom: 5px; }
.search-no-results a.button {
position: relative;
display: inline-block;
padding: 15px 0 5px 0;
font-size: 0.9130434783rem; }
.search-no-results a.button:before {
content: " \2192";
position: absolute;
right: -30px;
line-height: 1.7em;
transition: right 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
.search-no-results a.button:after {
display: block;
content: "";
width: 100%;
height: 1px;
background: #FFF;
margin-top: 3px; }
.search-no-results a.button:hover:before {
right: -35px; }
.error-content {
width: 40%;
margin-left: 20%;
margin-top: 50px;
min-width: 500px; }
@media screen and (max-width: 960px) {
.error-content {
width: 100%;
margin-left: 0;
min-width: 0; }
.error-content .entry-subtitle {
line-height: 1; } }
.error-content .error-title {
border-bottom: 2px solid;
line-height: 1;
display: inline-block; }
.error-content .error-subtitle {
font-size: 3.3043478261rem;
line-height: 1.2;
display: block; }
.error-content .error-link {
margin-top: 80px; }
.error404 #content {
padding-bottom: 150px; }
.error-background {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -1; }
.artifact-twitter {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
text-align: center;
font-size: 0.9130434783rem; }
.artifact-twitter .carousel-holder {
padding: 0 90px;
position: relative; }
.artifact-twitter .carousel-cell {
width: 100%;
padding: 0 40px; }
.artifact-twitter .carousel-prev, .artifact-twitter .carousel-next {
position: absolute;
top: 50%;
margin-top: -16px;
left: 0;
cursor: pointer;
opacity: .15;
transition: opacity 150ms linear; }
.artifact-twitter .carousel-prev:hover, .artifact-twitter .carousel-next:hover {
opacity: 1; }
.artifact-twitter .carousel-next {
right: 0;
left: auto; }
.artifact-twitter .body {
margin-bottom: 10px; }
.artifact-twitter .user {
opacity: .15; }
.artifact-twitter .user:before {
content: " - ";
display: block;
margin-bottom: 10px; }
.artifact-twitter .background {
position: absolute;
width: 120px;
height: 120px;
top: -10px;
left: 50%;
margin-left: -60px;
opacity: .1; }
.artifact-twitter .background span, .artifact-twitter .background svg {
width: 100%;
height: 100%; }
.image-text-link {
position: relative;
margin-bottom: 24px; }
p .image-text-link {
margin-bottom: 0; }
.image-text-link:after {
content: "";
display: block;
top: 0;
left: 0;
background: #000;
opacity: .8;
position: absolute;
width: 100%;
height: 100%;
z-index: 8;
opacity: 0;
transition: all 200ms cubic-bezier(0.39, 0.575, 0.565, 1); }
.image-text-link:hover:after {
opacity: .8; }
.image-text-link img {
margin: 0;
vertical-align: middle; }
.image-text-link span {
position: absolute;
width: 100%;
height: 100%;
top: -20px;
left: 0;
display: block;
z-index: 9;
font-size: 1.6956521739rem;
text-align: center;
vertical-align: middle;
transform: translate3d(0, 15px, 0);
opacity: 0;
visibility: hidden;
transform-origin: 0 0;
transform: matrix(0.99939, 0, 0, 1.055, 0, 10);
transition-delay: 50ms;
transition: transform 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
.image-text-link:hover span {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0); }
.image-text-link .arrow {
top: auto;
bottom: 30px;
height: 24px;
width: 45px;
left: 50%;
margin-left: -24px; }
/*!
* 1.5. Fancybox
*/
.fancybox-skin {
background: transparent; }
.fancybox-overlay {
z-index: 99998;
background: #333;
background: rgba(51, 51, 51, 0.95);
overflow: hidden !important; }
.fancybox-opened {
z-index: 99999; }
.fancybox-opened .fancybox-skin {
box-shadow: 0 0px 13px rgba(0, 0, 0, 0.2); }
.fancybox-nav span,
.fancybox-close {
background: url(images/sharpSprites.png) no-repeat -1px 0 #181818;
background-color: rgba(24, 24, 24, 0.8);
width: 50px;
height: 50px;
margin-top: -25px;
display: block;
text-indent: -9999px;
opacity: 0; }
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.fancybox-nav span,
.fancybox-close {
background-image: url(images/sharpSprites_x2.png);
background-size: 151px 50px; } }
.fancybox-next span {
background-position: -50px 0;
right: 0; }
.fancybox-prev span {
left: 0; }
.fancybox-close {
background-position: -115px 0;
right: -25px;
top: -5px;
opacity: 1;
visibility: visible; }
.fancybox-nav:hover span {
opacity: 1;
visibility: visible; }
.fancybox-nav span:hover, .fancybox-close:hover {
background-color: #b99d61; }
#fancybox-loading {
z-index: 99999; }
#fancybox-loading div {
width: 32px;
height: 32px;
background: url(images/preloader.svg) no-repeat 0 0 transparent; }
.fancybox-title-float-wrap .child {
background: transparent; }
.fancybox-thumb {
display: inline-block;
position: relative; }
.fancybox-thumb img {
margin: 0 !important;
float: none !important;
vertical-align: bottom; }
.fancybox-thumb.aligncenter img {
margin: 0 auto !important; }
.fancybox-thumb span {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
-webkit-transition: opacity 250ms linear;
transition: opacity 250ms linear; }
.fancybox-container--ready .fancybox-bg {
background-color: #dcdcdc;
opacity: 1; }
.fancybox-controls {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: column-reverse;
width: 100vw;
height: 100vh;
top: initial;
left: initial; }
.fancybox-buttons {
top: initial;
right: initial;
align-self: flex-start;
margin-left: 3%; }
.fancybox-button {
width: 45px;
height: 45px; }
.fancybox-button,
.fancybox-infobar__body,
.fancybox-button:hover {
color: #000;
background: rgba(255, 255, 255, 0); }
.fancybox-button:hover {
opacity: .75; }
.fancybox-show-infobar .fancybox-infobar {
align-self: flex-end;
margin-right: 3%; }
.fancybox-button--close {
position: fixed;
top: 5%;
right: 3%; }
.fancybox-button--play,
.fancybox-button--fullscreen {
display: none !important; }
.fancybox-button--thumbs:before {
box-shadow: 0 -7px 0, -7px -7px 0, 7px -7px 0, inset 0 0 0 32px, -7px 0 0, 7px 0 0, 0 7px 0, -7px 7px 0, 7px 7px 0;
transition: none;
border-radius: 50%;
transform: scale(1.075); }
.fancybox-container--thumbs .fancybox-button--thumbs {
font-size: 15px;
transform: scale(1.375);
transition: margin 375ms cubic-bezier(0.7, -0.16, 0.4, 1.1); }
.fancybox-button--close:after,
.fancybox-button--close:before {
top: calc(50% - 7px);
left: calc(100% - 0px); }
.fancybox-button--close:before {
transform: rotate(45deg) scale(0.5); }
.fancybox-button--close:after {
transform: rotate(-45deg) scale(0.5); }
.fancybox-container--thumbs .fancybox-button--thumbs,
.fancybox-container--thumbs .fancybox-button--thumbs:hover {
background: black;
color: #fff;
border-radius: 50%; }
.fancybox-controls--canzoomIn.fancybox-controls--canGrab .fancybox-caption-wrap,
.fancybox-controls--canzoomIn.fancybox-controls--canGrab .fancybox-button--close,
.fancybox-controls--canzoomIn.fancybox-controls--canGrab .fancybox-controls {
opacity: 0 !important; }
.fancybox-container--thumbs .fancybox-button--thumbs:after,
.fancybox-container--thumbs .fancybox-button--thumbs:before {
content: "";
display: inline-block;
position: absolute;
height: 2px;
width: 16px;
top: calc(50% - 1px);
left: calc(50% - 8px); }
.fancybox-container--thumbs .fancybox-button--thumbs:after,
.fancybox-container--thumbs .fancybox-button--thumbs:before {
content: "";
pointer-events: none;
position: absolute;
border-color: #FFF;
background-color: currentColor;
color: currentColor;
opacity: .9;
box-sizing: border-box;
display: inline-block; }
.fancybox-container--thumbs .fancybox-button--thumbs:before {
content: "⟶";
font-size: 15px;
box-shadow: none;
left: 27%;
width: 0;
height: 0;
top: 1px;
transform: translateX(50%);
transition: none; }
/*tweak for Firefox*/
@-moz-document url-prefix() {
.fancybox-container--thumbs .fancybox-button--thumbs:before {
font-size: 23px;
top: -2px;
margin-left: -2px; }
.fancybox-infobar .fancybox-button::after {
font-size: 39px !important; } }
.fancybox-container--thumbs .fancybox-button--thumbs:after {
opacity: 0; }
.fancybox-container--thumbs .fancybox-button--thumbs:hover {
margin-right: -3px; }
.fancybox-show-controls .fancybox-controls {
opacity: 0.35; }
.fancybox-show-controls .fancybox-controls:hover {
opacity: 1; }
.fancybox-infobar__body {
position: absolute;
font-size: 35px;
color: initial;
font-weight: 300;
width: auto;
bottom: 6.9vh;
pointer-events: none;
opacity: 1;
visibility: hidden;
margin: 0 auto;
left: 1%;
right: 1%; }
@media screen and (max-width: 414px) {
.fancybox-infobar__body {
font-size: 23px; } }
.fancybox-infobar__body .js-fancybox-index,
.fancybox-infobar__body .js-fancybox-count {
visibility: visible; }
.fancybox-infobar__body .js-fancybox-index {
transform: translateX(25px);
display: inline-block; }
.fancybox-infobar__body .js-fancybox-count:before {
content: " — "; }
.fancybox-button--left:after,
.fancybox-button--right:after {
top: 15px;
width: 13px;
height: 13px;
transform: rotate(-180deg); }
.fancybox-button--left:after {
left: 0; }
.fancybox-button--right:after {
right: 0; }
.fancybox-container--thumbs .fancybox-caption-wrap,
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap {
right: 0; }
.fancybox-thumbs {
width: 30%;
left: 0;
right: initial; }
.fancybox-thumbs > ul {
padding: 7%;
box-sizing: border-box; }
.fancybox-thumbs > ul > li {
width: 20%;
height: 10%;
border: none;
box-sizing: border-box;
margin: 6.5%; }
.fancybox-thumbs > ul > li:before {
border: 5px solid #000; }
.krown-thumbnail-gallery {
overflow: hidden; }
.krown-thumbnail-gallery .fancybox-thumb {
float: left;
margin: 1px; }
.krown-thumbnail-gallery .fancybox-thumb img {
max-width: none;
width: 100%; }
.krown-thumbnail-gallery .fancybox-thumb.first {
margin-left: 0; }
.krown-thumbnail-gallery .fancybox-thumb.last {
margin-right: -10px; }
.fancybox-title-float-wrap {
right: auto !important;
left: 0 !important;
top: 100% !important;
bottom: auto !important;
width: 100% !important;
margin-top: 10px !important;
margin-bottom: 0 !important; }
.fancybox-title .child {
margin: 0 !important;
white-space: normal !important;
line-height: 18px !important; }
.fancybox-button--right {
position: absolute;
right: 7%;
top: 50%;
margin-top: -50px; }
.fancybox-button--left {
position: absolute;
left: 7%;
top: 50%;
margin-top: -50px; }
.fancybox-button--close {
width: fit-content;
margin: 0 auto;
left: 1%;
right: 1%; }
.fancybox-button--thumbs {
position: fixed;
right: 6%;
bottom: 6.75vh;
border-radius: 50%; }
.fancybox-infobar__body {
position: fixed;
font-size: 21px;
height: fit-content;
line-height: 26px;
left: 7%;
text-align: left;
opacity: .15;
visibility: visible; }
.fancybox-infobar__body .js-fancybox-index {
transform: none; }
.fancybox-caption {
color: #000;
border: none;
font-size: 21px;
line-height: 26px;
padding: 0; }
.fancybox-caption-wrap {
background: none;
left: calc(7% + 80px);
width: calc(75% - 20px);
max-width: 1024px;
bottom: 6.9vh;
padding: 0; }
@media screen and (max-width: 640px) {
.fancybox-caption-wrap {
display: none; } }
.js-fancybox-count:before {
display: none; }
.fancybox-thumbs {
left: initial;
right: 0; }
.fancybox-container--thumbs .fancybox-infobar, .fancybox-container--thumbs .fancybox-caption-wrap {
display: none; }
.fancybox-container--ready .fancybox-bg {
background-color: #fff; }
.fancybox-show-controls .fancybox-controls {
opacity: 1; }
.fancybox-thumbs {
background: #000; }
.fancybox-caption strong + span:before {
content: " — "; }
.fancybox-thumbs {
background: #fff;
width: 65vh;
right: 0; }
.fancybox-container--ready .fancybox-bg {
background-color: #000; }
.fancybox-caption {
color: #fff; }
.fancybox-button,
.fancybox-infobar__body,
.fancybox-button:hover {
color: #fff; }
.fancybox-infobar .fancybox-button {
line-height: 1em; }
.fancybox-infobar .fancybox-button:after {
content: "⟶";
font-size: 25px;
border-color: #fff;
border: none;
top: initial;
width: initial;
height: initial; }
.fancybox-infobar .fancybox-button--right:after {
transform: none; }
.artifact-gallery {
display: flex;
flex-wrap: wrap;
width: calc(100% + 1.3043478261rem);
margin-left: -0.652173913rem; }
.artifact-gallery--item {
padding: 0.652173913rem; }
.columns-1 .artifact-gallery--item {
flex-basis: 100%;
width: 100%; }
.columns-2 .artifact-gallery--item {
flex-basis: 50%;
width: 50%; }
.columns-3 .artifact-gallery--item {
flex-basis: 33.33%;
width: 33.33%; }
.columns-4 .artifact-gallery--item {
flex-basis: 25%;
width: 25%; }
.columns-5 .artifact-gallery--item {
flex-basis: 20%;
width: 20%; }
.columns-6 .artifact-gallery--item {
flex-basis: 16.66%;
width: 16.66%; }
.columns-7 .artifact-gallery--item {
flex-basis: 14.28%;
width: 14.28%; }
.columns-8 .artifact-gallery--item {
flex-basis: 12.5%;
width: 12.5%; }
.columns-9 .artifact-gallery--item {
flex-basis: 11.11%;
width: 11.11%; }
@media screen and (max-width: 960px) {
.artifact-gallery--item {
width: 33.33% !important;
flex-basis: 33.33% !important; } }
@media screen and (max-width: 480px) {
.artifact-gallery--item {
width: 50% !important;
flex-basis: 50% !important; } }
.hover-opacity .artifact-gallery--item img {
opacity: .33;
transition: opacity 200ms linear; }
.no-touchevents .hover-opacity .artifact-gallery--item:hover img {
opacity: 1; }
.artifact-gallery--item img {
margin: 0;
transform: translate3d(0, 0, 0); }
.flickity-viewport {
transition: height 250ms linear; }
.artifact-slider {
width: 100%; }
.artifact-slider.single .carousel-cell {
width: 100%; }
.artifact-slider .carousel-cell {
width: 50%;
margin: 0 3%;
text-align: center;
position: relative;
transform: translate3d(0, 0, 0);
overflow: hidden; }
@media screen and (max-width: 960px) {
.artifact-slider .carousel-cell {
width: 75%;
margin: 0 2%; } }
.artifact-slider .carousel-cell:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translate3d(0, 0, 0) scale(1.1);
opacity: .7;
transition: opacity 200ms linear; }
.artifact-slider .carousel-cell.is-selected:after {
opacity: 0; }
.artifact-slider.w-content {
padding-bottom: 80px; }
.artifact-slider.w-content .carousel-cell {
width: 100%;
margin: 0;
opacity: 0;
transition: opacity 200ms linear; }
.grid__item.full-width .artifact-slider.w-content .carousel-cell {
padding: 0 30%; }
@media screen and (max-width: 1680px) {
.grid__item.full-width .artifact-slider.w-content .carousel-cell {
padding: 0 20%; } }
@media screen and (max-width: 960px) {
.grid__item.full-width .artifact-slider.w-content .carousel-cell {
padding: 0 10%; } }
@media screen and (max-width: 480px) {
.grid__item.full-width .artifact-slider.w-content .carousel-cell {
padding: 0 5%; } }
.artifact-slider.w-content .carousel-cell:after {
display: none; }
.artifact-slider.w-content .carousel-cell.is-selected {
opacity: 1; }
@media screen and (max-width: 480px) {
.artifact-slider.w-content {
padding-bottom: 0; }
.artifact-slider.w-content .flickity-page-dots {
display: none; } }
.artifact-slider img {
margin: auto; }
.artifact-slider .flickity-page-dots {
bottom: 0; }
.artifact-slider .flickity-page-dots .dot {
width: 15px;
height: 15px;
margin: 0 7px;
border-radius: 100%;
opacity: .2;
transition: opacity 150ms linear;
background: transparent;
border: 2px solid;
transform: translate3d(0, 0, 0); }
.artifact-slider .flickity-page-dots .dot:hover {
opacity: .5; }
.artifact-slider .flickity-page-dots .dot.is-selected {
opacity: 1;
pointer-events: none; }
.instagram-pics {
width: calc(100% + 4px);
left: -2px;
position: relative; }
.instagram-pics li {
width: 33.33%;
float: left;
margin: 0 !important;
padding: 2px; }
.instagram-pics li a {
padding: 0 !important;
margin: 0;
opacity: .1; }
.instagram-pics li a:before {
display: none !important; }
.instagram-pics li a:hover {
opacity: 1; }
.mejs-container {
width: 100%;
overflow: hidden !important;
outline: none; }
.mejs-container * {
outline: none; }
.mejs-container a:after {
display: none !important; }
.mejs-container .mejs-controls {
background: transparent !important;
width: 100%;
top: auto !important; }
.mejs-container .mejs-controls div {
width: 30px;
height: 30px; }
.mejs-time.mejs-duration-container {
padding-right: 5 !important; }
.mejs-controls .mejs-button button, .no-svg .mejs-controls .mejs-button button {
background-image: url(images/video-controls.png) !important;
background-size: 236px 60px !important;
width: 30px !important;
height: 30px !important;
margin: 0 !important;
opacity: .8 !important;
transition: opacity 150ms linear !important; }
.mejs-controls .mejs-button button:hover {
opacity: 1 !important; }
.mejs-controls .mejs-button button:focus {
outline: none !important; }
.mejs-controls .mejs-play button {
background-position: -62px -15px !important; }
.mejs-controls .mejs-pause button {
background-position: -91px -15px !important; }
.mejs-controls .mejs-mute button {
background-position: -123px -15px !important; }
.mejs-controls .mejs-unmute button {
background-position: -155px -15px !important; }
.mejs-controls .mejs-fullscreen-button button {
background-position: -185px -15px !important; }
.mejs-controls .mejs-fullscreen-button.mejs-unfullscreen button {
background-position: -215px -15px !important;
width: 21px !important; }
.mejs-container .mejs-controls .mejs-time {
height: 30px;
padding: 9px 20px 9px 20px !important; }
.mejs-container .mejs-controls .mejs-time span {
font: bold 11px Arial, sans-serif;
color: #fff !important; }
.mejs-container .mejs-controls .mejs-time.mejs-currenttime-container {
margin-right: -55px; }
.mejs-controls div.mejs-time-rail {
padding-top: 8px;
margin: 0 50px 0 50px; }
.mejs-controls .mejs-time-rail span {
height: 4px; }
.mejs-controls .mejs-time-rail .mejs-time-total {
background: #000 !important;
box-shadow: none !important; }
.mejs-controls .mejs-time-rail .mejs-time-buffering {
background: #000 !important; }
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #282828 !important; }
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #b99d61 !important; }
.mejs-controls .mejs-time-rail .mejs-time-handle, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
display: none; }
.mejs-controls .mejs-time-rail .mejs-time-float {
display: none !important; }
.mejs-container .mejs-controls div.mejs-time.mejs-duration-container {
margin-left: -55px; }
.mejs-button.mejs-volume-button.mejs-mute, .mejs-button.mejs-volume-button.mejs-unmute {
padding-right: 1px;
margin-right: 15px; }
.mejs-video.mejs-container .mejs-button.mejs-volume-button.mejs-mute, .mejs-video .mejs-button.mejs-volume-button.mejs-unmute {
margin-right: 1px; }
.mejs-container .mejs-controls div.mejs-horizontal-volume-slider {
margin-right: 35px; }
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
height: 4px;
box-shadow: none;
background: #282828 !important;
margin-top: 2px;
cursor: pointer; }
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #b99d61 !important; }
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
top: 9px; }
.mejs-controls .mejs-volume-button .mejs-volume-slider {
width: 30px;
left: 3px;
background: none;
height: 60px;
top: -60px; }
.mejs-controls .mejs-volume-button .mejs-volume-slider:after {
display: none !important; }
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
margin-left: 2px;
margin-top: 3px;
width: 3px;
cursor: pointer; }
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
background: #282828;
width: 7px;
margin-left: 10px;
margin-top: 15px;
height: 60px !important;
padding: 1px !important;
border-radius: 3px !important;
bottom: 0 !important;
top: auto !important; }
.mejs-volume-current {
bottom: 2px !important;
border-radius: 3px !important;
max-height: calc(100% - 4px) !important; }
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
background: #b99d61; }
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
width: 12px;
height: 7px;
border-radius: 0 !important;
border: none;
left: 7px;
background-image: url(images/video-controls.png) !important;
background-size: 236px 60px !important;
display: none; }
.mejs-overlay-button, .no-svg .mejs-overlay-button {
background-image: url(images/video-controls.png) !important;
background-size: 236px 60px !important;
background-color: transparent;
width: 60px !important;
height: 60px !important;
border-radius: 0 !important;
margin: -30px 0 0 -30px !important;
background-position: 0 0 !important; }
.mejs-overlay:hover .mejs-overlay-button {
background-color: transparent !important;
background-position: 0 0 !important; }
.mejs-overlay-loading {
background: #181818;
background: rgba(24, 24, 24, 0.9);
height: 60px;
margin: -30px 0 0 -30px;
width: 60px;
display: none; }
.mejs-overlay-loading span {
/*background-image:url(images/loading-goodwork.gif);
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
background-image: url(images/loading-goodwork_x2.png);
background-size: 32px 32px;
*/
background: none !important;
height: 60px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
opacity: 0.9;
width: 60px; }
.mejs-horizontal-volume-slider.mejs-mute {
width: 1px !important;
margin-right: 1px !important; }
.mejs-audio .mejs-button.mejs-volume-button {
border-right-color: transparent !important; }
.mejs-audio .mejs-button.mejs-volume-button button {
left: 8px; }
.mejs-audio .mejs-controls {
height: 35px; }
.mejs-audio .mejs-horizontal-volume-slider {
top: -3px; }
.mejs-audio .mejs-horizontal-volume-slider div {
margin-top: 0 !important; }
/* ------------------------
----- Playlist -----
------------------------------*/
.wp-playlist {
overflow: hidden; }
.wp-playlist-tracks {
background: #242424;
border-top: 1px solid #000;
margin-top: 0;
padding: 1px 0;
width: 100.1%; }
.wp-playlist-item {
border-bottom: 1px solid #000;
padding: 5px 15px;
position: relative; }
.wp-playlist-caption {
color: #ccc;
display: block;
font-size: 11px;
font-weight: 700;
text-transform: uppercase; }
.wp-playlist-tracks .wp-playlist-caption:hover {
color: #fff; }
.wp-playlist-item-length {
color: #8b8b8b;
font-size: 11px;
font-weight: 700;
position: absolute;
right: 10px;
top: 5px; }
/* Other */
.wp-video, .wp-playlist {
width: 100% !important;
max-width: none !important;
margin: 50px 0;
height: auto !important; }
.wp-audio-shortcode {
margin: 50px 0; }
/* ------------------------
----- Tabs -----
------------------------------*/
.artifact-tabs {
width: 100%; }
.artifact-tabs .tabs-titles {
margin: 0;
border-bottom: 1px solid transparent;
*zoom: 1; }
.artifact-tabs .tabs-titles:after {
content: '';
display: table;
clear: both; }
.artifact-tabs .tab-title {
margin: 0 20px -2px 0;
font-size: 0.5652173913rem;
font-weight: 600;
text-transform: uppercase;
float: left;
border-bottom: 3px solid transparent;
transition: all 180ms linear;
cursor: pointer;
padding-bottom: 2px; }
.artifact-tabs .tab-title:last-child {
margin-right: 0; }
.artifact-tabs .tab-title:hover {
opacity: .8; }
.artifact-tabs .tab-title.active {
pointer-events: none; }
.artifact-tabs .tabs-contents {
margin-top: 25px; }
.artifact-tabs .tab-content {
display: none; }
.artifact-tabs .tab-content:first-child {
display: block; }
/* ------------------------
----- Toggles -----
------------------------------*/
.artifact-toggle .content {
display: none;
padding: 50px 40px;
margin: 20px 0 25px 15px;
width: calc(100% - 30px);
font-size: 0.652173913rem; }
.artifact-toggle h5 {
cursor: pointer;
text-align: center;
border: 2px solid;
font-size: 0.9130434783rem;
padding: 16px 0 15px;
border-radius: 10px;
transition: all 200ms linear;
margin-bottom: 5px;
position: relative; }
.artifact-toggle h5:hover {
border-color: transparent; }
.artifact-toggle h5:before {
content: "+";
position: absolute;
left: 30px;
font-size: 2.0869565217rem;
font-weight: 300;
top: 0;
height: 100%;
line-height: 1;
padding-top: 7px; }
.artifact-toggle.active h5:before {
content: "-";
padding-top: 5px;
left: 32px; }
.artifact-pwd {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
z-index: 999999;
display: flex;
justify-content: center;
align-items: center; }
.artifact-pwd form {
width: 75%;
height: 50%;
max-height: 400px;
max-width: 900px;
background: #fff;
color: #000;
position: relative;
border-radius: 15px; }
.artifact-pwd form > div {
padding: 100px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
height: 100%; }
.artifact-pwd form .head {
width: 100%;
margin-top: -20px; }
.artifact-pwd form .view-heading {
font-size: 0.755vw;
letter-spacing: 0.0795em;
font-weight: bold;
text-transform: uppercase;
display: block; }
@media screen and (min-width: 2561px) {
.artifact-pwd form .view-heading {
font-size: 21px; } }
@media screen and (max-width: 1680px) {
.artifact-pwd form .view-heading {
font-size: 1.1333vw; } }
@media screen and (max-width: 1180px) {
.artifact-pwd form .view-heading {
font-size: 1.3675vw; } }
@media screen and (max-width: 960px) {
.artifact-pwd form .view-heading {
font-size: 2.195397vw; } }
@media screen and (max-width: 480px) {
.artifact-pwd form .view-heading {
font-size: 2.91315vw; } }
.artifact-pwd form .view-subheading {
font-size: 0.7391304348rem;
font-weight: 500;
display: block;
color: #868686;
margin-bottom: 20px; }
.artifact-pwd form .foot {
min-width: 460px;
width: 50%;
position: relative;
align-self: flex-end;
transition: all 200ms linear; }
.artifact-pwd form.loading .foot {
opacity: .05;
pointer-events: none; }
.artifact-pwd form input[type="password"] {
color: #000;
border: none;
border-bottom: 3px solid #000;
padding-bottom: 5px;
font-size: 1.2173913043rem;
font-weight: 500;
width: 100%;
background: #fff !important; }
.artifact-pwd form input[type="password"]:-ms-input-placeholder {
color: #000 !important;
opacity: 1 !important; }
.artifact-pwd form input[type="password"]::-ms-input-placeholder {
color: #000 !important;
opacity: 1 !important; }
.artifact-pwd form input[type="password"]::-moz-input-placeholder {
color: #000 !important;
opacity: 1 !important; }
.artifact-pwd form input[type="password"]::-webkit-input-placeholder {
color: #000 !important;
opacity: 1 !important; }
.artifact-pwd form input[type="password"]::placeholder {
color: #000 !important;
opacity: 1 !important; }
.artifact-pwd form input[type="submit"] {
display: block;
color: #000;
position: absolute;
right: -10px;
font-size: 1.0869565217rem;
margin-top: 2px;
transition: all 150ms linear; }
.artifact-pwd form input[type="submit"]:hover {
margin-right: -10px; }
.artifact-pwd form .view-info {
font-size: 0.7391304348rem;
font-weight: 500;
margin-top: 25px;
display: inline-block; }
.artifact-pwd .bg {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
pointer-events: none; }
.artifact-pwd .back {
position: absolute;
right: 35px;
bottom: 25px;
margin: 0; }
.artifact-pwd .back a {
color: #000;
opacity: .5;
font-size: 0.652173913rem;
font-weight: 500;
border-bottom: 1px solid; }
.artifact-pwd .back a:hover {
opacity: 1; }
body.pwd {
overflow: hidden; }
body.pwd .entry-content, body.pwd #site-footer {
display: none; }
body.pwd .hero-header .video {
display: none; }
span.button {
display: inline-block;
margin: 10px 0;
padding: 0 20px;
border: none;
position: static;
height: 45px;
line-height: 45px;
transition: all 150ms linear;
border-radius: 5px;
border: 2px solid; }
span.button a {
font-weight: 500 !important;
padding: 0;
background: transparent !important; }
span.button a:after {
display: none !important; }
span.button:after {
content: " ⟶";
margin-left: 7px; }
a.remove-line:after {
display: none !important; }
.inner-row-cols-2 {
column-count: 2;
column-gap: 1.3043478261rem;
display: block; }
.inner-row-cols-3 {
column-count: 3;
column-gap: 1.3043478261rem;
display: block; }
.inner-row-cols-4 {
column-count: 4;
column-gap: 1.3043478261rem;
display: block; }
.circle {
border-radius: 100%; }
.circle + .wp-caption-text {
text-align: center; }
.circle:after {
display: none !important; }
#map-holder {
position: fixed;
width: 62.5%;
height: 100%;
top: 0;
left: 0;
z-index: 9999;
transform: translate3d(-100%, 0, 0);
transition: all 400ms cubic-bezier(0.39, 0.58, 0.57, 1); }
#map-holder.opened {
transform: translate3d(0, 0, 0); }
#map-contact {
width: 100%;
height: 100%; }
#site:after {
display: block;
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
z-index: 999;
opacity: 0;
visibility: hidden;
transition: all 200ms linear; }
#site.opened-map:after {
opacity: .9;
visibility: visible; }
#map-toggle {
background: #222;
position: absolute;
top: 40px;
right: 40px;
border: none;
width: 40px;
height: 40px;
transition: all 120ms linear;
border-radius: 3px; }
#map-toggle:hover {
transform: scale(1.1); }
#map-toggle svg {
margin-top: 7px;
transform: scale(0.9) rotate(45deg); }
#map-toggle svg * {
stroke: #fff; }
/* -----
13. Hero header
-----
*/
.hero-header {
position: fixed;
width: 100%;
height: 100%;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
z-index: 88; }
.hero-header .media {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
z-index: 88;
position: absolute;
opacity: 0;
transform: translateZ(0) scale(1.015);
transition: opacity 555ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms, transform 555ms cubic-bezier(0.39, 0.575, 0.565, 1) 200ms; }
.hero-header .media.active {
opacity: 1;
transform: translateZ(0) scale(1); }
.hero-header .media.unmount-transition {
transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1);
transform: translateZ(0) scale(1); }
.hero-header video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 9;
margin: 0;
max-width: none;
vertical-align: middle;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.hero-header .overlay {
width: 100%;
height: 100%;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
z-index: 88;
position: fixed;
opacity: 0;
transition: opacity 200ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
pointer-events: none; }
.kill-overlay .hero-header .overlay {
display: none; }
.hero-header.active .overlay {
pointer-events: all; }
.hero-header + .entry-content {
top: 50%; }
.hero-header .carousel, .hero-header .carousel-cell {
width: 100%;
height: 100%; }
.hero-header .cta {
display: none; }
.hero-helper-arrow ~ .flickity-page-dots:nth-child(2n) {
display: none; }
.hero-carousel-paging {
position: fixed;
display: flex;
align-items: flex-end;
flex-direction: row;
width: auto;
bottom: 7%;
width: auto;
height: 18px;
z-index: 9999;
counter-reset: hero-carousel-paging;
list-style: none;
transform: translate3d(0, 15px, 0);
opacity: 0;
visibility: hidden;
transform-origin: 0 0;
transform: matrix(0.99939, 0, 0, 1.055, 0, 10);
transition-delay: 50ms;
transition: transform 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
.hero-carousel-paging.active {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0); }
.hero-carousel-paging li.dot {
width: 30px;
height: 7px;
margin: 0 0 10px 0;
background: transparent;
border: 1px solid #000;
transition: all 150ms linear;
text-align: center;
border-radius: 0;
opacity: 0.5; }
.hero-carousel-paging li.dot.is-selected {
width: 50px; }
body.show-hero-arrow {
cursor: none; }
#hero-arrow {
display: none;
position: fixed;
z-index: 9999; }
#hero-arrow .show-hero-arrow {
display: block; }
#hero-arrow .arrow {
display: block; }
#hero-arrow.bottom .arrow {
transform: rotate(90deg); }
#hero-arrow.left .arrow {
transform: rotate(180deg); }
.hero-carousel-nav-anim {
display: none !important;
position: absolute;
top: 50%;
height: 45px;
width: 90px;
z-index: 9999;
cursor: pointer;
margin-top: -25px;
opacity: 0;
visibility: hidden;
transition: padding 100ms linear, opacity 200ms linear, visibility 200ms linear; }
.hero-carousel-nav-anim.init {
opacity: 1;
visibility: visible; }
.no-touchevents .hero-carousel-nav-anim:hover {
padding-left: 10px; }
.hero-carousel-prev {
transform: rotate(180deg);
left: calc((100vw - 1440px) / 2); }
@media screen and (max-width: 1640px) {
.hero-carousel-prev {
left: 100px; } }
.hero-carousel-next {
right: calc((100vw - 1440px) / 2); }
@media screen and (max-width: 1640px) {
.hero-carousel-next {
right: 100px; } }
.hero-helper-arrow {
position: fixed;
bottom: 20px;
left: 50%;
opacity: 0;
visibility: hidden;
width: 35px;
height: 50px;
z-index: 999;
transform: translateX(-50%);
transition: all 300ms linear;
cursor: pointer; }
.hero-helper-arrow::before {
content: ' ';
position: absolute;
top: 0px;
left: 50%;
margin-left: -1px;
width: 1px;
height: 35px;
background: #000;
-webkit-animation: elasticus 2.555s cubic-bezier(1, 0, 0, 1) infinite;
-moz-animation: elasticus 2.555s cubic-bezier(1, 0, 0, 1) infinite;
-o-animation: elasticus 2.555s cubic-bezier(1, 0, 0, 1) infinite;
animation: elasticus 2.555s cubic-bezier(1, 0, 0, 1) infinite; }
@-webkit-keyframes elasticus {
0% {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0); }
50% {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1); }
50.1% {
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1); }
100% {
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0); } }
@-moz-keyframes elasticus {
0% {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0); }
50% {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1); }
50.1% {
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1); }
100% {
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0); } }
@-o-keyframes elasticus {
0% {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0); }
50% {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1); }
50.1% {
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1); }
100% {
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0); } }
@keyframes elasticus {
0% {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0); }
50% {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1); }
50.1% {
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1); }
100% {
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0); } }
.hero-helper-arrow.init {
opacity: 1;
visibility: visible; }
.single-product .hero-helper-arrow {
display: none; }
.entry-hero-tagline {
z-index: 90;
position: relative;
width: 100%;
display: flex;
line-height: 1.4;
height: 100vh; }
body.admin-bar .entry-hero-tagline {
margin-top: -32px;
height: calc(100vh - 32px); }
@media all and (max-width: 782px) {
body.admin-bar .entry-hero-tagline {
margin-top: -46px;
height: calc(100vh - 46px); } }
.entry-hero-tagline.hero-vertical-text-top {
align-items: flex-start; }
.entry-hero-tagline.hero-vertical-text-middle, .entry-hero-tagline.hero-vertical-text-1 {
align-items: center; }
.entry-hero-tagline.hero-vertical-text-bottom {
align-items: flex-end;
padding-bottom: 7.5vh; }
@media all and (max-width: 480px) {
.entry-hero-tagline.hero-vertical-text-bottom {
padding-bottom: 6.195vh; } }
.entry-hero-tagline.hero-horizontal-text-left {
justify-content: flex-start; }
.entry-hero-tagline.hero-horizontal-text-center {
justify-content: center; }
.entry-hero-tagline.hero-horizontal-text-right {
justify-content: flex-end; }
.entry-hero-tagline > div {
width: 100%; }
.entry-hero-tagline.hero-vertical-text- {
top: 0 !important; }
.entry-hero-tagline.hero-vertical-text- > div {
align-self: flex-end; }
.entry-hero-tagline.hero-vertical-text-1 h1 {
padding-bottom: 0 !important; }
.entry-hero-tagline *:last-child {
margin-bottom: 0; }
@media all and (max-height: 600px) and (orientation: landscape) {
.entry-hero-tagline {
padding-top: 150px; }
.entry-hero-tagline > div {
max-width: none !important; } }
@media all and (max-height: 400px) and (orientation: landscape) {
.entry-hero-tagline {
padding-top: 200px; } }
.entry-hero-tagline + .grid {
z-index: 99; }
/* Tagline Defaults that overwrites with the user settings if set them */
.entry-hero-tagline > div {
width: 47vw; }
@media screen and (max-width: 1680px) {
.entry-hero-tagline > div {
width: 57vw; } }
@media screen and (max-width: 1024px) {
.entry-hero-tagline > div {
width: 80vw; } }
.hero-slider-captions {
position: fixed;
bottom: calc(7% + 4.347826087rem);
z-index: 99;
width: 50%;
max-width: 700px;
min-width: 260px;
transform: translate3d(0, 15px, 0);
opacity: 0;
visibility: hidden;
transform-origin: 0 0;
transform: matrix(0.99939, 0, 0, 1.055, 0, 10);
transition-delay: 50ms;
transition: transform 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
@media screen and (max-width: 960px) {
.hero-slider-captions {
width: 65%; } }
@media screen and (max-width: 340px) {
.hero-slider-captions {
min-width: 240px; } }
.hero-slider-captions .caption {
font-size: 77px;
font-weight: 300;
line-height: 1.1;
margin-bottom: 20px;
position: relative; }
@media screen and (min-width: 2561px) {
.hero-slider-captions .caption {
font-size: 77px; } }
@media screen and (max-width: 1680px) {
.hero-slider-captions .caption {
font-size: 67px; } }
@media screen and (max-width: 1180px) {
.hero-slider-captions .caption {
font-size: 57px; } }
@media screen and (max-width: 960px) {
.hero-slider-captions .caption {
font-size: 47px; } }
@media screen and (max-width: 480px) {
.hero-slider-captions .caption {
font-size: 37px; } }
.hero-slider-captions .caption .title {
display: inline-block; }
.hero-slider-captions .caption a.title {
padding-right: 4.347826087rem; }
.hero-slider-captions .caption .title:after {
font-size: 15px;
width: 42px;
height: 42px;
border: 1px solid;
border-radius: 100%;
text-align: center;
line-height: 40px;
margin-left: 1.5217391304rem;
margin-top: 1.0869565217rem;
content: "⟶";
transition: all 200ms linear;
display: inline-block;
position: absolute; }
.hero-slider-captions .caption .title:after + span {
padding-right: 42px; }
@media screen and (min-width: 2560px) {
.hero-slider-captions .caption .title:after {
width: 44px;
height: 44px;
line-height: 40px; } }
@media screen and (max-width: 1680px) {
.hero-slider-captions .caption .title:after {
width: 40px;
height: 40px;
line-height: 38px; } }
@media screen and (max-width: 1180px) {
.hero-slider-captions .caption .title:after {
width: 38px;
height: 38px;
line-height: 36px;
font-size: 14px; } }
@media screen and (max-width: 960px) {
.hero-slider-captions .caption .title:after {
width: 34px;
height: 34px;
line-height: 32px;
font-size: 13px;
margin-top: 0.8695652174rem; } }
@media screen and (max-width: 960px) {
.hero-slider-captions .caption .title:after {
width: 28px;
height: 28px;
line-height: 26px;
font-size: 12px;
margin-top: 0.7826086957rem; } }
.hero-slider-captions .caption .title:hover:after {
border-color: transparent; }
.hero-slider-captions .description {
font-size: 23px;
line-height: 1.5; }
@media screen and (min-width: 2561px) {
.hero-slider-captions .description {
font-size: 23px; } }
@media screen and (max-width: 1680px) {
.hero-slider-captions .description {
font-size: 22px; } }
@media screen and (max-width: 1180px) {
.hero-slider-captions .description {
font-size: 21px; } }
@media screen and (max-width: 960px) {
.hero-slider-captions .description {
font-size: 20px; } }
@media screen and (max-width: 480px) {
.hero-slider-captions .description {
font-size: 19px; } }
.hero-slider-captions.active {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0); }
.hero-slider-captions .cta {
transform: translate3d(0, 15px, 0);
opacity: 0;
visibility: hidden;
transform-origin: 0 0;
transform: matrix(0.99939, 0, 0, 1.055, 0, 10);
transition-delay: 50ms;
transition: transform 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
.hero-slider-captions .cta.active {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0); }
/* -----
14. Content rules
-----
*/
body {
background: #000;
transition: background 250ms linear, width 250ms linear, margin 250ms linear !important;
width: 100%;
overflow-y: scroll; }
body.kill-overflow {
position: fixed;
height: 100%;
overflow: hidden; }
body.kill-overflow.admin-bar {
padding-top: 32px; }
body.rtl {
direction: rtl;
unicode-bidi: embed; }
#site {
overflow: hidden;
display: flex;
min-height: 100vh;
flex-direction: column;
transition: all 435ms cubic-bezier(0.72, 0.17, 0.29, 0.87);
position: relative;
left: 0;
top: 0; }
.rtl #site {
right: 0;
left: auto; }
#site.animate {
transition: left 400ms cubic-bezier(0.23, 1, 0.32, 1), top 470ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 470ms cubic-bezier(0.39, 0.575, 0.565, 1); }
#site.out {
opacity: 0;
top: -50px; }
.header-content-wrapper {
min-height: 100%;
margin: 0 auto; }
.wrapper {
margin: auto;
position: relative;
width: 90%;
max-width: 2560px; }
@media screen and (max-width: 960px) {
.wrapper {
width: 80%; } }
@media screen and (min-width: 1025px) {
.inverted-caption-enabled .wrapper {
width: 85%; } }
#content {
padding-bottom: 300px;
flex: 1;
/*.single-post.no-footer-1 &, .single-portfolio.no-footer-1 & {
@include at-query($max, $lap) {
padding-bottom: 250px;
}
@include at-query($max, $palm) {
padding-bottom: 200px;
}
}*/ }
@media screen and (max-width: 1680px) {
#content {
padding-bottom: 250px; } }
@media screen and (max-width: 1280px) {
#content {
padding-bottom: 200px; } }
@media screen and (max-width: 960px) {
#content {
padding-bottom: 150px; } }
@media screen and (max-width: 480px) {
#content {
padding-bottom: 100px; } }
#primary {
transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
z-index: 999; }
#primary.close {
opacity: 0;
transform: translate3d(0, -20px, 0); }
#primary.close .summary.stick {
right: 0 !important; }
.entry-content {
position: relative;
z-index: 98;
*zoom: 1; }
.entry-content:after {
content: '';
display: table;
clear: both; }
.entry-content .grid:not(:last-of-type) {
margin-bottom: -50px; }
.grid__item.center {
margin-left: auto;
margin-right: auto;
display: block;
padding-left: 0; }
.grid__item.margin {
margin-bottom: 0; }
.grid__item.border-left:before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 100%;
background: #000;
margin-top: 170px;
margin: 0px -3.915vw;
opacity: 0.079; }
.grid__item.border-right:before {
content: "";
display: block;
position: absolute;
right: 0;
width: 1px;
height: 100%;
background: #000;
margin-top: 170px;
margin: 0px -3.915vw;
opacity: 0.079; }
.grid__item.border-col:before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 100%;
background: #000;
margin: 0 auto;
left: 1%;
right: 1%;
opacity: 0.079; }
.entry-content > *:not(.grid), .entry-content > .grid > .grid__item, .entry-content > p > img, .entry-content > p > iframe, .entry-footer, .entry-archive, .single-product .summary > *, .single-product .images-view, .single-product .thumbnails img, .single-product .content-holder .grid__item, .shop_table tr, .cart-collaterals, .page-template-template-portfolio .entry-hero-tagline, .page-template-template-portfolio .post-navigation {
transform: translate3d(0, 30px, 0);
opacity: 0;
visibility: hidden;
transform-origin: 0 0;
transform: matrix(0.99939, 0, 0, 1.055, 0, 10);
transition-delay: 50ms;
transition: transform 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
.entry-content > *:not(.grid).active, .entry-content > .grid > .grid__item.active, .entry-content > p > img.active, .entry-content > p > iframe.active, .entry-footer.active, .entry-archive.active, .single-product .summary > *.active, .single-product .images-view.active, .single-product .thumbnails img.active, .single-product .content-holder .grid__item.active, .shop_table tr.active, .cart-collaterals.active, .page-template-template-portfolio .entry-hero-tagline.active, .page-template-template-portfolio .post-navigation.active {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0); }
.shop_table tr.no-transition, .cart-collaterals.no-transition {
transition: none !important; }
#preloader {
position: fixed;
top: 0;
left: 0;
opacity: 1;
visibility: visible;
width: 100%;
height: 5px;
z-index: 999;
transition: all 300ms linear;
pointer-events: none; }
#preloader::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background-color: #000;
-webkit-animation: elastica 2.555s cubic-bezier(1, 0, 0, 1) infinite;
-moz-animation: elastica 2.555s cubic-bezier(1, 0, 0, 1) infinite;
-o-animation: elastica 2.555s cubic-bezier(1, 0, 0, 1) infinite;
animation: elastica 2.555s cubic-bezier(1, 0, 0, 1) infinite; }
@-webkit-keyframes elastica {
0% {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1); }
50% {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1); }
50.1% {
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1); }
100% {
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1); } }
@-moz-keyframes elastica {
0% {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1); }
50% {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1); }
50.1% {
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1); }
100% {
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1); } }
@-o-keyframes elastica {
0% {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1); }
50% {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1); }
50.1% {
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1); }
100% {
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1); } }
@keyframes elastica {
0% {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1); }
50% {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1); }
50.1% {
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1); }
100% {
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1); } }
#preloader.all-aboard {
opacity: 0;
visibility: hidden; }
/* other - parallax and padding !! */
.parallax-bg:before,
.parallax-bg {
position: relative;
background-attachment: fixed;
background-position: center 0;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
transform: none;
transition: none; }
.top-large-padding {
padding-top: 250px; }
.bottom-large-padding {
padding-bottom: 250px; }
.top-medium-padding {
padding-top: 100px; }
.bottom-medium-padding {
padding-bottom: 100px; }
.top-small-padding {
padding-top: 50px; }
.top-small-padding.important {
padding-top: 50px !important; }
.bottom-small-padding {
padding-bottom: 50px; }
.bottom-small-padding.important {
padding-bottom: 50px !important; }
.kcm .grid__item.no-right-margin {
padding-right: 0; }
.kcm .grid__item.no-bottom-margin {
margin-bottom: 0; }
.full-width {
position: relative;
width: 100vw !important;
height: 100%;
padding-left: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.full-width:before {
position: relative;
content: "";
display: block;
width: inherit;
height: 0;
left: inherit; }
.full-width img, .full-width a {
max-width: none;
width: 100%; }
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%; }
.fancybox-skin {
padding: 50px !important;
box-shadow: none !important; }
@media all and (max-width: 640px) {
.fancybox-skin {
padding: 0 !important; } }
.fancybox-close {
right: 25px;
top: 50px; }
@media all and (max-width: 640px) {
.fancybox-close {
right: 0;
top: 25px; } }
.popping-img {
z-index: 100; }
.popping-img:hover {
z-index: 1000; }
.popping-img-center img {
pointer-events: none;
position: absolute;
opacity: 0;
transform: matrix(0.99939, 0.02489, 0, 1.055, 0, 27);
transition: transform 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
.popping-img-left {
text-align: left;
width: fit-content;
left: 0;
margin-right: auto; }
.popping-img-left img {
pointer-events: none;
position: absolute;
opacity: 0;
transform: matrix(0.99939, 0.02489, 0, 1.055, 0, 27) translate(50%, -50%);
transition: transform 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
.popping-img-right {
text-align: right;
width: fit-content;
right: 0;
margin-left: auto; }
.popping-img-right img {
pointer-events: none;
position: absolute;
opacity: 0;
transform: matrix(0.99939, 0.02489, 0, 1.055, 0, 27) translate(-50%, -50%);
transition: transform 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
.popping-img-center:hover img {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0); }
.popping-img-left:hover img {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0) translate(50%, -50%); }
.popping-img-right:hover img {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0) translate(-50%, -50%); }
.rounded-img {
border-radius: 50%; }
/*Removing footer feature*/
.single-portfolio.no-footer-1 #site-footer,
.single-post.no-footer-1 #site-footer {
height: 100px; }
.single-portfolio.no-footer-1 #site-footer .widget,
.single-post.no-footer-1 #site-footer .widget {
visibility: hidden;
display: none; }
.single-portfolio.no-footer-1 #site-footer .footer-content-holder,
.single-post.no-footer-1 #site-footer .footer-content-holder {
width: 100%;
order: 2; }
.single-portfolio.no-footer-1 #site-footer #site-footer,
.single-post.no-footer-1 #site-footer #site-footer {
display: flex;
flex-direction: column; }
.single-portfolio.no-footer-1 #site-footer #site-actions-up,
.single-post.no-footer-1 #site-footer #site-actions-up {
position: relative;
order: 1;
margin: 0;
align-self: center;
margin: 0 auto 7.8260869565rem;
bottom: auto !important;
display: flex;
width: fit-content;
left: -5px; }
.single-portfolio.no-footer-1 #site-footer #site-actions-up .text,
.single-post.no-footer-1 #site-footer #site-actions-up .text {
display: none; }
.edit-link {
max-height: 20px; }
.edit-link:after {
display: none; }
.flickity-prev-next-button {
width: 35px;
height: 35px;
transform: none;
top: auto;
bottom: 24px; }
.flickity-prev-next-button svg {
width: 100% !important;
height: 100% !important;
left: 0;
text-align: center; }
.flickity-prev-next-button svg path {
stroke: none !important;
position: relative;
transform: scale(3.2); }
.flickity-prev-next-button.previous {
left: 50%;
right: auto;
margin-left: -40px; }
.flickity-prev-next-button.previous svg {
left: 25px;
top: 23px;
transform-origin: top left;
transform: rotate(180deg); }
.flickity-prev-next-button.next {
left: 50%;
right: auto;
margin-left: 5px; }
.flickity-prev-next-button.next svg {
left: auto;
right: -10px;
top: 12px; }
body.gap-0 #content, body.gap- #content {
padding-top: 0 !important; }
.page-links {
clear: both;
font-size: 1.9565217391rem;
justify-content: space-between;
width: 100%;
text-align: center;
margin: 45px auto -50px;
font-weight: 700; }
.page-links a, .page-links span {
font-weight: 400; }
.artifact-slider .carousel-cell {
font-size: 1.33vw;
line-height: 1.375; }
@media screen and (min-width: 2561px) {
.artifact-slider .carousel-cell {
font-size: 33px; } }
@media screen and (max-width: 1680px) {
.artifact-slider .carousel-cell {
font-size: 1.733vw; } }
@media screen and (max-width: 1180px) {
.artifact-slider .carousel-cell {
font-size: 2.1675vw; } }
@media screen and (max-width: 960px) {
.artifact-slider .carousel-cell {
font-size: 3.39397vw; } }
@media screen and (max-width: 480px) {
.artifact-slider .carousel-cell {
font-size: 5.3915vw; } }
.artifact-slider:not(.flickity-enabled) .carousel-cell {
opacity: .001; }
.grid.kcm > .grid__item:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important; }
.archive .category-description {
display: inline-block;
font-size: 19px;
font-weight: normal;
line-height: 1.5em;
max-width: 50%;
margin-top: 48px; }
/* -----
15. Header
-----
*/
#site-header {
pointer-events: none;
padding: 90px 0;
z-index: 9998;
position: relative;
transition: background 150ms linear, padding 200ms linear; }
@media screen and (max-width: 960px) {
#site-header {
padding: 75px 0; } }
@media screen and (max-width: 480px) {
#site-header {
padding: 50px 0 40px; } }
@media all and (max-height: 600px) and (orientation: landscape) {
#site-header {
padding: 40px 0 30px; } }
@media all and (max-height: 400px) and (orientation: landscape) {
#site-header {
padding: 30px 0 25px; } }
#site-header h1, #site-header h2 {
margin: 0; }
#site-header.sticky {
position: fixed;
top: 0;
margin-top: 0;
width: 100%; }
body.admin-bar #site-header.sticky {
top: 32px; }
@media all and (max-width: 782px) {
body.admin-bar #site-header.sticky {
top: 46px; } }
#site-header.sticky.add-bg {
padding-top: 30px;
padding-bottom: 30px; }
@media screen and (max-width: 960px) {
#site-header.sticky.add-bg {
padding-top: 20px;
padding-bottom: 20px; } }
#site-header.sticky.animate {
transition: transform 250ms linear, background 150ms linear, padding 200ms linear !important;
transform: translate3d(0, 0, 0) !important; }
#site-header.sticky.hhide {
transform: translate3d(0, -100%, 0) !important; }
#site-header.sticky:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: inherit;
content: "";
display: block;
z-index: 99;
opacity: 0;
visibility: hidden;
transition: all 250ms linear; }
#site-header.sticky.overlay:after {
opacity: 1;
visibility: visible; }
.has-sticky-header-always #site-header, .has-sticky-header-always-enabled #site-header {
transform: none; }
#site-header .site-header-holder {
display: flex;
align-items: center;
justify-content: space-between; }
#site-logo {
pointer-events: all; }
#site-logo h1, #site-logo h2 {
line-height: 1;
font-size: 23px; }
#site-logo.image-logo-enabled h1, #site-logo.image-logo-enabled h2 {
line-height: 0; }
#site-logo.image-logo-enabled img {
vertical-align: middle;
max-width: none;
width: auto;
margin: 0; }
#site-logo.image-logo-disabled span {
font: bold 1.4347826087rem;
color: #fff; }
#site-logo img.mobile-logo {
display: none; }
@media screen and (max-width: 420px) {
#site-logo img.has-mobile-logo {
display: none; }
#site-logo img.mobile-logo {
display: block; } }
@media all and (max-height: 480px) and (orientation: landscape) {
#site-logo img.has-mobile-logo {
display: none; }
#site-logo img.mobile-logo {
display: block; } }
#site-navigation {
pointer-events: all; }
#site-navigation .top-menu {
font-size: 11px;
line-height: 1;
font-weight: bold;
text-transform: uppercase;
position: relative; }
#site-navigation .top-menu ul {
list-style: none; }
.top-menu {
position: relative;
margin: 0;
z-index: 10;
list-style: none;
right: -7px;
font-size: 10px;
line-height: 1;
font-weight: bold;
text-transform: uppercase; }
.rtl .top-menu {
left: -7px;
right: auto; }
.top-menu li {
display: inline-block;
margin-bottom: 0 !important;
padding: 9px 7px;
letter-spacing: 1px;
transition: all 200ms linear;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: all 0.375s cubic-bezier(0.29, 0.09, 0.22, 0.98); }
.top-menu li:not(:first-child) {
margin-left: 45px; }
.rtl .top-menu li:not(:first-child) {
margin-right: 45px;
margin-left: 0; }
.top-menu li a:after {
margin-top: 3px; }
.top-menu li.current-menu-item > a:after, .top-menu li.current-menu-parent > a:after {
width: 100%; }
.top-menu li.swap-search {
opacity: 0;
visibility: hidden; }
.top-menu li.listening {
opacity: 0.25;
-webkit-transform: translate3d(0, -35px, 0);
transform: translate3d(0, -35px, 0);
transition: opacity 0.475s ease 0.139s, transform 0.475s ease 0.139s; }
.top-menu li.hidep {
opacity: 0.025;
pointer-events: none;
transition: opacity 0.375s ease 0.199s, transform 0.555s cubic-bezier(0.29, 0.09, 0.22, 0.98) 0.139s; }
.top-menu li.listen-active {
opacity: 1; }
.top-menu li.listen-active.phovered > a {
opacity: 0.35; }
.top-menu li > a:after {
opacity: 1;
transition: all 0.375s ease;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.top-menu li.listen-active.phovered > a:after {
opacity: 0;
transition: all 0.375s ease 0.139s;
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
.top-menu li.phovered:hover {
opacity: 1;
transition: all 0.3375s cubic-bezier(0.29, 0.09, 0.22, 0.98) 0.215s;
-webkit-transform: translate3d(0, -35px, 0);
transform: translate3d(0, -35px, 0); }
.top-menu li.no-dis {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.top-menu li.phovered .sub-menu {
opacity: 1;
visibility: visible;
transform: matrix(1, 0, 0, 1, 0, 0);
transition: opacity 0.51501s cubic-bezier(0.29, 0.09, 0.22, 0.98) 0.315s, transform 575ms cubic-bezier(0.29, 0.09, 0.22, 0.98) 0.315s;
pointer-events: auto; }
.top-menu li .arrow, .top-menu li .back-to-menu {
display: none; }
.top-menu li .meta, .top-menu li .arrow, .top-menu li .back-to-menu {
display: none; }
.no-touchevents .subtle-fade .top-menu > li:not(:hover), .no-touchevents .subtle-fade > a {
opacity: .2 !important; }
.top-menu .sub-menu {
position: absolute;
padding-top: 25px;
opacity: 0;
visibility: hidden;
top: 18px;
transition: all 120ms linear;
margin: 0 !important;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
transform-origin: left center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transform: matrix(0.99939, 0.0145, 0, 1.111, 0, 3);
transition: opacity 0.1501s cubic-bezier(0.29, 0.09, 0.22, 0.98), transform 175ms cubic-bezier(0.29, 0.09, 0.22, 0.98);
pointer-events: none; }
.top-menu .sub-menu li:not(:first-child) {
margin-left: 18px; }
.top-menu .sub-menu li:first-of-type {
margin-left: 2px; }
.rtl .top-menu .sub-menu li:not(:first-child) {
margin-right: 18px;
margin-left: 0; }
.rtl .top-menu .sub-menu li:first-of-type {
margin-right: -7px;
margin-left: 0; }
.top-menu .sub-menu a {
font-size: 11px; }
.no-touchevents .menu-item-has-children:hover .top-menu .sub-menu {
opacity: 1;
visibility: visible; }
.top-menu .sub-menu li {
padding-top: 0;
margin-top: -5px;
width: intrinsic;
width: max-content;
width: -o-max-content;
width: -webkit-max-content;
width: -moz-max-content; }
.top-menu .sub-menu li:first-of-type {
padding-left: 0; }
.open-search {
opacity: .3; }
.no-touchevents .open-search:hover {
opacity: 1; }
.open-search:after {
display: none !important; }
#site-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.9);
display: flex;
align-items: flex-end;
justify-content: flex-start;
width: 100%;
height: 100%;
transition: all 200ms linear;
z-index: 99999;
cursor: none;
opacity: 0;
visibility: hidden; }
#site-overlay > *:not(#overlay-mouse) {
display: none;
cursor: default; }
#site-overlay > *:not(#overlay-mouse).show-this-one:not(#responsive-menu) {
display: block; }
#site-overlay > *:not(#overlay-mouse).show-this-one#responsive-menu {
display: flex; }
.no-touchevents #site-overlay > *:not(#overlay-mouse):hover ~ #overlay-mouse {
display: none; }
#site-overlay.show-overlay {
opacity: 1;
visibility: visible; }
#site-overlay #searchform {
align-self: center;
margin: auto; }
#site-overlay #searchform #s {
width: 100%;
text-align: center;
background: none;
border: none;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 7.35vmin; }
#site-overlay #searchform #submit_s {
display: none; }
#overlay-mouse {
position: absolute;
pointer-events: none;
transform: rotate(45deg);
z-index: 99999; }
#overlay-mouse a {
margin: 0 !important; }
.touchevents #overlay-mouse {
top: 90px !important;
right: 5% !important;
height: 23px;
width: 23px;
left: auto !important;
transform: translateY(100%) rotate(-45deg); }
@media screen and (max-width: 960px) {
.touchevents #overlay-mouse {
top: 75px !important;
right: 10% !important; } }
@media screen and (max-width: 480px) {
.touchevents #overlay-mouse {
top: 35px !important; } }
@media all and (max-height: 600px) and (orientation: landscape) {
.touchevents #overlay-mouse {
top: 40px !important; } }
@media all and (max-height: 400px) and (orientation: landscape) {
.touchevents #overlay-mouse {
top: 30px !important; } }
.responsive-nav {
width: 28px;
height: 17px;
right: 5px;
font-size: 0; }
.rtl .responsive-nav {
margin: 0;
right: 3px; }
.lines {
display: inline-block;
width: 25px;
height: 1px;
transition: 300ms;
background: #fff;
position: absolute;
top: -9px;
clip-path: inset(0 0 0 0);
transition: all 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98);
-webkit-transform-origin: left center;
transform-origin: left center; }
.lines:nth-child(1) {
top: 0; }
.lines:nth-child(2) {
top: 7px; }
.lines:nth-child(3) {
top: 14px; }
@keyframes tigreton {
50% {
clip-path: inset(0 0 0 100%); }
51% {
clip-path: inset(0 100% 0 0); }
100% {
clip-path: inset(0 0 0 0); } }
.responsive-nav:hover .lines:nth-child(1) {
-webkit-animation: tigreton 0.515s 0.15s cubic-bezier(0.29, 0.09, 0.22, 0.98);
animation: tigreton 0.515s 0.15s cubic-bezier(0.29, 0.09, 0.22, 0.98); }
.responsive-nav:hover .lines:nth-child(2) {
-webkit-animation: tigreton 0.515s 0.25s cubic-bezier(0.29, 0.09, 0.22, 0.98);
animation: tigreton 0.515s 0.25s cubic-bezier(0.29, 0.09, 0.22, 0.98); }
.responsive-nav:hover .lines:nth-child(3) {
-webkit-animation: tigreton 0.515s 0.35s cubic-bezier(0.29, 0.09, 0.22, 0.98);
animation: tigreton 0.515s 0.35s cubic-bezier(0.29, 0.09, 0.22, 0.98); }
.responsive-bag {
height: 30px;
top: -6px;
transition: opacity 200ms linear, visibility 200ms linear, transition 100ms linear, color 100ms linear, background 100ms linear, margin 300ms linear !important; }
.responsive-search .icon {
transform: scale(1.3);
display: inline-block;
position: relative;
top: -3px; }
/*
.responsive-nav.opened .lines {
background: transparent !important;
&:before, &:after {
transform-origin: 50% 50%;
top: 0;
}
&:before {
-ms-transform: rotate(45deg);
transform: rotate3d(0,0,1,45deg);
}
&:after {
-ms-transform: rotate(-45deg);
transform: rotate3d(0,0,1,-45deg);
}
}*/
.open-filters, .responsive-nav, .responsive-bag, .responsive-search {
float: right;
position: relative;
padding: 4px;
margin: 0 -8px 0 25px;
transition: opacity 200ms linear, visibility 200ms linear, color 100ms linear !important;
z-index: 99999;
visibility: visible;
opacity: 1; }
.open-filters.swap-search, .swap-search.responsive-nav, .swap-search.responsive-bag, .swap-search.responsive-search {
opacity: 0 !important;
visibility: hidden; }
.overlay-menu-holder {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
width: 100vw;
height: 100vh;
z-index: 99998;
opacity: 0;
visibility: hidden;
transition: all 150ms linear; }
.overlay-menu-holder.active {
opacity: 1;
visibility: visible; }
.overlay-menu-wrap {
position: absolute;
width: 100%;
height: 100%;
display: flex; }
#responsive-menu .tagline {
position: absolute;
bottom: 5%;
font-size: 0.8260869565rem;
opacity: .22;
text-align: center;
width: 100%; }
@media screen and (max-width: 960px) {
#responsive-menu .tagline {
width: auto;
right: 10%; } }
.overlay-menu {
position: absolute;
list-style: none;
z-index: 99;
bottom: 10%;
right: 10%;
display: flex;
flex-flow: wrap;
justify-content: flex-end;
max-width: 40vw;
*zoom: 1; }
#responsive-menu .overlay-menu {
width: 70%;
right: 0;
bottom: 0;
max-width: none;
margin: auto;
position: relative;
align-items: center;
justify-content: center;
opacity: 1;
transform: translateX(0);
visibility: hidden;
transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1); }
.rtl #responsive-menu .overlay-menu {
flex-flow: wrap-reverse; }
#responsive-menu .overlay-menu > li {
margin: 0 30px; }
#responsive-menu .overlay-menu > li.current-menu-item span.name:after, #responsive-menu .overlay-menu > li.current-menu-parent span.name:after {
width: 100%; }
#responsive-menu .overlay-menu a {
font-size: 2.57vw;
font-weight: 300;
line-height: 1.55em;
position: relative; }
.rtl #responsive-menu .overlay-menu a span {
display: flex;
align-items: baseline; }
#responsive-menu .overlay-menu a .meta {
font-size: 0.67vw;
line-height: 1.55em;
letter-spacing: 0.021vw;
text-transform: uppercase;
font-weight: 400;
padding-right: 1px; }
#responsive-menu .overlay-menu a .arrow svg {
position: absolute;
right: -4px;
opacity: 0;
margin-right: 10px;
top: 18px;
display: block;
cursor: pointer;
transform: translate3d(0, 0, 0);
transition: all 150ms linear; }
.rtl #responsive-menu .overlay-menu a .arrow svg {
transform: translate3d(0, 0, 0) rotate(180deg);
margin-right: calc(100% + 10px); }
#responsive-menu .overlay-menu a .name.has-no-meta ~ .arrow svg {
top: 0;
right: -16px;
right: -8px; }
#responsive-menu .overlay-menu a:hover .arrow svg {
opacity: 1;
right: -12px; }
#responsive-menu .overlay-menu a:hover .name.has-no-meta ~ .arrow svg {
right: -16px; }
@media screen and (max-width: 1024px) {
#responsive-menu .overlay-menu {
width: 90vw; } }
@media screen and (max-width: 960px) {
#responsive-menu .overlay-menu {
align-items: flex-end;
flex-direction: column;
justify-content: flex-end;
width: 90vw;
margin: 0;
padding-bottom: calc(5% + 70px); }
#responsive-menu .overlay-menu > li {
margin: 0 0 1.3043478261rem; }
#responsive-menu .overlay-menu > li:last-child {
margin: 0; }
#responsive-menu .overlay-menu .meta {
display: block;
text-align: right; }
#responsive-menu .overlay-menu a .arrow svg {
top: -13px;
right: -8px; }
#responsive-menu .overlay-menu a .name.has-no-meta ~ .arrow svg {
top: -15px; }
#responsive-menu .overlay-menu a:hover .arrow svg {
right: -16px; } }
#responsive-menu .overlay-menu.sub-menu {
opacity: 0;
transform: translateX(30px);
visibility: hidden; }
#responsive-menu .overlay-menu.sub-menu.shoow {
opacity: 1;
transform: translateX(0);
visibility: visible; }
#responsive-menu .overlay-menu.sub-menu.shoow li.active {
visibility: visible; }
#responsive-menu .overlay-menu.sub-menu li.active {
visibility: hidden;
clip-path: none !important;
-webkit-clip-path: none !important; }
#responsive-menu .overlay-menu.hiide {
opacity: 0;
transform: translateX(-30px);
visibility: hidden; }
#responsive-menu .overlay-menu.hiide li.active {
visibility: hidden; }
#responsive-menu .overlay-menu .back-to-menu {
position: absolute;
left: -25px;
transform: rotate(180deg);
top: -40px;
padding: 0px;
cursor: pointer;
width: 75px;
display: block;
font-size: 0;
height: 40px;
margin: 0; }
#responsive-menu .overlay-menu .back-to-menu .arrow-flip {
position: absolute;
top: 15px;
display: block;
left: 10px;
transition: all 100ms linear; }
#responsive-menu .overlay-menu .back-to-menu:hover .arrow-flip {
opacity: .5;
left: 15px; }
@media screen and (min-width: 1280px) {
.overlay-menu.filters-list {
width: 50%; } }
@media screen and (max-width: 1279px) {
.overlay-menu.filters-list {
width: 75% !important; } }
.overlay-menu.filters-list a {
line-height: 1.175em; }
@media screen and (max-width: 960px) {
.overlay-menu {
width: 90%; } }
@media screen and (max-width: 480px) {
.overlay-menu {
flex-flow: column;
text-align: right; } }
.overlay-menu:after {
content: '';
display: table;
clear: both; }
.overlay-menu > li {
margin-left: 35px;
margin-bottom: 5px;
line-height: 2.95em;
transform: translate3d(0, 20px, 0);
opacity: 0;
visibility: hidden;
transform-origin: 0 0;
transform: matrix(0.99939, 0, 0, 1.055, 0, 10);
transition-delay: 50ms;
transition: transform 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
.overlay-menu > li.active {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0); }
.overlay-menu > li.cart-item {
display: none; }
.overlay-menu a {
font-size: 2.57vw;
font-weight: 200;
line-height: 1.55em;
position: relative; }
.overlay-menu a span.no {
font-size: 0.652173913rem;
font-weight: 500; }
.overlay-menu a.selected span.name:after {
width: 100%; }
.overlay-menu + .filters-images {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 98;
pointer-events: none; }
.touchevents .overlay-menu + .filters-images {
display: none; }
.overlay-menu + .filters-images div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
opacity: 0;
transition: opacity 400ms linear; }
.overlay-menu + .filters-images div:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
display: none; }
.overlay-menu + .filters-images div.active {
opacity: 1; }
.open-filters, .responsive-nav, .responsive-bag, .responsive-search {
padding: 0; }
.dots-close-anim {
width: 16px;
height: 18px;
position: relative;
display: block;
cursor: pointer;
margin-top: 1px; }
@media screen and (max-width: 1024px) {
.dots-close-anim {
margin-top: -2px; } }
.dots-close-anim span {
display: block;
position: relative;
top: 0;
left: 50%;
border-radius: 4px;
width: 4px;
height: 4px;
margin-top: 3px;
margin-left: -2px;
background: transparent;
transition: all 150ms linear; }
.dots-close-anim span:first-child {
margin-top: 0; }
.no-touchevents .dots-close-anim:hover > span.d1 {
margin-left: -3px;
width: 10px; }
.no-touchevents .dots-close-anim:hover > span.d2 {
margin-left: -7px;
width: 10px; }
.no-touchevents .dots-close-anim:hover > span.d3 {
margin-left: -5px;
width: 10px; }
/* -----
16. Footer
-----
*/
#site-footer {
display: block;
z-index: 999;
position: relative;
margin-bottom: 50px;
font-size: 35px;
transform: translate3d(0, 25px, 0);
opacity: 0;
visibility: hidden;
transform-origin: 0 0;
transform: matrix(0.99939, 0, 0, 1.055, 0, 10);
transition-delay: 50ms;
transition: transform 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 377ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
@media screen and (min-width: 2561px) {
#site-footer {
font-size: 37px; } }
@media screen and (max-width: 1680px) {
#site-footer {
font-size: 25px; } }
@media screen and (max-width: 1180px) {
#site-footer {
font-size: 23px; } }
@media screen and (max-width: 960px) {
#site-footer {
font-size: 21px; } }
@media screen and (max-width: 480px) {
#site-footer {
font-size: 17px; } }
#site-footer.stick-it {
position: fixed; }
#site-footer .widget:not(:first-child) {
margin-top: 50px; }
#site-footer .widget-title {
font-weight: 300;
font-size: 1.0869565217rem;
opacity: .25;
margin-bottom: 25px;
line-height: 1; }
#site-footer .widget span.simple-select-inner:after {
content: " \2193";
position: absolute;
font-size: 27px;
top: 3px;
right: 5%;
transition: right 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
#site-footer .tagcloud .tag-cloud-link {
font-size: 35px !important; }
@media screen and (min-width: 2561px) {
#site-footer .tagcloud .tag-cloud-link {
font-size: 37px !important; } }
@media screen and (max-width: 1680px) {
#site-footer .tagcloud .tag-cloud-link {
font-size: 25px !important; } }
@media screen and (max-width: 1180px) {
#site-footer .tagcloud .tag-cloud-link {
font-size: 23px !important; } }
@media screen and (max-width: 960px) {
#site-footer .tagcloud .tag-cloud-link {
font-size: 21px !important; } }
@media screen and (max-width: 480px) {
#site-footer .tagcloud .tag-cloud-link {
font-size: 19px !important; } }
#site-footer.active {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0); }
#site-footer .widget_text {
font-size: 1.6956521739rem;
line-height: 1.35em; }
#site-footer .widget_text small {
font-size: 0.5217391304rem;
opacity: .35; }
@media screen and (max-width: 1680px) {
#site-footer .widget-title {
font-size: 0.8260869565rem;
margin-bottom: 35px; }
#site-footer .widget_text {
font-size: 1.5217391304rem; } }
@media screen and (max-width: 960px) {
#site-footer .widget:not(:first-child) {
margin-top: 35px; }
#site-footer .widget-title {
font-size: 1.2608695652rem; }
#site-footer .widget_text {
font-size: 1.6847826087rem; }
#site-footer .widget_text small {
font-size: 0.4830434783rem; }
#site-footer #site-actions-up .text {
visibility: hidden; } }
@media screen and (max-width: 480px) {
#site-footer {
margin-bottom: 15px; }
#site-footer .widget:not(:first-child) {
margin-top: 25px; }
#site-footer .widget-title {
font-size: 1rem;
margin-bottom: 15px; }
#site-footer .widget_text {
font-size: 1.1739130435rem; }
#site-footer .widget_text small {
font-size: 0.4347391304rem; }
#site-footer .widget_text p {
margin-bottom: 7px; }
#site-footer .footer-text-2 {
top: -8px; } }
#site-footer .searchform {
bottom: 0;
z-index: 99;
width: 100%;
height: 100px;
position: relative; }
#site-footer .searchform input {
background: none;
border: none;
width: 100%;
position: absolute;
top: 30px;
border-bottom: 2px solid; }
#site-footer .searchform input:-ms-input-placeholder {
opacity: 0; }
#site-footer .searchform input::-ms-input-placeholder {
opacity: 0; }
#site-footer .searchform input::-moz-input-placeholder {
opacity: 0; }
#site-footer .searchform input::-webkit-input-placeholder {
opacity: 0; }
#site-footer .searchform input::placeholder {
opacity: 0; }
#site-footer .searchform button {
display: none; }
.footer-content-holder {
width: 85%; }
#site-actions-up {
position: absolute;
right: 0;
bottom: 0;
display: flex;
align-self: flex-end;
flex-direction: row;
align-items: center;
justify-content: center; }
@media screen and (max-width: 980px) {
#site-actions-up {
margin-bottom: 6px;
margin-right: -2px; } }
#site-actions-up.w-subtext {
bottom: 1.9130434783rem; }
@media screen and (max-width: 1180px) {
#site-actions-up.w-subtext {
bottom: 2.1304347826rem; } }
.rtl #site-actions-up {
right: auto;
left: 0; }
@media screen and (max-width: 980px) {
#site-actions-up body:not(.no-footer-1.single-post):not(.no-footer-1.single-portfolio) {
right: -46px;
bottom: 34px; } }
#site-actions-up .icon {
position: relative;
order: 2; }
.rtl #site-actions-up .icon {
right: auto;
left: 11px; }
#site-actions-up .icon .go-top-wrapper {
display: block; }
#site-actions-up .text {
margin-right: 10px;
font-size: 1.0869565217rem;
opacity: .25; }
@media screen and (max-width: 1121px) {
#site-actions-up .text {
font-size: 0.8695652174rem; } }
@media screen and (max-width: 980px) {
#site-actions-up .text {
display: none; } }
.rtl #site-actions-up .text {
margin-right: 0;
margin-left: 50px; }
#site-actions-up .go-top-wrapper {
overflow: visible;
height: 1.5217391304rem;
transform: translate3d(0, 0, 0); }
@media screen and (max-width: 960px) {
#site-actions-up .go-top-wrapper {
height: 2.1304347826rem; } }
#site-actions-up .go-top-wrapper * {
fill: transparent !important; }
#site-actions-up .top-arrow-icon-body {
stroke-dasharray: 100;
stroke-dashoffset: 1000;
stroke-linecap: round;
stroke-linejoin: round;
animation: draw 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; }
#site-actions-up:hover .top-arrow-icon-body {
stroke-dasharray: 100;
stroke-dashoffset: 1000;
stroke-linecap: round;
stroke-linejoin: round;
animation: undraw 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; }
#site-actions-up:hover .go-top-chev {
transform: translate(0px, -22px);
transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay: 0.111s; }
@keyframes undraw {
from {
stroke-dashoffset: 1000; }
to {
stroke-dashoffset: 1075; } }
@keyframes draw {
from {
stroke-dashoffset: 1075; }
to {
stroke-dashoffset: 1000; } }
.push {
height: 100px; }
@media screen and (max-width: 640px) {
.footer-content-holder {
width: 100%;
order: 2; }
#site-footer {
display: flex;
flex-direction: column; }
#site-actions-up {
position: relative;
order: 1;
margin: 0;
align-self: center;
margin: 0 0 7.8260869565rem;
bottom: auto !important; } }
#site-actions {
position: fixed;
bottom: 0;
right: 0;
z-index: 999;
transform: rotate(-90deg) translate3d(100%, 0, 0);
transform-origin: bottom right;
margin-bottom: 5%;
margin-right: 30px;
letter-spacing: 2px;
opacity: 0;
visibility: hidden;
transition: opacity 300ms linear, visibility 300ms linear; }
.rtl #site-actions {
right: auto;
left: 0;
margin-right: 0;
margin-left: 30px;
transform-origin: bottom left;
transform: rotate(-90deg) translate3d(0, 0, 0); }
#site-actions.shoow {
opacity: 1;
visibility: visible; }
#site-actions span {
display: inline-block;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer; }
#site-actions span:first-child:after {
display: inline-block;
content: "";
height: 1px;
width: 50px;
opacity: .35;
position: relative;
top: -3px;
margin-left: 8px;
margin-right: 2px; }
.no-touchevents #site-actions a:hover {
opacity: .5; }
#site-revealer, #site-revealer .layer {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 99998;
pointer-events: none;
display: none; }
#site-revealer .layer {
height: 100%;
transform: translate3d(0, 100%, 0);
display: block; }
#site-revealer .layer.a {
transition: transform 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 200ms; }
#site-revealer .layer.a:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
display: block;
background: rgba(0, 0, 0, 0.25); }
#site-revealer .layer.b {
transition: transform 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 200ms, height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53); }
#site-revealer .layer.c {
transition: transform 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), height 500ms cubic-bezier(0.39, 0.575, 0.565, 1) 200ms; }
#site-revealer .layer.c:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
display: block;
background: rgba(255, 255, 255, 0.25); }
#site-revealer.active, #site-revealer .active.layer {
display: block; }
#site-revealer.out .layer.a, #site-revealer .out.layer .layer.a {
transform: translate3d(0, 0, 0);
height: 0; }
#site-revealer.out .layer.b, #site-revealer .out.layer .layer.b {
transform: translate3d(0, 0, 0); }
#site-revealer.in .layer.b, #site-revealer .in.layer .layer.b {
height: 0; }
#site-revealer.in .layer.c, #site-revealer .in.layer .layer.c {
transform: translate3d(0, 0, 0);
height: 0; }
html {
transition: transform 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53); }
html.out {
transform: translate3d(0, -50px, 0); }
.widget.widget_tag_cloud .tagcloud {
display: flex;
flex-flow: row wrap;
align-items: center;
width: calc(100% + 10px);
margin-left: -5px; }
.widget.widget_tag_cloud .tagcloud a {
margin: 0 5px; }
.widget.widget_tag_cloud .tagcloud li:after {
bottom: 5px;
right: 3px; }
#site-footer .tagcloud li:after {
bottom: 3px; }
.footer-content-holder .menu .menu-item {
margin-bottom: 24px; }
@media screen and (max-width: 960px) {
.footer-content-holder .menu .menu-item {
margin-bottom: 7px; } }
.footer-text-2 {
display: block;
margin: 0;
position: relative;
top: -10px; }
@media screen and (max-width: 960px) {
.footer-text-2 {
top: -18px; } }
.footer-widgets {
display: flex;
flex-direction: row;
flex-wrap: wrap;
font-size: 25px; }
@media screen and (min-width: 2561px) {
.footer-widgets {
font-size: 28px; } }
@media screen and (max-width: 1680px) {
.footer-widgets {
font-size: 20px; } }
@media screen and (max-width: 1180px) {
.footer-widgets {
font-size: 18px; } }
@media screen and (max-width: 960px) {
.footer-widgets {
font-size: 16px; } }
@media screen and (max-width: 480px) {
.footer-widgets {
font-size: 14px; } }
.footer-widget:not(:last-child) {
padding-right: 100px; }
@media screen and (max-width: 1024px) {
.footer-widget:not(:last-child) {
padding-right: 50px; } }
.cols-1 .footer-widget {
width: 100%; }
.cols-2 .footer-widget {
width: 50%; }
@media screen and (max-width: 680px) {
.cols-2 .footer-widget {
width: 100%;
margin-bottom: 75px; } }
.cols-3 .footer-widget {
width: 33.33%; }
@media screen and (max-width: 860px) {
.cols-3 .footer-widget {
width: 100%;
margin-bottom: 75px; } }
.cols-4 .footer-widget {
width: 25%; }
@media screen and (max-width: 1024px) {
.cols-4 .footer-widget {
width: 50%; } }
@media screen and (max-width: 680px) {
.cols-4 .footer-widget {
width: 100%;
margin-bottom: 75px; } }
.footer-widget .widget_text {
font-size: 0.9565217391rem !important; }
.footer-widget input:-ms-input-placeholder {
opacity: 1 !important; }
.footer-widget input::-ms-input-placeholder {
opacity: 1 !important; }
.footer-widget input::-moz-input-placeholder {
opacity: 1 !important; }
.footer-widget input::-webkit-input-placeholder {
opacity: 1 !important; }
.footer-widget input::placeholder {
opacity: 1 !important; }
.footer-widget .gallery {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: -5px;
width: calc(100% + 10px); }
.footer-widget .gallery.gallery-columns-1 .gallery-item {
width: 100%; }
.footer-widget .gallery.gallery-columns-2 .gallery-item {
width: 50%; }
.footer-widget .gallery.gallery-columns-3 .gallery-item {
width: 33.33%; }
.footer-widget .gallery.gallery-columns-4 .gallery-item {
width: 25%; }
.footer-widget .gallery.gallery-columns-5 .gallery-item {
width: 20%; }
.footer-widget .gallery.gallery-columns-6 .gallery-item {
width: 16.666%; }
.footer-widget .gallery .gallery-item {
padding: 5px; }
.footer-widget .gallery figure, .footer-widget .gallery img {
margin: 0;
vertical-align: bottom; }
.footer-widget .gallery figcaption {
display: none; }
/* -----
17. Sidebar
-----
*/
#site-sidebar {
width: 925px;
height: 100%;
left: 3%;
top: 0;
position: fixed;
z-index: 9998;
overflow: hidden;
transition: all 455ms cubic-bezier(0.9, 0.03, 0, 1);
transform: translate3d(-925px, 0, 0); }
.rtl #site-sidebar {
right: 3%;
left: auto;
transform: translate3d(925px, 0, 0); }
@media screen and (max-width: 960px) {
#site-sidebar {
left: 6%; }
.rtl #site-sidebar {
right: 6%;
left: auto; } }
#site-sidebar.opened {
transform: translate3d(0, 0, 0) !important;
left: 0;
border-color: transparent !important; }
#site-sidebar.opened #site-sidebar-wrap {
transform: matrix(1, 0, 0, 1, 0, 0); }
@media screen and (max-width: 1680px) {
#site-sidebar {
width: 700px;
transform: translate3d(-700px, 0, 0); }
.rtl #site-sidebar {
transform: translate3d(700px, 0, 0); } }
@media screen and (max-width: 1180px) {
#site-sidebar {
width: 545px;
transform: translate3d(-545px, 0, 0); }
.rtl #site-sidebar {
transform: translate3d(545px, 0, 0); } }
@media screen and (max-width: 640px) {
#site-sidebar {
width: 100%;
transform: translate3d(-100%, 0, 0); }
.rtl #site-sidebar {
transform: translate3d(100%, 0, 0); } }
#site-sidebar .site-sidebar-holder {
width: calc(100% + 40px);
height: 100%;
padding: 8.6956521739rem 15%;
overflow-y: scroll; }
@media screen and (max-width: 960px) {
#site-sidebar .site-sidebar-holder {
padding: 8.6956521739rem 11%; } }
#site-sidebar .widget:not(:last-child) {
margin-bottom: 6.5217391304rem; }
#site-sidebar .widget:nth-last-child(2) {
margin-bottom: 2.1739130435rem; }
@media screen and (max-width: 414px) {
#site-sidebar .widget:nth-last-child(2) {
margin-bottom: 0; } }
#site-sidebar .simple-select-cover {
width: fit-content !important; }
#site-sidebar .widget span.simple-select-inner {
width: fit-content; }
#site-sidebar .widget span.simple-select-inner:after {
content: " \2193";
position: absolute;
font-size: 27px;
top: 3px;
right: -35px;
transition: right 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
#site-sidebar .site-sidebar-content {
width: calc(100% - 20px); }
#site-sidebar-wrap {
height: 100%;
transform: matrix(1.075, 0, 0, 1, -35, 0);
transition: transform 715ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98), visibility 275ms cubic-bezier(0.29, 0.09, 0.22, 0.98); }
body.sidebar-opened #site, body.cart-opened #site, body.map-opened #site {
opacity: .15;
pointer-events: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none; }
body:not(.rtl).sidebar-opened #site {
left: 300px; }
body.sidebar-enabled .hero-header {
transition: left 455ms cubic-bezier(0.9, 0.03, 0, 1), right 455ms cubic-bezier(0.9, 0.03, 0, 1); }
body:not(.rtl).sidebar-opened .hero-header {
left: 300px; }
body.map-opened #site {
left: 62.5%; }
body.rtl.sidebar-opened #site {
right: 300px; }
body.rtl.sidebar-opened .hero-header {
right: 300px; }
body.rtl.map-opened #site {
right: 62.5%; }
#site-sidebar-closer {
position: absolute;
top: 3.4782608696rem;
width: 50px;
height: 50px;
margin-left: -5px;
z-index: 999;
text-align: center;
padding-top: 12px;
cursor: pointer; }
#site-sidebar-closer span {
display: inline-block;
width: 23px;
height: 23px;
transform: rotate(-180deg); }
.rtl #site-sidebar-closer span {
transform: none; }
#site-sidebar-closer span svg path {
stroke: transparent !important;
transition: stroke 150ms linear; }
#site-sidebar-opener {
position: fixed;
top: 50vh;
left: 1vw;
z-index: 9999;
text-align: center;
cursor: pointer;
transition: transform 715ms cubic-bezier(0.29, 0.09, 0.22, 0.98), opacity 250ms linear;
opacity: 0;
pointer-events: none; }
#site-sidebar-opener.show-sidebar {
opacity: 1;
pointer-events: all; }
#site-sidebar-opener:hover svg {
transform: translateX(3px); }
@media screen and (max-width: 1680px) {
#site-sidebar-opener svg {
width: 23px; } }
@media screen and (max-width: 480px) {
#site-sidebar-opener svg {
width: 21px;
left: 3px; } }
.rtl #site-sidebar-opener {
left: auto !important;
right: 1%; }
@media screen and (max-width: 961px) {
.rtl #site-sidebar-opener {
right: 30px; } }
@media screen and (max-width: 480px) {
.rtl #site-sidebar-opener {
right: 21px; } }
#site-sidebar-opener.opened {
opacity: 0; }
.site-sidebar-content {
font-size: 35px; }
@media screen and (min-width: 2561px) {
.site-sidebar-content {
font-size: 37px; } }
@media screen and (max-width: 1680px) {
.site-sidebar-content {
font-size: 25px; } }
@media screen and (max-width: 1180px) {
.site-sidebar-content {
font-size: 23px; } }
@media screen and (max-width: 960px) {
.site-sidebar-content {
font-size: 21px; } }
@media screen and (max-width: 480px) {
.site-sidebar-content {
font-size: 19px; } }
.widget.widget_rss li {
display: flex;
flex-direction: column;
border-bottom: 1px solid;
padding: 50px 3%;
margin-top: 20px;
width: 100%; }
.widget.widget_rss li:after {
display: none; }
.widget.widget_rss li .rss-date {
order: 1; }
.widget.widget_rss li .rsswidget {
order: 2;
margin-bottom: 30px;
width: 75%; }
@media screen and (max-width: 960px) {
.widget.widget_rss li .rsswidget {
width: 100%;
font-size: 25px;
line-height: 1.135em; } }
.widget.widget_rss li .rssSummary {
order: 3;
width: 75%; }
@media screen and (max-width: 960px) {
.widget.widget_rss li .rssSummary {
width: 100%; } }
.widget.widget_rss li cite {
order: 4; }
.widget.widget_rss .rss-date, .widget.widget_rss cite {
opacity: .44;
font-size: 0.6086956522rem; }
.widget.widget_rss .rssSummary {
font-size: 0.81vw;
line-height: 1.61; }
@media screen and (min-width: 2561px) {
.widget.widget_rss .rssSummary {
font-size: 23px; } }
@media screen and (max-width: 1680px) {
.widget.widget_rss .rssSummary {
font-size: 1.173vw; } }
@media screen and (max-width: 1180px) {
.widget.widget_rss .rssSummary {
font-size: 1.595vw; } }
@media screen and (max-width: 960px) {
.widget.widget_rss .rssSummary {
font-size: 2.2517vw; } }
@media screen and (max-width: 480px) {
.widget.widget_rss .rssSummary {
font-size: 4.515vw; } }
.widget ul, .widget ol {
list-style: none;
margin: 0;
display: flex;
flex-flow: wrap; }
.widget > div > ul > li > ul, .widget > ul > li > ul {
font-size: 80%;
opacity: .69; }
.widget > div > ul > li > ul > li > ul, .widget > ul > li > ul > li > ul {
font-size: 80%;
opacity: .69; }
.widget > div > ul > li > ul > li > ul > li > ul, .widget > ul > li > ul > li > ul > li > ul {
font-size: 80%;
opacity: .69; }
.widget li {
display: inline;
position: relative;
padding-right: 20px;
margin-bottom: 10px; }
.widget li:after, .widget li ul:before {
content: "/";
font-size: 60%;
opacity: .25;
bottom: 5px;
left: 8px;
position: relative; }
.widget li:last-child:after {
display: none; }
.widget li a {
display: inline-block; }
.widget li ul {
display: inline;
margin: 0 !important;
padding-left: 23px; }
.widget li ul:before {
left: -10px;
font-size: 80%; }
.widget li ul li:last-child {
padding-right: 0; }
.widget li ul li:after {
right: 4px; }
.widget li .post_count {
font-size: 50%;
vertical-align: top;
margin-left: -3px; }
.widget li.menu-item-has-children:after, .widget li.page_item_has_children:after {
opacity: 0; }
@media all and (max-width: 720px) {
.widget li:not(.footer-menu-item) {
display: block;
width: 100%; }
.widget li:not(.footer-menu-item):after {
display: none; }
.widget li:not(.footer-menu-item) ul {
display: block;
padding-top: 10px; }
.widget li:not(.footer-menu-item) ul:before {
display: none; } }
.widget .calendar_wrap {
line-height: 40px;
text-align: center;
position: relative;
width: 80%;
margin: 3.9130434783rem auto 0;
font-size: 80%; }
@media screen and (max-width: 480px) {
.widget .calendar_wrap {
width: 100%; } }
.widget .calendar_wrap caption {
margin-bottom: 1.3043478261rem;
font-size: 0.7391304348rem; }
.widget .calendar_wrap * {
border: none; }
.widget .calendar_wrap th, .widget .calendar_wrap td {
padding: 0.4347826087rem 0.6086956522rem 0.347826087rem;
text-align: center; }
.widget .calendar_wrap td {
width: 40px;
height: 38px;
transition: 150ms linear;
position: relative; }
.widget .calendar_wrap td#today:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: -1px;
left: -1px;
border: 1px solid; }
.widget .calendar_wrap tfoot {
position: absolute;
top: 0;
width: 100%; }
.widget .calendar_wrap tfoot a {
font-size: 0 !important;
position: relative;
top: -14px; }
.widget .calendar_wrap tfoot a:before {
font-size: 12px !important; }
.widget .calendar_wrap tfoot td#prev a:before {
content: "❮"; }
.widget .calendar_wrap tfoot td#prev a:after {
display: none; }
.widget .calendar_wrap tfoot td#next a:before {
content: "❯"; }
.widget .calendar_wrap tfoot td#next a:after {
display: none; }
.widget .calendar_wrap tfoot td#next {
position: absolute;
right: 5px; }
.widget .widget.widget_tag_cloud .tagcloud {
display: flex;
flex-flow: row wrap;
align-items: center;
width: calc(100% + 10px);
margin-left: -5px; }
.widget .widget.widget_tag_cloud .tagcloud a {
margin: 0 5px; }
.widget .widget.widget_tag_cloud .tagcloud li:after {
bottom: 11px;
right: 3px; }
.widget .tagcloud .tag-cloud-link {
font-size: 35px !important; }
@media screen and (min-width: 2561px) {
.widget .tagcloud .tag-cloud-link {
font-size: 37px !important; } }
@media screen and (max-width: 1680px) {
.widget .tagcloud .tag-cloud-link {
font-size: 25px !important; } }
@media screen and (max-width: 1180px) {
.widget .tagcloud .tag-cloud-link {
font-size: 23px !important; } }
@media screen and (max-width: 960px) {
.widget .tagcloud .tag-cloud-link {
font-size: 21px !important; } }
@media screen and (max-width: 480px) {
.widget .tagcloud .tag-cloud-link {
font-size: 19px !important; } }
#site-sidebar .widget-title {
font-size: 23px;
font-weight: 400;
line-height: 1.2;
margin-bottom: 1.0869565217rem;
opacity: .25; }
@media screen and (min-width: 2561px) {
#site-sidebar .widget-title {
font-size: 25px; } }
@media screen and (max-width: 1680px) {
#site-sidebar .widget-title {
font-size: 23px; } }
@media screen and (max-width: 1180px) {
#site-sidebar .widget-title {
font-size: 23px; } }
@media screen and (max-width: 960px) {
#site-sidebar .widget-title {
font-size: 21px; } }
@media screen and (max-width: 480px) {
#site-sidebar .widget-title {
font-size: 21px; } }
#site-sidebar .widget a {
display: inline;
text-transform: capitalize; }
#site-sidebar .widget a:hover:after {
width: 100%; }
#site-sidebar #site-sidebar .widget {
line-height: 1.4; }
#site-sidebar .widget_text {
font-size: 21px;
line-height: 1.35 !important; }
@media screen and (min-width: 2561px) {
#site-sidebar .widget_text {
font-size: 21px; } }
@media screen and (max-width: 1680px) {
#site-sidebar .widget_text {
font-size: 21px; } }
@media screen and (max-width: 1180px) {
#site-sidebar .widget_text {
font-size: 21px; } }
@media screen and (max-width: 960px) {
#site-sidebar .widget_text {
font-size: 19px; } }
@media screen and (max-width: 480px) {
#site-sidebar .widget_text {
font-size: 16px; } }
#site-sidebar .widget_text small {
font-size: 23px;
opacity: .25;
line-height: 1.3 !important;
text-transform: none;
font-weight: normal !important;
display: block;
margin-top: 20px; }
@media screen and (min-width: 2561px) {
#site-sidebar .widget_text small {
font-size: 25px; } }
@media screen and (max-width: 1680px) {
#site-sidebar .widget_text small {
font-size: 23px; } }
@media screen and (max-width: 1180px) {
#site-sidebar .widget_text small {
font-size: 23px; } }
@media screen and (max-width: 960px) {
#site-sidebar .widget_text small {
font-size: 19px; } }
@media screen and (max-width: 480px) {
#site-sidebar .widget_text small {
font-size: 17px; } }
#site-sidebar .widget_text h1, #site-sidebar .widget_text h2, #site-sidebar .widget_text h3, #site-sidebar .widget_text h4 {
font-size: 1.35vw; }
@media screen and (min-width: 2561px) {
#site-sidebar .widget_text h1, #site-sidebar .widget_text h2, #site-sidebar .widget_text h3, #site-sidebar .widget_text h4 {
font-size: 25px; } }
@media screen and (max-width: 1680px) {
#site-sidebar .widget_text h1, #site-sidebar .widget_text h2, #site-sidebar .widget_text h3, #site-sidebar .widget_text h4 {
font-size: 1.55vw; } }
@media screen and (max-width: 1180px) {
#site-sidebar .widget_text h1, #site-sidebar .widget_text h2, #site-sidebar .widget_text h3, #site-sidebar .widget_text h4 {
font-size: 2.191vw; } }
@media screen and (max-width: 960px) {
#site-sidebar .widget_text h1, #site-sidebar .widget_text h2, #site-sidebar .widget_text h3, #site-sidebar .widget_text h4 {
font-size: 3.0195vw; } }
@media screen and (max-width: 480px) {
#site-sidebar .widget_text h1, #site-sidebar .widget_text h2, #site-sidebar .widget_text h3, #site-sidebar .widget_text h4 {
font-size: 4.355vw; } }
#site-sidebar .widget_recent_comments a:before {
display: none !important; }
#site-sidebar ul.instagram-pics {
margin-top: 3.0434782609rem;
*zoom: 1; }
#site-sidebar ul.instagram-pics:after {
content: '';
display: table;
clear: both; }
#site-sidebar ul.instagram-pics li {
padding: 5px; }
#site-sidebar ul.instagram-pics li:after {
display: none; }
#site-sidebar ul.instagram-pics a:after {
display: none; }
#site-sidebar ul.instagram-pics + p {
position: relative;
top: 20px; }
#site-sidebar .widget_search {
position: absolute;
bottom: 0;
margin: 0 !important;
height: 100px;
width: 100%;
left: 0;
padding: 0 15%; }
@media screen and (max-width: 960px) {
#site-sidebar .widget_search {
padding: 0 11%; } }
#site-sidebar .widget_search:before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 250px;
content: "";
pointer-events: none;
z-index: 99;
opacity: 0;
transition: all 100ms linear; }
#site-sidebar.opened .widget_search:before {
opacity: 1; }
#site-sidebar .searchform {
position: absolute;
bottom: 0;
z-index: 99;
width: 100%;
height: 100px; }
#site-sidebar .searchform input {
background: none;
border: none;
width: 100%;
position: absolute;
top: 30px; }
#site-sidebar .searchform input:-ms-input-placeholder {
opacity: 1; }
#site-sidebar .searchform input::-ms-input-placeholder {
opacity: 1; }
#site-sidebar .searchform input::-moz-input-placeholder {
opacity: 1; }
#site-sidebar .searchform input::-webkit-input-placeholder {
opacity: 1; }
#site-sidebar .searchform input::placeholder {
opacity: 1; }
#site-sidebar .searchform button {
display: none; }
/* -----
18. Responsive queries
-----
*/
/* Responsive menu only */
@media all and (min-width: 1025px) {
.top-menu {
display: block; }
.responsive-nav, .responsive-bag, .responsive-search {
display: none; } }
@media all and (max-width: 1024px), all and (min-width: 1365px) and (max-height: 1024px) and (max-width: 1367px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), all and (min-width: 1111px) and (max-height: 768px) and (max-width: 1113px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
.top-menu {
display: none; }
.responsive-nav, .responsive-bag, .responsive-search {
display: block; }
.responsive-bag svg * {
stroke: transparent !important; } }
.has-hamburger-menu-enabled .top-menu {
display: none !important; }
.has-hamburger-menu-enabled .responsive-nav {
display: block !important; }
@media screen and (max-width: 1920px) {
.overlay-menu {
max-width: 43vw; } }
@media screen and (max-width: 1024px) {
.overlay-menu {
max-width: 55vw; }
#responsive-menu .overlay-menu a {
font-size: 4.27vw;
line-height: 1.39em;
text-transform: uppercase; }
#responsive-menu .overlay-menu a .meta {
font-size: 1.15vw; }
.overlay-menu a {
font-size: 3.75vw;
line-height: 1.35em; } }
@media screen and (max-width: 960px) {
.overlay-menu {
max-width: 75vw; }
#responsive-menu .overlay-menu a {
font-size: 4.39vw;
line-height: 1.39em;
text-align: right;
text-transform: uppercase; }
#responsive-menu .overlay-menu a .meta {
font-size: 1.21vw;
letter-spacing: 0.075vw; }
.overlay-menu a {
font-size: 4.39vw;
line-height: 1.39em; }
#responsive-menu ul[data-size="15"] {
padding-left: 20px; }
#responsive-menu ul[data-size="15"] a {
font-size: 24px;
line-height: 1em; }
#responsive-menu ul[data-size="15"] li {
margin-bottom: 1.3043478261rem !important;
line-height: 2em; }
#responsive-menu ul[data-size="15"] li:last-child {
margin-bottom: 1.3043478261rem !important; }
#responsive-menu ul[data-size="15"] .arrow svg {
transform: scale(0.9);
margin-top: -3px;
margin-right: 6px; }
.admin-bar #responsive-menu {
padding-top: 50px; }
.archive .category-description {
max-width: 65%; } }
@media screen and (max-width: 667px) {
.overlay-menu {
max-width: 90vw; }
.overlay-menu li {
margin-bottom: 0 !important; }
#responsive-menu .overlay-menu a {
font-size: 7.21vw;
line-height: 1.19em;
text-align: right; }
#responsive-menu .overlay-menu a .meta {
font-size: 2.29vw;
letter-spacing: 0.121vw;
display: none; }
.overlay-menu a {
font-size: 7.21vw;
line-height: 1.19em; } }
/* Portable and all below { query < 1024px } (large landscape phones & tablets) */
@media screen and (max-width: 1024px) {
.entries-thumbnails {
display: none; }
.entry-navigation {
position: static; }
.entry-navigation__info {
display: none; }
.entry-navigation.responsive {
display: block;
text-align: left;
padding-left: 30px; }
.old-breakpoint--hide {
display: none; }
.search-results .entry-archive .entry-time .entry-minimal__time {
position: static; }
.search-results .entry-archive .entry-image {
display: none; }
.search-results .entry-archive .entry-search-excerpt {
width: 60%; }
#respond {
margin-bottom: 75px; }
.archive-header {
margin-top: 0; }
.blog .STAMP {
margin: 50px 0 150px; }
.post-navigation.bigger > div {
transform: scale(0.8); }
.single-post .post-navigation.bigger > div {
width: 120%;
margin-left: -10%; }
.single-post .post-navigation.bigger > div .no span:first-child:after {
margin: 0 67px; }
.post-navigation.bigger a.prev {
margin-right: 82px; }
.post-navigation.bigger a.next {
margin-left: 82px; }
.post-navigation.bigger .no span:first-child:after {
margin: 0 87px; }
.artifact-pwd form > div {
padding: 50px; } }
@media screen and (min-width: 1024px) {
#main {
padding-top: 0 !important; } }
/* Portable only { 769px > query < 1366px } (large landscape phones, tablets & regular laptops) */
@media screen and (min-width: 768px) and (max-width: 1680px) {
#site-logo.image-logo-disabled span {
font-size: 1.2608695652rem; }
.hero-header .carousel-prev, .hero-header .artifact-twitter .carousel-next, .artifact-twitter .hero-header .carousel-next {
left: 65px; }
.hero-header .carousel-next {
right: 65px; }
.hero-header .carousel .caption {
left: 65px; }
.top-large-padding {
padding-top: 100px; }
.bottom-large-padding {
padding-bottom: 100px; }
.top-medium-padding {
padding-top: 70px; }
.bottom-medium-padding {
padding-bottom: 70px; }
.top-small-padding {
padding-top: 35px; }
.bottom-small-padding {
padding-bottom: 35px; } }
/* Lap { 480px > query < 769px } (portrait tablets and landscape mobile phones) */
@media screen and (min-width: 480px) and (max-width: 960px) {
.top-large-padding {
padding-top: 75px; }
.bottom-large-padding {
padding-bottom: 75px; }
.top-medium-padding {
padding-top: 50px; }
.bottom-medium-padding {
padding-bottom: 50px; }
.top-small-padding {
padding-top: 25px; }
.bottom-small-padding {
padding-bottom: 25px; }
#site-logo.image-logo-disabled span {
font-size: 1.0434782609rem; }
.hero-header .carousel-prev, .hero-header .artifact-twitter .carousel-next, .artifact-twitter .hero-header .carousel-next {
left: 40px; }
.hero-header .carousel-next {
right: 40px; }
.archive-header h1 {
font-size: 2.4347826087rem; }
.archive-header h3 {
margin-top: -25px; }
.entry-navigation {
margin-top: 50px; }
.entry-navigation--portfolio {
margin-top: 100px; }
.entry-navigation--portfolio .entry-navigation__item {
font-size: 2.7826086957rem; }
.columns-5 .artifact-gallery--item, .columns-6 .artifact-gallery--item {
flex-basis: 33.33%; }
.artifact-twitter .carousel-holder {
padding: 0 50px; }
#site-overlay {
padding-bottom: 20px; }
.hero-header .carousel .caption {
left: 40px; } }
/* Lap and all below { query < 769px } (grid only) */
@media screen and (max-width: 960px) {
#site-header {
margin-bottom: 0;
margin-top: 0; }
.grid__item .alignright, .grid__item .alignleft {
float: none;
margin: 0 !important; }
.hero-helper-arrow {
bottom: -25px; }
.hero-carousel-paging {
bottom: 27px; }
.hero-header .carousel-nav-anim svg {
transform: scale(0.6);
transform-origin: right center; }
.top-large-padding {
padding-top: 8.4033613445vw; }
.bottom-large-padding {
padding-bottom: 8.4033613445vw; }
.top-medium-padding {
padding-top: 6.6666666667vw; }
.bottom-medium-padding {
padding-bottom: 6.6666666667vw; }
.top-small-padding {
padding-top: 1.9417475728vw; }
.bottom-small-padding {
padding-bottom: 1.9417475728vw; }
.entry-navigation--portfolio {
display: flex;
justify-content: center;
margin-top: 200px;
width: 100%; }
.entry-navigation--portfolio > div {
width: 70%; }
.entry-navigation--portfolio .entry-navigation__info,
.entry-navigation--portfolio .current-title {
font-size: 14.35px; }
.entry-navigation--portfolio .entry-navigation__picture {
width: 37.9vw; }
.entry-navigation--portfolio .entry-navigation__picture.prev {
right: calc(100% - 39%); }
.entry-navigation--portfolio .entry-navigation__picture.next {
left: calc(100% - 39%); }
.search-results .entry-archive .entry-search-excerpt {
width: 100%; }
.archive .category-description {
max-width: 100%; }
.shop_table td.product-name {
width: 100%;
height: auto; }
.shop_table td.product-name > a {
padding-right: 20%;
padding-bottom: 20px; }
.shop_table td.product-remove {
position: absolute;
right: 0;
top: -7px;
height: auto;
width: auto !important;
margin-right: 0; }
.shop_table td.product-remove a:before {
display: none; }
.shop_table td.product-quantity {
height: auto;
margin-top: 15px; }
.chck-form .grid:not(:last-of-type) {
margin-bottom: 0; }
.artifact-checkout-navigation {
margin-bottom: 50px; }
.post-full {
width: 100%; }
.post-full .entry-header {
margin-bottom: 80px; }
.post-full .entry-content {
width: 100% !important; }
.post-full .entry-content .fluid-width-video-wrapper, .post-full .entry-content .alignnone, .post-full .entry-content blockquote, .post-full .entry-content .wp-video {
margin: 50px 0 50px 0;
width: 100% !important;
max-width: none; }
.post-full .entry-content .fluid-width-video-wrapper {
padding-top: 56.2% !important; }
.post-full.w-hero .entry-content .fluid-width-video-wrapper, .post-full.w-hero .entry-content .alignnone, .post-full.w-hero .entry-content blockquote, .post-full.w-hero .entry-content .wp-video {
margin: 50px 0 50px 0;
width: 100% !important;
max-width: none; }
.post-full.w-hero .entry-content .fluid-width-video-wrapper {
padding-top: 56.2% !important; }
.post-navigation.bigger {
margin-bottom: 50px;
font-size: 1.3913043478rem;
width: 150%;
text-align: left; }
.post-navigation.bigger > div {
margin-left: 25px !important;
transform-origin: left; }
.post-navigation.bigger a.prev {
margin-right: 22px !important;
top: 0;
padding-left: 0; }
.post-navigation.bigger a.next {
margin-left: 22px !important;
top: 0;
padding-right: 0; }
.post-navigation.bigger .no span:first-child:after {
margin: 0 27px !important; }
#checkout_coupon .form-row {
width: 50%; }
.artifact-pwd form .foot {
width: 100%;
min-width: 0;
align-self: auto; }
.artifact-pwd form input[type="submit"], .view-subheading {
display: none; } }
@media screen and (max-width: 640px) {
.shop_table td.actions {
padding-bottom: 0; }
.shop_table td.actions div.coupon, .shop_table td.actions input {
width: 100%;
float: none;
height: auto;
margin-bottom: 15px !important; }
.shop_table td.actions input.button {
text-align: center; }
#payment {
width: 100%;
left: 0;
position: static;
margin-top: 0 !important; }
.entry-navigation--portfolio {
margin-bottom: 0; } }
/* Palm { query < 480px } (portrait mobile phones) */
@media screen and (max-width: 480px) {
.hero-header .carousel-prev, .hero-header .artifact-twitter .carousel-next, .artifact-twitter .hero-header .carousel-next {
left: 30px; }
.hero-header .carousel-next {
right: 30px; }
.entry-navigation {
margin-top: 25px; }
.entry-navigation__item {
font-size: 1.7391304348rem; }
.entry-navigation__icon svg {
transform: scale(0.7);
position: relative;
top: 5px; }
.entry-navigation--double .entry-navigation__item {
padding: 0 30px; }
.entry-navigation--double hr {
margin: 13px 0 0 -16px; }
.entry-navigation hr {
width: 33px; }
.post-navigation {
padding-left: 7px; }
.post-navigation a {
padding: 0;
margin: 0px 7px;
transform: scale(0.8); }
.post-navigation a span {
position: relative;
top: 1px; }
.post-navigation .no span:first-child:after {
bottom: 8px;
width: 30px; }
.single-portfolio .entry-title {
font-size: 1.1739130435rem; }
.single-portfolio .entry-breadcrumb {
font-size: 0.4782608696rem; }
.artifact-twitter {
padding: 0; }
.artifact-twitter .carousel-prev, .artifact-twitter .carousel-next {
display: none; }
.artifact-twitter .carousel-cell {
padding: 0; }
.archive-header {
margin-bottom: 70px; }
.archive-header h1 {
font-size: 1.5652173913rem; }
.archive-header h3 {
font-size: 0.7826086957rem;
margin-top: -20px; }
.columns-4 .artifact-gallery--item, .columns-5 .artifact-gallery--item, .columns-6 .artifact-gallery--item {
flex-basis: 50%; }
.artifact-twitter .carousel-holder {
padding: 0; }
#site-overlay {
padding-bottom: 30px; }
.palm--auto {
width: 100%; }
#site-actions {
width: 100%;
text-align: center;
margin: 0;
z-index: 1000;
padding: 3% 0;
transform: none; }
#site-actions:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
z-index: 9999;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.11) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.11) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.11) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }
#site-actions span {
position: relative;
z-index: 10000; }
.entry-navigation--portfolio {
display: flex !important;
justify-content: center;
margin-top: 150px;
width: 100%; }
.entry-navigation--portfolio > div {
width: 70%; }
.entry-navigation--portfolio .entry-navigation__info,
.entry-navigation--portfolio .current-title {
font-size: 14.35px; }
.entry-navigation--portfolio .entry-navigation__picture {
width: 37.9vw; }
.entry-navigation--portfolio .entry-navigation__picture.prev {
right: calc(100% - 39%); }
.entry-navigation--portfolio .entry-navigation__picture.next {
left: calc(100% - 39%); }
.artifact-pwd form > div {
width: 90%; }
.artifact-pwd form > div {
padding: 25px; }
.artifact-pwd form input[type="password"] {
font-size: 1.25rem; }
.artifact-pwd form .view-info {
font-size: 12px; }
.hero-header .carousel .caption {
left: 30px; } }
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
#site-actions {
width: auto;
text-align: left;
padding: 0;
transform: rotate(-90deg) translate3d(100%, 0, 0);
margin-bottom: 52px;
margin-right: 6px; }
#site-actions:after {
display: none; } }
/* -----
19. Final tweaks
-----
*/
#portfolio-filters,
#responsive-menu {
pointer-events: none; }
.overlay-menu > li,
.responsive-menu .overlay-menu > li {
pointer-events: visible !important; }
body:not(.hero-1), body.hero-1:not(.before), body:not(.hero-1) a, body.hero-1:not(.before) a, .comments-link:hover, body:not(.hero-1) #site-header .text-logo, body.hero-1:not(.before) #site-header .text-logo, #site-share a:not(:last-child):after, #preloader span, svg, svg * {
transition: all 200ms linear; }
body:not(.hero-1), #portfolio-filters:before, .hero-header .overlay {
transition: background 250ms linear; }
.hero-header img {
display: none; }
.wc_payment_method.payment_method_square iframe {
height: 50px !important; }
a:not([href]) {
pointer-events: none; }
.post-navigation.bigger a:after {
display: none !important; }
.page-template-template-cover {
overflow: hidden !important; }
.page-template-template-cover #site-actions {
display: none; }
.page-template-template-cover .covers-title, .page-template-template-cover #site-header .site-header-holder, .page-template-template-cover .covers:after, .page-template-template-cover .covers-background {
transition: opacity 470ms cubic-bezier(0.39, 0.575, 0.565, 1); }
.page-template-template-cover.cover-hover .covers-title, .page-template-template-cover.cover-hover #site-header .site-header-holder, .page-template-template-cover.cover-hover .covers:after, .page-template-template-cover.cover-hover .covers-background {
opacity: 0 !important; }
.page-template-template-cover #content {
padding: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
overflow-y: scroll;
transition: left 400ms cubic-bezier(0.23, 1, 0.32, 1), top 470ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 470ms cubic-bezier(0.39, 0.575, 0.565, 1); }
.page-template-template-cover #site.out #content {
opacity: 0;
top: -50px; }
.page-template-template-cover .site-footer {
display: none !important; }
.page-template-template-cover.cart-opened #content {
left: -200px; }
.page-template-template-cover .covers {
position: relative;
width: 90%;
margin: auto;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
min-height: 100%;
padding-bottom: 150px; }
.page-template-template-cover .covers-title {
font-size: 12px;
line-height: 1;
letter-spacing: 1.15px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 20px;
position: relative;
z-index: 999; }
.page-template-template-cover .covers-holder {
z-index: 99;
width: 60%; }
@media screen and (max-width: 2120px) {
.page-template-template-cover .covers-holder {
width: 70%; } }
.page-template-template-cover .covers-holder.hover h3, .page-template-template-cover .covers-holder.hover .subtitle {
opacity: 0; }
.page-template-template-cover .cover-item {
padding: 7px 0;
display: inline-block;
margin-right: 50px; }
@media screen and (max-width: 960px) {
.page-template-template-cover .cover-item {
display: block !important; } }
.page-template-template-cover .cover-item h3 {
font-size: 57px;
margin: 0;
cursor: pointer;
transition: opacity 300ms linear;
line-height: 1;
display: inline-block;
font-weight: 300; }
@media screen and (min-width: 2561px) {
.page-template-template-cover .cover-item h3 {
font-size: 57px; } }
@media screen and (max-width: 1680px) {
.page-template-template-cover .cover-item h3 {
font-size: 57px; } }
@media screen and (max-width: 1180px) {
.page-template-template-cover .cover-item h3 {
font-size: 54px; } }
@media screen and (max-width: 960px) {
.page-template-template-cover .cover-item h3 {
font-size: 47px; } }
@media screen and (max-width: 480px) {
.page-template-template-cover .cover-item h3 {
font-size: 29px; } }
.page-template-template-cover .cover-item .subtitle {
display: inline-block;
text-transform: uppercase;
line-height: 1;
font-weight: bold;
margin-left: 5px;
letter-spacing: 1.15px;
font-size: 12px; }
@media screen and (min-width: 2561px) {
.page-template-template-cover .cover-item .subtitle {
font-size: 13px; } }
@media screen and (max-width: 1680px) {
.page-template-template-cover .cover-item .subtitle {
font-size: 12px; } }
@media screen and (max-width: 1180px) {
.page-template-template-cover .cover-item .subtitle {
font-size: 12px; } }
@media screen and (max-width: 960px) {
.page-template-template-cover .cover-item .subtitle {
font-size: 11px; } }
@media screen and (max-width: 480px) {
.page-template-template-cover .cover-item .subtitle {
font-size: 7px; } }
.page-template-template-cover .cover-item.hover h3, .page-template-template-cover .cover-item.hover .subtitle {
opacity: 1 !important; }
.page-template-template-cover .cover-item + .bg {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
opacity: 0;
transition: opacity 300ms linear;
z-index: -1; }
.page-template-template-cover .cover-item.hover + .bg {
opacity: 1; }
.page-template-template-cover .covers-cta {
position: absolute;
width: fit-content;
bottom: 166px;
z-index: 99;
right: 0;
text-align: right; }
.page-template-template-cover .covers-cta .covers-title {
margin-bottom: 0; }
.page-template-template-cover .covers-cta .covers-title:after {
content: "→";
padding-left: 10px; }
@media screen and (max-width: 1680px) {
.page-template-template-cover .covers {
padding-bottom: 100px; }
.page-template-template-cover .covers-cta {
right: auto;
left: 0;
bottom: 50px;
text-align: left; }
.page-template-template-cover .covers-holder {
width: 95%; } }
@media screen and (max-width: 1023px) {
.page-template-template-cover .covers {
padding-top: 200px; }
.page-template-template-cover .covers:after {
position: fixed;
bottom: 0;
width: 120%;
height: 100px;
left: -10%;
background: linear-gradient(to top, #000, transparent);
content: "";
z-index: 999;
pointer-events: none; }
.page-template-template-cover .cover-item {
display: inline-block;
margin-bottom: 5px; }
.page-template-template-cover .covers-holder {
width: 100%; }
.page-template-template-cover .covers-cta {
left: 5%;
position: fixed;
text-align: right;
bottom: 50px; } }
@media screen and (max-width: 960px) {
.page-template-template-cover .covers {
width: 80%; }
.page-template-template-cover .covers-cta {
left: 10%; } }
@media screen and (max-width: 480px) {
.page-template-template-cover .covers-cta {
bottom: 30px; } }
.covers-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0;
transition: all 200ms linear; }
.covers-background video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 9;
margin: 0;
max-width: none;
vertical-align: middle;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.covers-background .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
@media screen and (min-width: 961px) {
.covers.style--Split ~ .covers-background:after {
content: "";
position: fixed;
top: 0;
left: 0;
width: 50%;
height: 100%;
background: rgba(0, 0, 0, 0.15);
z-index: 1; } }
.shop_table .tax-rate td {
display: inline-block;
float: none; }
.shop_table .tax-rate th {
display: inline-block; }
.prlxd {
overflow: hidden; }
.prlx {
position: fixed;
top: 0;
left: 0;
width: calc(100vw + 50px);
height: 100vh;
background-image: inherit;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 25%;
transform: translateY(0);
z-index: -1; }
p > a.fancybox {
width: 100%; }
.fancybox:focus {
outline: none !important;
box-shadow: none !important; }
/*
.fancybox-controls {
bottom: 0;
top: auto;
}*/
.portfolio-grid {
overflow: hidden; }
.screen-reader-text {
visibility: hidden;
display: none; }
img {
transition: opacity 150ms linear; }
.lazyload, .lazyloading {
opacity: 0; }
.lazyloaded {
opacity: 1; }
.lazyload-container.ratio-enabled {
position: relative; }
.grid__item.full-width .lazyload-container.ratio-enabled {
max-width: none !important; }
.lazyload-container.ratio-enabled.no-background, .lazyload-container.ratio-enabled.no-background:after {
background: transparent !important; }
.lazyload-container.ratio-enabled > figure {
width: 100%;
position: relative; }
.lazyload-container.ratio-enabled a {
position: absolute !important;
width: 100%;
height: 100%;
top: 0;
z-index: 9; }
.lazyload-container.ratio-enabled a.fancybox-thumb {
position: absolute !important; }
.lazyload-container.ratio-enabled a:not(.image-text-link):after {
display: none !important; }
.lazyload-container.ratio-enabled .fancybox-thumb {
position: static !important; }
.lazyload-container.ratio-enabled img {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
margin: 0 !important; }
.lazyload-container.ratio-enabled:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .04;
z-index: 0;
visibility: visible;
transition: all 200ms linear; }
.lazyload-container.ratio-enabled.container-loaded:after {
opacity: 0;
visibility: hidden; }
.grid .post-meta-shortcode {
display: inline-block;
margin-bottom: 1rem; }
.grid .post-meta-shortcode.small {
font-size: 0.7391304348rem; }
.grid .post-meta-shortcode.medium {
font-size: 0.8260869565rem; }
.grid .post-meta-shortcode.large {
font-size: 0.9130434783rem; }
.grid .post-meta-shortcode span:not(:first-child):before {
content: " — "; }
.main-grid.invert-caption-direction {
overflow: visible; }
.kcm-no-built .no-kcm-style {
width: 70%;
margin: auto; }
@media screen and (max-width: 960px) {
.kcm-no-built .no-kcm-style {
width: 100%; } }
#site-footer .widget li:after {
display: none; }
#site-footer .widget_nav_menu li a:after {
display: block; }
#site-footer .widget_nav_menu ul.menu {
flex-direction: row; }
#site-footer .widget li {
padding-right: 3vw; }
@media screen and (max-width: 960px) {
#site-footer .widget li {
padding-right: 2vw; } }
.page-w-margin-1 {
margin-top: 2.1739130435rem; }
/* Blog & Portfolio Shortcodes Fix */
.site-navigation.submenu-cascading .top-menu .sub-menu {
flex-direction: column; }
.site-navigation.submenu-cascading .top-menu .sub-menu li {
margin-left: 0;
margin-top: 0;
padding-left: 0 !important; }
#site-overlay *::selection {
background: none !important; }
.fancybox-slide--video:before {
display: none !important; }
#main .big-intro.weight_bold a {
font-weight: 700; }
.no-line:after {
display: none !important; }
body:not(.page-template-template-cover) #content {
height: auto !important; }
@media all and (max-width: 480px) {
.artiform .arti-send-btn + .acceptance-check {
width: 100%;
position: static;
width: 100%;
clear: left; }
.artiform .arti-send-btn {
float: left; } }
/*# sourceMappingURL=style.css.map */