/*
[Table of contents]
1. Common styles
1.1 Fonts
1.2 Typography
1.3 UI
2. Core styles
2.1 Header
2.2 Navigation
2.3 Page
2.4 Portfolio template
2.5 Blog
2.5.1 Entry meta
2.5.2 Post edit link
2.5.3 Single posts
2.5.4 Author bio
2.5.5 Comments
2.6 Archives
2.7 404 page
2.8 Search
2.9 Attachment page
2.10 Pagination
2.11 Different
3. Footer
4. Widgets
5. WordPress styles
6. Plugins
6.1 WPML
6.2 Contact Form 7
6.3 wpSpade WP Gallery addon
6.4 WP Instagram widget
6.5 wpSpade Shortcodes addon
7. Utilites
8. Media queries
9. Colors
*/
/***************************************************************************
1 - Common styles
****************************************************************************/
html, body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.btn {
color: inherit;
-webkit-transition: color ease 0.3s, border-color ease 0.3s, background-color ease 0.3s;
transition: color ease 0.3s, border-color ease 0.3s, background-color ease 0.3s; }
a:hover, a:focus {
outline: none !important; }
ul, ol {
padding-left: 19px; }
ul ul, ul ol, ol ul, ol ol {
margin-bottom: 0; }
img {
max-width: 100%;
height: auto; }
table {
width: 100%;
max-width: 100%;
margin-bottom: 45px; }
table > thead > tr > th, table > thead > tr > td, table > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td {
padding: 8px;
line-height: 1.5;
vertical-align: top;
border-top: 1px solid #dddddd; }
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th {
border-top-style: none; }
table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #dddddd; }
table > caption + thead > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > th, table > thead:first-child > tr:first-child > td {
border-top: 0; }
table > tbody + tbody {
border-top: 2px solid #dddddd; }
span[style^="color"] > strong {
color: inherit; }
.form-control {
color: currentColor;
letter-spacing: inherit; }
.form-control, .form-control:focus {
border-color: inherit;
-webkit-box-shadow: 0 0 0 0;
-moz-box-shadow: 0 0 0 0;
box-shadow: 0 0 0 0; }
.wpspd-dark-page .form-control {
color: inherit; }
.form-control::-webkit-input-placeholder {
color: inherit; }
.form-control::-moz-placeholder {
color: inherit; }
.form-control:-moz-placeholder {
color: inherit; }
.form-control:-ms-input-placeholder {
color: inherit; }
.btn {
overflow: hidden; }
.btn:hover, .btn:focus, .btn:active {
color: inherit; }
.btn:not(input) {
border: 0;
margin-right: 5px;
margin-bottom: 5px;
color: inherit;
overflow: visible; }
.btn:not(input), .btn:not(input):hover, .btn:not(input):focus, .btn:not(input):active {
background-color: transparent;
-webkit-box-shadow: 0 0 0 0;
-moz-box-shadow: 0 0 0 0;
box-shadow: 0 0 0 0; }
.btn:not(input):before, .btn:not(input) > span:before {
content: '';
border: 3px solid;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: -webkit-transform ease 0.3s, opacity ease 0.3s;
-moz-transition: -moz-transform ease 0.3s, opacity ease 0.3s;
transition: transform ease 0.3s, opacity ease 0.3s;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.btn:not(input) > span:before {
-webkit-opacity: 0;
opacity: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8); }
.btn:not(input) span {
display: inline-block; }
.btn:not(input), .btn:not(input) span span {
position: relative; }
.btn:not(input):hover:before {
-webkit-opacity: 0;
opacity: 0;
-webkit-transform: scale(1.3);
transform: scale(1.3); }
.btn:not(input):hover > span:before {
-webkit-opacity: 1;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }
.btn .btn-sm {
font-size: 17px; }
input.btn {
border-width: 3px;
background-color: transparent !important;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: opacity ease 0.3s;
transition: opacity ease 0.3s; }
input.btn:hover, input.btn:focus {
-webkit-opacity: 0.7;
opacity: 0.7; }
input.btn, input.btn:hover, input.btn:focus {
border-color: inherit; }
.wp-video:hover, .wp-video:focus, .wp-video:active,
.mejs-container:hover,
.mejs-container:focus,
.mejs-container:active,
.mejs-controls:hover,
.mejs-controls:focus,
.mejs-controls:active,
.mejs-time-slider:hover,
.mejs-time-slider:focus,
.mejs-time-slider:active,
.btn:hover,
.btn:focus,
.btn:active,
#wpspd-hero-slideshow:hover,
#wpspd-hero-slideshow:focus,
#wpspd-hero-slideshow:active,
.flickity-prev-next-button:hover,
.flickity-prev-next-button:focus,
.flickity-prev-next-button:active,
#wpspd-slider-nav:hover,
#wpspd-slider-nav:focus,
#wpspd-slider-nav:active {
outline: none; }
/***************************************************************************
1.1 - Fonts
****************************************************************************/
html {
font-family: sans-serif; }
h1, h2, h3, h4, h5, h6, .wpspd-menu-overlay .wpspd-site-menu .wpspd-menu-list > li > a > .wpspd-menu-title, #wpspd-offcanvas-menu .wpspd-menu-title, #wpspd-comments-num .wpspd-comments-num, .wpspd-comment-author-meta strong, .wpspd-message-title, .widget_recent_comments li a, .widget_recent_entries li a, .widget_categories li a, .wpspd-posts-navigation .wpspd-nav-title, #wpspd-parent-link, .wpspd-404, .wpspd-item-char, .wpspd-price-price {
font-family: 'Rubik', sans-serif;
font-weight: 700; }
body, blockquote small, blockquote cite {
font-family: 'Nunito Sans', sans-serif; }
blockquote, .archive #wpspd-page-description span, .wpspd-slide-terms {
font-family: 'Eczar', serif; }
/***************************************************************************
1.2 - Typography
****************************************************************************/
body {
font-weight: normal; }
h1, h2, h3, h4, h5, h6, a:not(.btn):not(.post-edit-link) {
color: inherit; }
h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 {
margin-top: 0; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
margin-top: 0; }
p > a:not(.wpspd-attachment):not(.btn), p > span > a:not(.wpspd-attachment):not(.btn) {
position: relative;
display: inline-block; }
p > a:not(.wpspd-attachment):not(.btn):before, p > span > a:not(.wpspd-attachment):not(.btn):before {
content: '';
border-bottom: 1px solid;
-webkit-transform: translateY(-0.3em);
transform: translateY(-0.3em);
position: absolute;
top: 100%;
right: 0;
left: 0;
-webkit-transition: -webkit-transform ease 0.3s;
-moz-transition: -moz-transform ease 0.3s;
transition: transform ease 0.3s; }
p > a:not(.wpspd-attachment):not(.btn):hover:before, p > span > a:not(.wpspd-attachment):not(.btn):hover:before {
-webkit-transform: translateY(0);
transform: translateY(0); }
.widget_categories a:not(.btn),
.widget_recent_entries a:not(.btn),
.wpspd-posts .wpspd-entry-title a:not(.btn),
#wpspd-site-content > .hentry h1 a:not(.btn),
#wpspd-site-content > .hentry h2 a:not(.btn),
#wpspd-site-content > .hentry h3 a:not(.btn),
#wpspd-site-content > .hentry h4 a:not(.btn),
#wpspd-site-content > .hentry h5 a:not(.btn),
#wpspd-site-content > .hentry h6 a:not(.btn) {
border-bottom: 2px solid transparent;
-webkit-transition: border-color ease 0.3s;
transition: border-color ease 0.3s; }
.widget_categories a:not(.btn):hover,
.widget_recent_entries a:not(.btn):hover,
.wpspd-posts .wpspd-entry-title a:not(.btn):hover,
#wpspd-site-content > .hentry h1 a:not(.btn):hover,
#wpspd-site-content > .hentry h2 a:not(.btn):hover,
#wpspd-site-content > .hentry h3 a:not(.btn):hover,
#wpspd-site-content > .hentry h4 a:not(.btn):hover,
#wpspd-site-content > .hentry h5 a:not(.btn):hover,
#wpspd-site-content > .hentry h6 a:not(.btn):hover {
border-color: currentColor; }
blockquote {
font-weight: normal;
letter-spacing: normal;
border-left: 0;
padding-left: 0;
padding-right: 0;
position: relative; }
blockquote:before {
content: '\0022';
margin-right: 10px;
position: absolute;
top: 0;
right: 100%; }
blockquote cite {
display: block;
font-size: 13px;
text-transform: uppercase;
font-style: normal;
margin-top: 1em; }
/***************************************************************************
1.3 - UI
****************************************************************************/
/* Flickity */
.wpspd--slide {
overflow: hidden; }
.wpspd--slide a {
display: block;
height: 100%; }
.flickity-autoplay .flickity-slider {
will-change: transform; }
.flickity-prev-next-button {
-webkit-opacity: 0.2;
opacity: 0.2;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s; }
.flickity-prev-next-button:hover {
-webkit-opacity: 1;
opacity: 1; }
.flickity-page-dots {
list-style: none;
padding: 0;
margin-left: 0; }
.flickity-page-dots li {
display: inline-block;
vertical-align: bottom;
width: 16px;
height: 16px;
margin-right: 1em;
cursor: pointer;
position: relative;
background: url("../img/px.gif");
border: 0 solid; }
.flickity-page-dots li:not(.is-selected):before {
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg); }
.flickity-page-dots li:before {
border: 2px solid;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: -webkit-transform 0.3s ease, left 0.3s ease, right 0.3s ease, top 0.3s ease, bottom 0.3s ease;
-moz-transition: -moz-transform 0.3s ease, left 0.3s ease, right 0.3s ease, top 0.3s ease, bottom 0.3s ease;
transition: transform 0.3s ease, left 0.3s ease, right 0.3s ease, top 0.3s ease, bottom 0.3s ease; }
.flickity-page-dots li:before:not(.is-selected) {
border-color: transparent; }
.flickity-page-dots li:after {
border: 1px solid;
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px; }
.flickity-page-dots li:before, .flickity-page-dots li:after {
content: '';
border-color: inherit;
-webkit-border-radius: 5px;
border-radius: 5px; }
.flickity-viewport {
outline: inherit;
overflow: hidden;
position: relative; }
.flickity-viewport .wpspd--slide, .flickity-viewport .wpspd-slide {
overflow: hidden;
width: 100%; }
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-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; }
/***************************************************************************
2. - Core styles
****************************************************************************/
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
overflow: hidden;
position: absolute !important;
padding: 0 !important;
margin: 0 !important; }
.wpspd-wide-container,
hr {
display: block;
clear: both; }
.wpspd-wide-container {
margin-left: calc((100vw - 100%)/2*-1);
margin-right: calc((100vw - 100%)/2*-1); }
html.js body:not(.wpspd-portfolio-flex) #wpspd-portfolio .wpspd-posts-holder:not(.cbp-ready), html.js .wpspd-gallery-masonry .wpspd-gallery:not(.cbp-ready) {
visibility: hidden; }
#wpspd-wrapper {
overflow: hidden;
position: relative; }
.wpspd-aligner {
max-width: 1320px;
margin: 0 auto;
padding: 0 60px; }
body {
-webkit-transition: background-color ease 0.5s;
transition: background-color ease 0.5s; }
#wpspd-hero, .wpspd-main-holder, #wpspd-header {
-webkit-transition: color ease 0.5s;
transition: color ease 0.5s; }
.wpspd-media-holder,
.wpspd-main-header #wpspd-hero-slideshow,
.wpspd-ext-video,
.wpspd-html5-video {
height: 100%; }
.wpspd-posts-navigation,
#wpspd-post-nav,
.wpspd-pagination,
#wpspd-colophon {
margin-top: 16%; }
.error404 #wpspd-colophon {
margin-top: 9%; }
.wpspd-site-menu .wpspd-social {
margin-bottom: 8vw; }
#wpspd-tagline, body:not(.attachment) .wpspd-entry-meta-footer {
margin-top: 7%; }
#wpspd-header,
#wpspd-colophon,
.wpspd-single-post-header,
.wpspd-taxonomy-description,
.portfolios #wpspd-page-title {
margin-bottom: 7%; }
#wpspd-header,
.wpspd-main-header .wpspd-page-description-holder {
padding-top: 7%; }
.wpspd-main-header {
margin-bottom: 100px; }
body:not(.single) .wpspd-main-header + #wpspd-page .hentry > .wpspd-entry-content > .wpspd-wide-container:first-child {
margin-top: -100px; }
.wpspd-author-info {
margin-top: 5%; }
#wpspd-site-content .wpspd-page-description-holder,
#wpspd-home-main #wpspd-slider-nav,
#wpspd-footer-widget-area {
margin-bottom: 5%; }
.wpspd-page-description-holder.wpspd-desc-top-left #wpspd-page-description, .wpspd-page-description-holder.wpspd-desc-top-center #wpspd-page-description, .wpspd-page-description-holder.wpspd-desc-top-right #wpspd-page-description {
margin-top: 4%; }
.wpspd-main-header .wpspd-page-description-holder {
padding-bottom: 4%; }
.single.single-post .wpspd-featured-image,
#wpspd-site-content > .hentry.type-page:not(:last-child) {
margin-bottom: 40px; }
.wpspd-logo-holder,
.wpspd-nav-controls,
.wpspd-media-holder,
.wpspd-social,
#wpspd-tagline,
#wpspd-hero {
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.wpspd-menu-overlay .wpspd-site-menu {
transform-style: preserve-3d; }
/***************************************************************************
2.1 - Header
****************************************************************************/
#wpspd-header {
position: relative;
z-index: 9999; }
body.admin-bar #wpspd-header {
margin-top: -32px; }
.wpspd-nav-holder, #wpspd-sticky-menu .wpspd-aligner {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify; }
/* Search */
.wpspd-search-popup {
text-align: center;
z-index: 10000;
white-space: nowrap;
overflow: hidden;
visibility: hidden;
-webkit-user-select: none;
user-select: none;
position: absolute;
top: 0;
right: 0;
bottom: 100%;
left: 0;
-webkit-opacity: 0;
opacity: 0;
-webkit-perspective: 500px;
perspective: 500px;
-webkit-transition: visibility 0.5s, opacity ease 0.5s, bottom 0s 0.5s;
transition: visibility 0.5s, opacity ease 0.5s, bottom 0s 0.5s; }
.admin-bar .wpspd-search-popup {
margin-top: 32px; }
.wpspd-no-touch .wpspd-search-popup {
position: fixed; }
.wpspd-search-popup .wpspd-aligner {
height: 100%; }
.wpspd-search-popup .wpspd-aligner:before {
content: '';
height: 100%; }
.wpspd-search-popup .wpspd-searchform {
display: inline-block;
width: 100%;
height: 150px;
max-width: 800px;
position: relative;
white-space: normal;
margin-left: -0.25em;
border: 10px solid;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transform: translate(100px, 0);
transform: translate(100px, 0);
-webkit-transition: -webkit-transform ease 0.5s 0.5s;
-moz-transition: -moz-transform ease 0.5s 0.5s;
transition: transform ease 0.5s 0.5s; }
.wpspd-search-popup .wpspd-searchform input {
color: inherit;
background-color: transparent !important;
font-size: 45px;
width: 100%;
height: 100%;
border: 0;
padding: 0 2em;
-webkit-user-select: auto;
user-select: auto; }
.wpspd-search-popup .wpspd-searchform input:focus {
outline: none; }
.wpspd-search-popup .wpspd-aligner:before, .wpspd-search-popup .wpspd-searchform {
display: inline-block;
vertical-align: middle; }
.wpspd-search-active .wpspd-search-popup {
bottom: 0;
visibility: visible;
-webkit-opacity: 1;
opacity: 1;
-webkit-transition: opacity cubic-bezier(0.14, 0.49, 0.27, 1) 0.5s;
transition: opacity cubic-bezier(0.14, 0.49, 0.27, 1) 0.5s; }
.wpspd-search-active .wpspd-search-popup .wpspd-searchform {
-webkit-transition: -webkit-transform cubic-bezier(0.14, 0.49, 0.27, 1) 0.5s, border-color ease 0.3s, background-color ease 0.3s;
-moz-transition: -moz-transform cubic-bezier(0.14, 0.49, 0.27, 1) 0.5s, border-color ease 0.3s, background-color ease 0.3s;
transition: transform cubic-bezier(0.14, 0.49, 0.27, 1) 0.5s, border-color ease 0.3s, background-color ease 0.3s;
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
/* Logo */
.wpspd-logo-holder {
position: relative; }
.wpspd-logo-holder a {
display: inline-block;
vertical-align: top; }
.wpspd-logo, .wpspd-default-logo {
display: inline-block;
vertical-align: top;
-webkit-transition: opacity ease 0.5s;
transition: opacity ease 0.5s; }
.wpspd-logo > img, .wpspd-logo > svg, .wpspd-default-logo > img, .wpspd-default-logo > svg {
position: relative;
display: block;
-webkit-backface-visibility: hidden; }
.wpspd-logo > img.wpspd-2x-logo, .wpspd-logo > svg.wpspd-2x-logo, .wpspd-default-logo > img.wpspd-2x-logo, .wpspd-default-logo > svg.wpspd-2x-logo {
display: none; }
.wpspd-logo.wpspd-alt-logo, .wpspd-default-logo {
position: absolute;
top: 0;
left: 0;
-webkit-opacity: 0;
opacity: 0; }
.wpspd-dark-hover:not(.wpspd-dark-page) .wpspd-logo,
.wpspd-dark-hero:not(.wpspd-dark-page):not(.page-template-home-template) .wpspd-logo,
.wpspd-dark-hero.wpspd-home-no-desc:not(.wpspd-dark-page) .wpspd-logo,
.single-portfolios.single-format-video:not(.wpspd-dark-page) .wpspd-logo,
.wpspd-keep-default-logo.wpspd-dark-hero:not(.wpspd-dark-page) .wpspd-logo,
.wpspd-keep-default-logo.wpspd-dark-page:not(.wpspd-light-hero):not(.wpspd-light-hover) .wpspd-logo,
.wpspd-keep-default-logo.wpspd-dark-page:not(.wpspd-dark-hero).page-template-home-template:not(.wpspd-home-no-desc) .wpspd-logo {
-webkit-opacity: 0;
opacity: 0; }
.wpspd-dark-hover:not(.wpspd-dark-page) .wpspd-logo.wpspd-alt-logo,
.wpspd-dark-hero:not(.wpspd-dark-page):not(.page-template-home-template) .wpspd-logo.wpspd-alt-logo,
.wpspd-dark-hero.wpspd-home-no-desc:not(.wpspd-dark-page) .wpspd-logo.wpspd-alt-logo,
.single-portfolios.single-format-video:not(.wpspd-dark-page) .wpspd-logo.wpspd-alt-logo,
.wpspd-keep-default-logo.wpspd-dark-hero:not(.wpspd-dark-page) .wpspd-logo.wpspd-alt-logo,
.wpspd-keep-default-logo.wpspd-dark-page:not(.wpspd-light-hero):not(.wpspd-light-hover) .wpspd-logo.wpspd-alt-logo,
.wpspd-keep-default-logo.wpspd-dark-page:not(.wpspd-dark-hero).page-template-home-template:not(.wpspd-home-no-desc) .wpspd-logo.wpspd-alt-logo {
-webkit-opacity: 1;
opacity: 1; }
.wpspd-keep-default-logo.wpspd-dark-hero:not(.wpspd-dark-page).page-template-home-template:not(.wpspd-home-no-desc) .wpspd-logo {
-webkit-opacity: 1;
opacity: 1; }
.wpspd-keep-default-logo.wpspd-dark-hero:not(.wpspd-dark-page).page-template-home-template:not(.wpspd-home-no-desc) .wpspd-logo.wpspd-alt-logo {
-webkit-opacity: 0;
opacity: 0; }
.wpspd-revert-on-scroll:not(.wpspd-keep-default-logo) .wpspd-logo,
.wpspd-light-hover.wpspd-dark-page:not(.wpspd-keep-default-logo) .wpspd-logo,
.wpspd-light-hero.wpspd-dark-page:not(.page-template-home-template):not(.wpspd-keep-default-logo) .wpspd-logo,
.wpspd-light-hero.wpspd-home-no-desc.wpspd-dark-page:not(.wpspd-keep-default-logo) .wpspd-logo {
-webkit-opacity: 0;
opacity: 0; }
.wpspd-revert-on-scroll:not(.wpspd-keep-default-logo) .wpspd-default-logo,
.wpspd-light-hover.wpspd-dark-page:not(.wpspd-keep-default-logo) .wpspd-default-logo,
.wpspd-light-hero.wpspd-dark-page:not(.page-template-home-template):not(.wpspd-keep-default-logo) .wpspd-default-logo,
.wpspd-light-hero.wpspd-home-no-desc.wpspd-dark-page:not(.wpspd-keep-default-logo) .wpspd-default-logo {
-webkit-opacity: 1;
opacity: 1; }
.wpspd-logo svg {
max-width: 100%; }
@-moz-document url-prefix() {
.wpspd-logo svg {
width: 100%; } }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
.wpspd-logo > img, .wpspd-logo > svg, .wpspd-default-logo > img, .wpspd-default-logo > svg {
display: none; }
.wpspd-logo > img.wpspd-2x-logo, .wpspd-logo > svg.wpspd-2x-logo, .wpspd-default-logo > img.wpspd-2x-logo, .wpspd-default-logo > svg.wpspd-2x-logo {
display: block; } }
/***************************************************************************
2.2 - Navigation
****************************************************************************/
#wpspd-show-search, .wpspd-show-share {
position: relative;
width: 1em;
overflow: hidden;
text-indent: 999px; }
#wpspd-show-search:before, .wpspd-show-share:before {
text-align: center;
text-indent: 0;
font-family: 'wpspd-fontello';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
#wpspd-show-search:before {
content: '\e808'; }
.wpspd-show-share:before {
content: '\e809'; }
.wpspd-entry-content .wpspd-show-share {
width: auto;
font-weight: bold;
margin-top: 40px;
display: inline-block;
overflow: visible;
text-indent: 0;
-webkit-transition: opacity ease 0.3s;
transition: opacity ease 0.3s; }
.wpspd-entry-content .wpspd-show-share:before {
position: static;
margin-right: 7px; }
.wpspd-entry-content .wpspd-show-share:hover {
-webkit-opacity: 0.4;
opacity: 0.4; }
.wpspd-entry-content .wpspd-entry-meta-footer .wpspd-show-share {
margin-top: 0; }
.wpspd-entry-content .wpspd-entry-meta-footer .wpspd-tags-links + .wpspd-show-share {
float: right; }
.wpspd-site-nav ul {
margin: 0;
padding: 0;
list-style: none; }
.wpspd-site-nav ul li {
position: relative; }
.wpspd-site-nav .wpspd-menu-list li a {
padding-left: 2px;
padding-right: 2px; }
.wpspd-site-nav .wpspd-menu-list li a span {
position: relative;
display: inline-block; }
.wpspd-site-nav .wpspd-menu-list .wpspd-menu-description {
display: block;
text-transform: uppercase;
white-space: nowrap;
font-size: 9px;
letter-spacing: .02em;
margin-top: .4em; }
.wpspd-site-nav #wpspd-menu-link {
text-transform: uppercase;
font-weight: 600; }
.wpspd-site-nav #wpspd-menu-link span {
position: relative;
display: inline-block;
-webkit-transition: opacity ease 0.3s 0.3s;
transition: opacity ease 0.3s 0.3s; }
.wpspd-menu-active .wpspd-site-nav #wpspd-menu-link span {
-webkit-opacity: 0;
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.wpspd-site-nav a {
-webkit-transition: opacity ease 0.3s;
transition: opacity ease 0.3s; }
.wpspd-site-nav a:hover {
-webkit-opacity: 0.5;
opacity: 0.5; }
.wpspd-site-nav li.wpspd-active-item > a {
-webkit-opacity: 0.5;
opacity: 0.5; }
.wpspd-site-nav .wpspd-menu-list li, .wpspd-site-nav .wpspd-nav-controls li {
padding: 0; }
.wpspd-site-nav .wpspd-menu-list li a, .wpspd-site-nav .wpspd-nav-controls li a {
line-height: 1.1; }
.wpspd-site-nav ul, .wpspd-site-nav li, .wpspd-site-nav a {
display: inline-block; }
.wpspd-site-nav .wpspd-menu-list > li, .wpspd-site-nav .wpspd-nav-controls li {
margin-left: 2em; }
.wpspd-site-nav > *, .wpspd-site-nav .wpspd-menu-list > li, .wpspd-site-nav .wpspd-nav-controls li, .wpspd-site-nav .wpspd-menu-list > li > a, .wpspd-site-nav .wpspd-nav-controls li a {
vertical-align: middle; }
.wpspd-site-nav .wpspd-submenu {
visibility: hidden;
padding: 15px 30px 20px;
-webkit-opacity: 0;
opacity: 0;
position: absolute;
top: 100%;
left: 0;
-webkit-transition: visibility ease 0.3s, opacity ease 0.3s;
transition: visibility ease 0.3s, opacity ease 0.3s; }
.wpspd-site-nav .wpspd-submenu a {
padding-top: 5px;
padding-bottom: 5px;
white-space: nowrap; }
.wpspd-site-nav .wpspd-submenu a .wpspd-menu-title {
padding-bottom: 2px; }
.wpspd-site-nav .wpspd-submenu, .wpspd-site-nav .wpspd-submenu > li, .wpspd-site-nav .wpspd-submenu a {
display: block; }
.wpspd-site-nav .wpspd-submenu .wpspd-has-dropdown .wpspd-menu-title {
display: block; }
.wpspd-site-nav .wpspd-submenu .wpspd-has-dropdown > a .wpspd-menu-title {
padding-right: 1.5em; }
.wpspd-site-nav .wpspd-submenu .wpspd-has-dropdown > a .wpspd-menu-title:after {
content: '\00b7\00b7\00b7';
line-height: 1em;
margin-top: -.5em;
position: absolute;
top: 50%;
right: 0; }
.wpspd-site-nav .wpspd-submenu .wpspd-submenu {
top: 0;
left: 100%;
margin-top: -15px; }
.page-template-templates.wpspd-home-no-desc .wpspd-main-header + #wpspd-page .wpspd-site-nav .wpspd-submenu, body:not(.page-template-home-template) .wpspd-main-header + #wpspd-page .wpspd-site-nav .wpspd-submenu {
background-color: transparent; }
.wpspd-site-nav .wpspd-menu-list > li:last-child .wpspd-submenu .wpspd-submenu {
left: auto;
right: 100%; }
.wpspd-site-nav .wpspd-menu-list > li > .wpspd-submenu {
margin-left: -30px; }
.wpspd-site-nav li:hover > .wpspd-submenu {
visibility: visible;
-webkit-opacity: 1;
opacity: 1; }
.wpspd-menu-visible .wpspd-nav-controls > li:nth-child(2) {
display: none; }
.wpspd-menu-hidden .wpspd-site-nav .wpspd-site-menu .wpspd-menu-list {
visibility: hidden;
-webkit-transition: visibility 1s;
transition: visibility 1s; }
.wpspd-menu-hidden .wpspd-site-nav #wpspd-menu-link {
position: relative; }
.wpspd-menu-hidden .wpspd-site-nav #wpspd-menu-link:before {
-webkit-transform: rotate(45deg) translate(-20px, 0);
transform: rotate(45deg) translate(-20px, 0); }
.wpspd-menu-hidden .wpspd-site-nav #wpspd-menu-link:after {
-webkit-transform: rotate(-45deg) translate(20px, 0);
transform: rotate(-45deg) translate(20px, 0); }
.wpspd-menu-hidden .wpspd-site-nav #wpspd-menu-link:before, .wpspd-menu-hidden .wpspd-site-nav #wpspd-menu-link:after {
content: '';
width: 36px;
margin: -1px 0 0 -18px;
border-bottom: 2px solid;
-webkit-opacity: 0;
opacity: 0;
-webkit-pointer-events: none;
pointer-events: none;
position: absolute;
top: 50%;
left: 50%;
-webkit-transition: -webkit-transform ease 0.3s 0.1s, opacity ease 0.3s;
-moz-transition: -moz-transform ease 0.3s 0.1s, opacity ease 0.3s;
transition: transform ease 0.3s 0.1s, opacity ease 0.3s; }
.wpspd-menu-hidden.wpspd-menu-active .wpspd-site-nav .wpspd-site-menu .wpspd-menu-list {
visibility: visible;
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.wpspd-menu-hidden.wpspd-menu-active .wpspd-site-nav #wpspd-menu-link:before {
-webkit-transform: rotate(45deg) translate(0px, 0px);
transform: rotate(45deg) translate(0px, 0px);
-webkit-transition: -webkit-transform ease 0.3s 0.3s, opacity ease 0.3s 0.3s;
-moz-transition: -moz-transform ease 0.3s 0.3s, opacity ease 0.3s 0.3s;
transition: transform ease 0.3s 0.3s, opacity ease 0.3s 0.3s; }
.wpspd-menu-hidden.wpspd-menu-active .wpspd-site-nav #wpspd-menu-link:after {
-webkit-transform: rotate(-45deg) translate(0px, 0px);
transform: rotate(-45deg) translate(0px, 0px);
-webkit-transition: -webkit-transform ease 0.3s, opacity ease 0.3s;
-moz-transition: -moz-transform ease 0.3s, opacity ease 0.3s;
transition: transform ease 0.3s, opacity ease 0.3s; }
.wpspd-menu-hidden.wpspd-menu-active .wpspd-site-nav #wpspd-menu-link:before, .wpspd-menu-hidden.wpspd-menu-active .wpspd-site-nav #wpspd-menu-link:after {
-webkit-opacity: 1;
opacity: 1; }
.wpspd-menu-visible .wpspd-site-menu, .wpspd-menu-hidden .wpspd-site-menu {
display: inline-block; }
.wpspd-menu-overlay .wpspd-site-menu {
z-index: 1;
overflow: hidden;
visibility: hidden;
width: 100%;
height: 100%;
-webkit-transition: top 0s 0.8s, visibility 0.8s;
transition: top 0s 0.8s, visibility 0.8s;
position: fixed;
top: -100%;
left: 0; }
.wpspd-menu-overlay .wpspd-site-menu .wpspd-menu-list {
display: block;
width: 100%;
-webkit-opacity: 0;
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: -webkit-transform ease 0.3s 0.2s, opacity ease 0.3s 0.2s;
-moz-transition: -moz-transform ease 0.3s 0.2s, opacity ease 0.3s 0.2s;
transition: transform ease 0.3s 0.2s, opacity ease 0.3s 0.2s; }
.wpspd-menu-overlay .wpspd-site-menu .wpspd-menu-list > li {
text-align: left;
margin-left: 2%;
margin-right: 2%; }
.wpspd-menu-overlay .wpspd-site-menu .wpspd-menu-list > li:first-child {
margin-left: 0; }
.wpspd-menu-overlay .wpspd-site-menu .wpspd-menu-list > li:last-child {
margin-right: 0; }
.wpspd-menu-overlay .wpspd-site-menu .wpspd-menu-list > li > a .wpspd-menu-title {
text-transform: uppercase;
font-size: 32px; }
.wpspd-menu-overlay .wpspd-site-menu .wpspd-menu-list > li .wpspd-submenu {
z-index: 1;
background-color: transparent; }
.wpspd-menu-overlay .wpspd-site-menu .wpspd-menu-list > li .wpspd-submenu:before {
content: '';
background-color: #f7f7f7;
-webkit-opacity: 0.5;
opacity: 0.5;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.wpspd-menu-overlay .wpspd-site-menu .wpspd-menu-list li a .wpspd-menu-description {
margin-top: 0; }
.wpspd-menu-overlay .wpspd-site-menu .wpspd-menu-holder {
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
position: relative;
z-index: 1; }
.wpspd-menu-overlay .wpspd-site-menu > .wpspd-aligner {
height: 100%;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-flex-direction: column;
flex-direction: column;
-ms-flex-direction: column; }
.wpspd-menu-overlay .wpspd-site-menu > .wpspd-aligner, .wpspd-menu-overlay .wpspd-site-menu .wpspd-menu-holder {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; }
.wpspd-menu-overlay .wpspd-site-menu .wpspd-social {
position: relative;
text-align: right;
-webkit-transform: translateX(20px);
transform: translateX(20px); }
.wpspd-menu-overlay .wpspd-site-menu .wpspd-social > span {
font-size: 11px;
text-transform: uppercase;
-webkit-opacity: 0.5;
opacity: 0.5; }
.wpspd-menu-overlay .wpspd-site-menu .wpspd-social .wpspd-social-bar {
margin-left: 12px;
display: inline-block; }
.wpspd-menu-overlay .wpspd-site-menu .wpspd-social .wpspd-social-list li:last-child {
padding-right: 0; }
.wpspd-menu-overlay.wpspd-no-content #wpspd-hero + #wpspd-page .wpspd-site-menu, .wpspd-menu-overlay.wpspd-no-content .wpspd-no-description + #wpspd-page .wpspd-site-menu {
overflow-y: auto; }
.wpspd-menu-overlay.admin-bar .wpspd-site-menu {
margin-top: 32px; }
.wpspd-menu-overlay.wpspd-menu-active .wpspd-site-menu {
overflow-y: scroll;
visibility: visible;
top: 0;
-webkit-transition: top 0s, visibility 0s;
transition: top 0s, visibility 0s; }
.wpspd-menu-overlay.wpspd-menu-active .wpspd-site-menu .wpspd-menu-list {
-webkit-opacity: 1;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; }
.wpspd-menu-hidden.wpspd-menu-active .wpspd-site-menu .wpspd-menu-list > li > a > span, .wpspd-has-dropdown:hover > .wpspd-submenu > li > a > span {
-webkit-transform: translateY(0);
transform: translateY(0); }
.wpspd-menu-hidden .wpspd-site-menu .wpspd-menu-list > li > a, .wpspd-has-dropdown > .wpspd-submenu > li > a {
overflow: hidden; }
.wpspd-menu-hidden .wpspd-site-menu .wpspd-menu-list > li > a span, .wpspd-has-dropdown > .wpspd-submenu > li > a span {
-webkit-transform: translateY(120%);
transform: translateY(120%);
-webkit-transition: -webkit-transform ease 0.3s;
-moz-transition: -moz-transform ease 0.3s;
transition: transform ease 0.3s; }
.wpspd-menu-hidden .wpspd-site-menu .wpspd-menu-list > li:nth-child(1) > a > span, .wpspd-has-dropdown > .wpspd-submenu > li:nth-child(1) > a > span {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s; }
.wpspd-menu-hidden .wpspd-site-menu .wpspd-menu-list > li:nth-child(2) > a > span, .wpspd-has-dropdown > .wpspd-submenu > li:nth-child(2) > a > span {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s; }
.wpspd-menu-hidden .wpspd-site-menu .wpspd-menu-list > li:nth-child(3) > a > span, .wpspd-has-dropdown > .wpspd-submenu > li:nth-child(3) > a > span {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; }
.wpspd-menu-hidden .wpspd-site-menu .wpspd-menu-list > li:nth-child(4) > a > span, .wpspd-has-dropdown > .wpspd-submenu > li:nth-child(4) > a > span {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s; }
.wpspd-menu-hidden .wpspd-site-menu .wpspd-menu-list > li:nth-child(5) > a > span, .wpspd-has-dropdown > .wpspd-submenu > li:nth-child(5) > a > span {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s; }
.wpspd-menu-hidden .wpspd-site-menu .wpspd-menu-list > li:nth-child(6) > a > span, .wpspd-has-dropdown > .wpspd-submenu > li:nth-child(6) > a > span {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s; }
.wpspd-menu-hidden .wpspd-site-menu .wpspd-menu-list > li:nth-child(7) > a > span, .wpspd-has-dropdown > .wpspd-submenu > li:nth-child(7) > a > span {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s; }
.wpspd-menu-hidden .wpspd-site-menu .wpspd-menu-list > li:nth-child(8) > a > span, .wpspd-has-dropdown > .wpspd-submenu > li:nth-child(8) > a > span {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s; }
.wpspd-menu-hidden .wpspd-site-menu .wpspd-menu-list > li:nth-child(9) > a > span, .wpspd-has-dropdown > .wpspd-submenu > li:nth-child(9) > a > span {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s; }
.wpspd-menu-hidden .wpspd-site-menu .wpspd-menu-list > li:nth-child(10) > a > span, .wpspd-has-dropdown > .wpspd-submenu > li:nth-child(10) > a > span {
-webkit-transition-delay: 1s;
transition-delay: 1s; }
.wpspd-menu-hidden .wpspd-site-menu .wpspd-menu-list > li:nth-child(11) > a > span, .wpspd-has-dropdown > .wpspd-submenu > li:nth-child(11) > a > span {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s; }
.wpspd-menu-hidden .wpspd-site-menu .wpspd-menu-list > li:nth-child(12) > a > span, .wpspd-has-dropdown > .wpspd-submenu > li:nth-child(12) > a > span {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s; }
.wpspd-menu-hidden .wpspd-site-menu .wpspd-menu-list > li:nth-child(13) > a > span, .wpspd-has-dropdown > .wpspd-submenu > li:nth-child(13) > a > span {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s; }
.wpspd-menu-hidden .wpspd-site-menu .wpspd-menu-list > li:nth-child(14) > a > span, .wpspd-has-dropdown > .wpspd-submenu > li:nth-child(14) > a > span {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s; }
.wpspd-menu-hidden .wpspd-site-menu .wpspd-menu-list > li:nth-child(15) > a > span, .wpspd-has-dropdown > .wpspd-submenu > li:nth-child(15) > a > span {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s; }
.wpspd-menu-overlay .wpspd-site-menu, #wpspd-sharing-bar, .wpspd-search-popup, .pswp__scroll-wrap {
cursor: url('data:image/svg+xml;utf8,'), auto; }
.wpspd-dark-page:not(.wpspd-revert-on-scroll).wpspd-menu-overlay .wpspd-site-menu, .wpspd-dark-page:not(.wpspd-revert-on-scroll) #wpspd-sharing-bar, .wpspd-dark-page:not(.wpspd-revert-on-scroll) .wpspd-search-popup, .wpspd-dark-page:not(.wpspd-revert-on-scroll) .pswp__scroll-wrap {
cursor: url('data:image/svg+xml;utf8,'), auto; }
#wpspd-tagline {
width: 100%;
-webkit-transform: translateX(-20px);
transform: translateX(-20px); }
#wpspd-tagline .wpspd-tagline {
display: inline-block; }
#wpspd-tagline .wpspd-tagline:before {
content: '';
width: 60px;
border-bottom: 1px solid;
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 2px; }
#wpspd-tagline, .wpspd-site-menu .wpspd-social {
-webkit-font-smoothing: antialiased;
-webkit-opacity: 0;
opacity: 0;
-webkit-transition: -webkit-transform ease 0.3s, opacity ease 0.3s;
-moz-transition: -moz-transform ease 0.3s, opacity ease 0.3s;
transition: transform ease 0.3s, opacity ease 0.3s; }
.wpspd-menu-active #wpspd-tagline, .wpspd-menu-active .wpspd-site-menu .wpspd-social {
-webkit-opacity: 1;
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s; }
#wpspd-menu-overlay {
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-pointer-events: none;
pointer-events: none; }
.admin-bar #wpspd-menu-overlay {
margin-top: 32px; }
#wpspd-menu-overlay:before {
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
#wpspd-menu-overlay:after {
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%); }
#wpspd-menu-overlay:before, #wpspd-menu-overlay:after {
width: 50%;
top: 0;
bottom: 0; }
#wpspd-menu-overlay div:before {
top: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
#wpspd-menu-overlay div:after {
bottom: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%); }
#wpspd-menu-overlay div:before, #wpspd-menu-overlay div:after {
height: 50%;
left: 0;
right: 0; }
#wpspd-menu-overlay:before, #wpspd-menu-overlay:after, #wpspd-menu-overlay div:before, #wpspd-menu-overlay div:after {
content: '';
display: block;
position: absolute;
-webkit-transition: -webkit-transform ease 0.4s 0.4s;
-moz-transition: -moz-transform ease 0.4s 0.4s;
transition: transform ease 0.4s 0.4s; }
.wpspd-menu-active #wpspd-menu-overlay:before, .wpspd-menu-active #wpspd-menu-overlay:after, .wpspd-menu-active #wpspd-menu-overlay div:before, .wpspd-menu-active #wpspd-menu-overlay div:after {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.wpspd-item-char {
font-size: 20em;
display: block;
line-height: 1em;
width: 100%;
height: 100%;
overflow: visible;
position: absolute;
top: 0;
left: 0; }
.wpspd-item-char text {
font-size: inherit;
font-weight: 600;
text-anchor: middle;
fill: none;
stroke: currentColor;
stroke-width: 6px;
stroke-dasharray: 800;
stroke-dashoffset: 800;
stroke-linejoin: round;
-webkit-animation: draw-text-outline 1s forwards ease;
animation: draw-text-outline 1s forwards ease; }
@-webkit-keyframes draw-text-outline {
0% {
-webkit-opacity: 0;
opacity: 0; }
70% {
-webkit-opacity: 0.1;
opacity: 0.1; }
100% {
stroke-dashoffset: 0;
-webkit-opacity: 0.1;
opacity: 0.1; } }
@keyframes draw-text-outline {
0% {
-webkit-opacity: 0;
opacity: 0; }
70% {
-webkit-opacity: 0.1;
opacity: 0.1; }
100% {
stroke-dashoffset: 0;
-webkit-opacity: 0.1;
opacity: 0.1; } }
/* Mobile menu */
#wpspd-offcanvas-menu {
z-index: 10000;
width: 100%;
overflow-x: hidden;
visibility: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
-webkit-transition: visibility 0.5s;
transition: visibility 0.5s;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: -webkit-transform ease 0.5s, visibility 0.5s;
-moz-transition: -moz-transform ease 0.5s, visibility 0.5s;
transition: transform ease 0.5s, visibility 0.5s; }
body.admin-bar #wpspd-offcanvas-menu {
margin-top: 32px; }
#wpspd-offcanvas-menu .wpspd-offcanvas-menu-inner {
height: 100%;
overflow-y: scroll;
padding: 40px;
-webkit-box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.04);
-moz-box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.04);
box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.04);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-flex-direction: column;
flex-direction: column;
-ms-flex-direction: column; }
.wpspd-no-touch #wpspd-offcanvas-menu .wpspd-offcanvas-menu-inner {
margin-right: -20px; }
.wpspd-dark-page:not(.wpspd-revert-on-scroll) #wpspd-offcanvas-menu .wpspd-offcanvas-menu-inner {
-webkit-box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.04);
-moz-box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.04);
box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.04); }
#wpspd-offcanvas-menu .wpspd-offcanvas-menu-inner .wpspd-get-social ul {
margin-bottom: 0; }
#wpspd-offcanvas-menu .wpspd-offcanvas-menu-inner .wpspd-get-social a {
padding: 0; }
#wpspd-offcanvas-menu ul {
padding-left: 0;
list-style: none; }
#wpspd-offcanvas-menu ul li a {
line-height: 1em;
padding: 12px 0;
display: block;
position: relative; }
#wpspd-offcanvas-menu ul li a .wpspd-menu-title {
text-transform: uppercase; }
#wpspd-offcanvas-menu ul li a .wpspd-menu-description {
display: block;
font-size: 12px; }
#wpspd-offcanvas-menu ul li.dl-back {
margin-bottom: 10px; }
#wpspd-offcanvas-menu ul li.dl-back a {
display: inline-block;
vertical-align: top;
padding: 5px 10px;
line-height: 1em;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
-webkit-border-radius: 10px;
border-radius: 10px; }
#wpspd-offcanvas-menu ul li.wpspd-has-dropdown > a {
padding-right: 1.5em; }
#wpspd-offcanvas-menu ul li.wpspd-has-dropdown > a .wpspd-menu-title:after {
content: '\00b7\00b7\00b7';
line-height: 1em;
margin-top: -.5em;
position: absolute;
top: 50%;
right: 0; }
#wpspd-offcanvas-menu ul li.wpspd-active-item > a .wpspd-menu-title {
border-bottom: 2px solid; }
#wpspd-offcanvas-menu ul li.wpspd-active-item > a .wpspd-menu-description {
margin-top: 5px; }
#wpspd-offcanvas-menu .wpspd-close-nav {
display: block;
width: 26px;
height: 26px;
position: relative;
left: 100%;
margin-left: -22px;
margin-bottom: 40px;
margin-top: -20px;
cursor: pointer; }
#wpspd-offcanvas-menu .wpspd-close-nav:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
#wpspd-offcanvas-menu .wpspd-close-nav:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
#wpspd-offcanvas-menu .wpspd-close-nav:before, #wpspd-offcanvas-menu .wpspd-close-nav:after {
content: '';
margin-top: -1px;
border-bottom: 2px solid;
position: absolute;
top: 50%;
right: 0;
left: 0; }
#wpspd-offcanvas-menu .dl-menuwrapper {
position: relative;
-webkit-flex-grow: 1;
flex-grow: 1;
-ms-flex-positive: 1; }
#wpspd-offcanvas-menu .dl-menuwrapper .dl-menu {
-webkit-transition: height ease 0.3s;
transition: height ease 0.3s; }
#wpspd-offcanvas-menu .dl-menuwrapper li .dl-submenu {
display: none; }
#wpspd-offcanvas-menu .dl-menuwrapper .dl-subview li.dl-subview, #wpspd-offcanvas-menu .dl-menuwrapper .dl-subview li.dl-subview .dl-submenu, #wpspd-offcanvas-menu .dl-menuwrapper .dl-subview li.dl-subviewopen, #wpspd-offcanvas-menu .dl-menuwrapper .dl-subview li.dl-subviewopen > .dl-submenu {
display: block; }
#wpspd-offcanvas-menu .dl-menuwrapper .dl-subview li.dl-subviewopen > .dl-submenu > li {
display: block; }
#wpspd-offcanvas-menu .dl-menuwrapper .dl-subview li, #wpspd-offcanvas-menu .dl-menuwrapper .dl-subview li.dl-subviewopen > a, #wpspd-offcanvas-menu .dl-menuwrapper .dl-subview li.dl-subview > a {
display: none; }
#wpspd-offcanvas-menu .dl-menuwrapper > .dl-submenu {
position: absolute;
top: 0;
right: 0;
left: 0; }
.dl-menu.dl-animate-in-1 {
-webkit-animation: MenuAnimIn1 0.3s ease;
animation: MenuAnimIn1 0.3s ease; }
@-webkit-keyframes MenuAnimIn1 {
0% {
-webkit-opacity: 0;
opacity: 0;
-webkit-transform: translateX(-100px); }
100% {
-webkit-opacity: 1;
opacity: 1;
-webkit-transform: translateX(0px); } }
@keyframes MenuAnimIn1 {
0% {
-webkit-opacity: 0;
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px); }
100% {
-webkit-opacity: 1;
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px); } }
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
-webkit-animation: SubMenuAnimIn1 0.3s ease;
animation: SubMenuAnimIn1 0.3s ease; }
@-webkit-keyframes SubMenuAnimIn1 {
0% {
-webkit-transform: translateX(100px); }
100% {
-webkit-opacity: 1;
opacity: 1;
-webkit-transform: translateX(0px); } }
@keyframes SubMenuAnimIn1 {
0% {
-webkit-transform: translateX(100px);
transform: translateX(100px); }
100% {
-webkit-opacity: 1;
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px); } }
.dl-menu.dl-animate-out-1 {
-webkit-animation: MenuAnimOut1 0.3s ease;
animation: MenuAnimOut1 0.3s ease; }
@-webkit-keyframes MenuAnimOut1 {
100% {
-webkit-opacity: 0;
opacity: 0; } }
@keyframes MenuAnimOut1 {
100% {
-webkit-opacity: 0;
opacity: 0; } }
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
-webkit-animation: MenuAnimOut1 0.3s ease;
animation: MenuAnimOut1 0.3s ease; }
@-webkit-keyframes MenuAnimOut1 {
100% {
-webkit-opacity: 0;
opacity: 0; } }
@keyframes MenuAnimOut1 {
100% {
-webkit-opacity: 0;
opacity: 0; } }
.wpspd-offcanvas-active {
overflow-x: hidden !important; }
.wpspd-offcanvas-active #wpspd-wrapper {
-webkit-transform: translate(320px, 0);
transform: translate(320px, 0); }
#wpspd-open-mobile-menu {
display: none;
position: relative;
cursor: pointer; }
#wpspd-open-mobile-menu:before {
font-family: 'wpspd-fontello';
content: '\e804'; }
/* Sticky menu */
#wpspd-sticky-menu {
z-index: 10001;
padding: 40px 0 50px;
-webkit-transition: -webkit-transform ease 0.3s, background-color ease 0.5s;
-moz-transition: -moz-transform ease 0.3s, background-color ease 0.5s;
transition: transform ease 0.3s, background-color ease 0.5s;
position: fixed;
top: 0;
right: 0;
left: 0; }
#wpspd-sticky-menu, .wpspd-sticky-menu-active.wpspd-sharing-bar-active #wpspd-sticky-menu {
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%); }
.admin-bar #wpspd-sticky-menu {
margin-top: 32px; }
.wpspd-sticky-menu-active #wpspd-sticky-menu {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
#wpspd-sticky-menu .wpspd-site-name {
line-height: 1.1em; }
/***************************************************************************
2.3 - Page
****************************************************************************/
.hentry .wpspd-entry-content > *:last-child {
margin-bottom: 0; }
/* Loading transitions */
html.js .wpspd-hide-on-load, html.js .wpspd-media-holder > img {
-webkit-opacity: 0;
opacity: 0;
-webkit-transition: opacity ease 0.3s;
transition: opacity ease 0.3s; }
html.js .wpspd-hero-loaded .wpspd-hide-on-load, html.js .wpspd-hero-loaded .wpspd-media-holder > img {
-webkit-opacity: 1;
opacity: 1; }
html.js .wpspd-flickity-lazyload {
-webkit-opacity: 0;
opacity: 0;
-webkit-transition: opacity ease 0.3s;
transition: opacity ease 0.3s; }
html.js .wpspd-flickity-lazyload.flickity-lazyloaded, html.js .wpspd-flickity-lazyload.flickity-lazyerror {
-webkit-opacity: 1;
opacity: 1; }
/* Hero image/slideshow/video */
#wpspd-hero, #wpspd-home-main .wpspd-curtain {
height: 100vh; }
.wpspd-partial-hero #wpspd-hero, .wpspd-partial-hero #wpspd-home-main .wpspd-curtain {
height: 85vh; }
.wpspd-partial-hero.wpspd-no-touch #wpspd-home-main .wpspd-curtain ~ .wpspd-media-holder {
top: -32vh; }
#wpspd-hero {
position: relative;
-webkit-backface-visibility: hidden;
-webkit-transition: visibility ease 0.5s;
transition: visibility ease 0.5s; }
#wpspd-hero .wpspd-content-overflow {
overflow: hidden;
height: 100%;
-webkit-opacity: 1;
opacity: 1;
-webkit-transition: opacity ease 0.5s;
transition: opacity ease 0.5s; }
.admin-bar #wpspd-hero .wpspd-content-overflow {
margin-top: -32px; }
.wpspd-hero-not-visible #wpspd-hero .wpspd-content-overflow {
-webkit-opacity: 0;
opacity: 0; }
#wpspd-hero .wpspd-header-media {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
#wpspd-hero .wpspd-media-holder .wpspd-hero-image + .wpspd-slide-description {
display: none; }
#wpspd-hero .wpspd-media-holder a {
display: block; }
#wpspd-hero .wpspd-media-holder img {
width: 100%;
max-width: inherit; }
#wpspd-hero .wpspd-media-holder > iframe {
width: 100%;
height: 100%; }
.wpspd-hero-not-visible #wpspd-hero {
-webkit-transform: translateY(200px);
transform: translateY(200px); }
.wpspd-hero-not-visible #wpspd-hero .wpspd-page-description-holder {
-webkit-transform: translateY(100px);
transform: translateY(100px); }
#wpspd-hero, #wpspd-hero .wpspd-page-description-holder {
-webkit-transition: -webkit-transform ease 0.5s, opacity ease 0.5s;
-moz-transition: -moz-transform ease 0.5s, opacity ease 0.5s;
transition: transform ease 0.5s, opacity ease 0.5s; }
html.js #wpspd-hero .wpspd-html5-video video, html.js #wpspd-hero .wpspd-ext-video iframe {
-webkit-opacity: 0;
opacity: 0; }
#wpspd-hero .wpspd-ext-video .wpspd-hero-image, #wpspd-hero .wpspd-html5-video .wpspd-hero-image {
-webkit-transition: opacity ease 0.5s;
transition: opacity ease 0.5s;
position: absolute;
top: 0;
left: 0; }
#wpspd-hero .wpspd-slide-description {
font-size: 14px; }
#wpspd-hero .wpspd-slide-description .wpspd-slide-title {
display: inline-block; }
#wpspd-hero .wpspd-slide-description .wpspd-slide-title:after {
content: '|';
margin-left: 10px;
margin-right: 10px; }
#wpspd-hero .wpspd-slide-description .wpspd-slide-title:only-child:after {
content: none; }
#wpspd-hero .wpspd-flickity-dots {
display: inline-block; }
#wpspd-hero .wpspd-flickity-dots .flickity-page-dots {
margin-bottom: 0; }
#wpspd-hero .wpspd-flickity-dots .flickity-page-dots li {
vertical-align: middle; }
#wpspd-hero .wpspd-flickity-dots .flickity-page-dots li:last-child {
margin-right: 0; }
.wpspd-no-content .wpspd-main-header {
margin-bottom: 0; }
.wpspd-video-controls-holder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.wpspd-video-controls-holder .wpspd-play-ext-video {
display: none; }
#wpspd-home-main {
position: relative;
overflow: hidden; }
.admin-bar #wpspd-home-main {
margin-top: -32px; }
#wpspd-home-main .wpspd-media-holder {
height: 100vh;
width: 100%;
position: relative;
top: 0;
right: 0;
left: 0;
-webkit-transition: opacity ease 0.5s;
transition: opacity ease 0.5s; }
#wpspd-home-main .wpspd-media-holder a {
display: block; }
#wpspd-home-main .wpspd-media-holder img {
max-width: inherit;
width: 100%; }
#wpspd-home-main .wpspd-curtain {
position: relative;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; }
.wpspd-no-touch #wpspd-home-main .wpspd-curtain ~ .wpspd-media-holder {
top: -40vh; }
#wpspd-home-main #wpspd-slider-nav {
visibility: hidden;
-webkit-opacity: 0;
opacity: 0;
position: absolute;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: color ease 0.3s, opacity ease 0.3s;
transition: color ease 0.3s, opacity ease 0.3s; }
#wpspd-home-main #wpspd-slider-nav .flickity-viewport {
overflow: visible; }
#wpspd-home-main #wpspd-slider-nav .wpspd-progress {
display: block;
width: 7vw;
margin-top: .5em;
margin-left: .5vw;
position: absolute;
top: 0;
left: 100%; }
#wpspd-home-main #wpspd-slider-nav .wpspd-progress span {
display: none;
width: 0;
border-top: 7px solid; }
#wpspd-home-main #wpspd-slider-nav .wpspd-slide-title {
position: relative;
white-space: nowrap;
cursor: pointer;
margin-right: 9vw; }
#wpspd-home-main #wpspd-slider-nav .wpspd-slide-title a {
display: block;
visibility: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: visibility 0.5s;
transition: visibility 0.5s; }
#wpspd-home-main #wpspd-slider-nav .wpspd-slide-title h2 {
line-height: 1em;
margin-bottom: 0;
position: relative; }
#wpspd-home-main #wpspd-slider-nav .wpspd-slide-title h2:before {
content: '';
width: 8px;
height: 8px;
border: 1px solid;
margin-right: 7px;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
right: 100%;
bottom: 100%;
-webkit-transform: translateY(10px);
transform: translateY(10px); }
#wpspd-home-main #wpspd-slider-nav .wpspd-slide-title .wpspd-slide-terms {
letter-spacing: 0;
display: inline-block;
font-size: 14px;
font-weight: normal;
font-style: italic;
margin-right: -10px;
line-height: 1em;
float: right;
-webkit-transform: translateY(10px);
transform: translateY(10px); }
#wpspd-home-main #wpspd-slider-nav .wpspd-slide-title .wpspd-slide-description {
font-size: 14px;
white-space: normal;
max-width: 300px;
margin-top: 1em;
line-height: 1.3em; }
#wpspd-home-main #wpspd-slider-nav .wpspd-slide-title h2:before, #wpspd-home-main #wpspd-slider-nav .wpspd-slide-title .wpspd-slide-terms {
-webkit-opacity: 0;
opacity: 0;
-webkit-transition: -webkit-transform ease 0.3s 0.4s, opacity ease 0.3s 0.4s;
-moz-transition: -moz-transform ease 0.3s 0.4s, opacity ease 0.3s 0.4s;
transition: transform ease 0.3s 0.4s, opacity ease 0.3s 0.4s; }
#wpspd-home-main #wpspd-slider-nav .wpspd-slide-title.is-selected:hover h2:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: scale(1.5);
transform: scale(1.5); }
#wpspd-home-main #wpspd-slider-nav .wpspd-slide-title.is-selected a {
visibility: visible; }
#wpspd-home-main #wpspd-slider-nav .wpspd-slide-title.is-selected h2:before {
-webkit-transform: translateY(0);
transform: translateY(0); }
#wpspd-home-main #wpspd-slider-nav .wpspd-slide-title.is-selected .wpspd-slide-terms {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
-webkit-transform: translateY(0);
transform: translateY(0); }
#wpspd-home-main #wpspd-slider-nav .wpspd-slide-title.is-selected h2:before, #wpspd-home-main #wpspd-slider-nav .wpspd-slide-title.is-selected .wpspd-slide-terms {
-webkit-opacity: 1;
opacity: 1; }
#wpspd-home-main #wpspd-slider-nav .is-selected .wpspd-progress span {
display: block; }
#wpspd-home-main #wpspd-slider-nav.flickity-enabled, #wpspd-home-main .wpspd-hero-image + #wpspd-slider-nav {
visibility: visible;
-webkit-opacity: 1;
opacity: 1; }
.wpspd-main-header + #wpspd-page #wpspd-header {
position: absolute;
top: 0;
right: 0;
left: 0; }
.wpspd-main-header #wpspd-hero-slideshow .flickity-viewport, .wpspd-main-header #wpspd-hero-slideshow .flickity-slider, .wpspd-main-header #wpspd-hero-slideshow .wpspd--slide {
width: 100%;
height: 100%; }
#wpspd-hero-slideshow .flickity-prev-next-button {
width: 65px;
border: 0;
-webkit-appearance: none;
background: transparent;
padding: 0 0 0 30px;
position: absolute;
top: 0;
bottom: 0; }
#wpspd-hero-slideshow .flickity-prev-next-button.previous {
left: 0; }
#wpspd-hero-slideshow .flickity-prev-next-button.previous:disabled {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
#wpspd-hero-slideshow .flickity-prev-next-button.next {
padding-left: 0;
padding-right: 30px;
right: 0; }
#wpspd-hero-slideshow .flickity-prev-next-button.next:disabled {
-webkit-transform: translateX(100%);
transform: translateX(100%); }
#wpspd-hero-slideshow .flickity-prev-next-button svg path {
fill: currentColor;
-webkit-transition: fill ease 0.3s;
transition: fill ease 0.3s; }
.wpspd-adjust-pos {
position: relative; }
body:not(.page-template-home-template) .wpspd-page-description-holder {
height: 100%; }
.wpspd-main-header .wpspd-page-description-holder {
position: static; }
.wpspd-main-header .wpspd-page-description-holder > div {
padding-top: 64px;
position: static;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center; }
.wpspd-main-header .wpspd-page-description-holder > div.admin-bar {
margin-top: 32px; }
.wpspd-page-description-holder, .wpspd-page-description-holder > div {
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
flex: 1;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; }
.wpspd-page-description-holder[class*="wpspd-desc-top"] #wpspd-page-description {
-webkit-align-self: flex-start;
align-self: flex-start;
-ms-flex-item-align: start; }
.wpspd-page-description-holder[class*="wpspd-desc-bottom"] #wpspd-page-description {
-webkit-align-self: flex-end;
align-self: flex-end;
-ms-flex-item-align: end; }
.wpspd-page-description-holder.wpspd-desc-top-center, .wpspd-page-description-holder.wpspd-desc-middle-center, .wpspd-page-description-holder.wpspd-desc-bottom-center {
text-align: center; }
.wpspd-page-description-holder.wpspd-desc-top-center > div, .wpspd-page-description-holder.wpspd-desc-middle-center > div, .wpspd-page-description-holder.wpspd-desc-bottom-center > div {
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-ms-flex-pack: center; }
.wpspd-page-description-holder.wpspd-desc-top-right, .wpspd-page-description-holder.wpspd-desc-middle-right, .wpspd-page-description-holder.wpspd-desc-bottom-right {
text-align: right; }
.wpspd-page-description-holder.wpspd-desc-top-right > div, .wpspd-page-description-holder.wpspd-desc-middle-right > div, .wpspd-page-description-holder.wpspd-desc-bottom-right > div {
-webkit-box-orient: horizontal;
box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-direction: row;
-webkit-box-pack: end;
box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end; }
.wpspd-page-description-holder.wpspd-desc-bottom-center #wpspd-page-description {
margin-bottom: 50px; }
.wpspd-page-description-holder #wpspd-page-description {
display: inline-block;
white-space: normal;
position: relative; }
.wpspd-page-description-holder #wpspd-page-description h1 {
font-size: 62px; }
.wpspd-page-description-holder #wpspd-page-description h2 {
font-size: 51px; }
.wpspd-page-description-holder #wpspd-page-description h3 {
font-size: 41px; }
.wpspd-page-description-holder #wpspd-page-description h4 {
font-size: 30px; }
.wpspd-page-description-holder #wpspd-page-description h5 {
font-size: 23px; }
.wpspd-page-description-holder #wpspd-page-description h6 {
font-size: 20px; }
.wpspd-page-description-holder #wpspd-page-description h1, .wpspd-page-description-holder #wpspd-page-description h2, .wpspd-page-description-holder #wpspd-page-description h3, .wpspd-page-description-holder #wpspd-page-description h4, .wpspd-page-description-holder #wpspd-page-description h5, .wpspd-page-description-holder #wpspd-page-description h6 {
margin-bottom: .4em;
margin-top: 0; }
.wpspd-page-description-holder #wpspd-page-description h1:last-child, .wpspd-page-description-holder #wpspd-page-description h2:last-child, .wpspd-page-description-holder #wpspd-page-description h3:last-child, .wpspd-page-description-holder #wpspd-page-description h4:last-child, .wpspd-page-description-holder #wpspd-page-description h5:last-child, .wpspd-page-description-holder #wpspd-page-description h6:last-child {
margin-bottom: 0; }
.wpspd-page-description-holder #wpspd-page-description p {
line-height: 1.1;
margin-bottom: 10px; }
.wpspd-page-description-holder #wpspd-page-description p:last-child {
margin-bottom: 0; }
.wpspd-page-description-holder #wpspd-page-description .wpspd-social-list ul, .wpspd-page-description-holder #wpspd-page-description .wpspd-social-bar ul {
margin-bottom: 0; }
.wpspd-page-description-holder #wpspd-page-description *[style^='text-align: left'] + .wpspd-social-bar, .wpspd-page-description-holder #wpspd-page-description *[style^='text-align: left'] + .wpspd-social-list {
text-align: left; }
.wpspd-page-description-holder #wpspd-page-description *[style^='text-align: right'] + .wpspd-social-bar, .wpspd-page-description-holder #wpspd-page-description *[style^='text-align: right'] + .wpspd-social-list {
text-align: right; }
.wpspd-controls-holder {
text-align: center;
position: relative;
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding-bottom: 50px; }
.wpspd-controls-holder > div > div {
display: inline-block;
vertical-align: middle; }
.wpspd-controls-holder .wpspd-to-content-holder {
float: left;
display: none; }
.wpspd-hero-loaded .wpspd-controls-holder .wpspd-to-content-holder {
display: inline-block; }
.wpspd-no-content:not(.page-template-home-template) .wpspd-controls-holder .wpspd-to-content-holder {
display: none; }
.wpspd-controls-holder .wpspd-flickity-dots {
margin-top: 4px;
float: right; }
.wpspd-controls-holder .wpspd-slide-description {
float: right;
text-align: right;
margin-top: .9em;
white-space: normal;
max-width: 40%;
line-height: 1em; }
.wpspd-controls-holder .wpspd-flickity-dots + .wpspd-slide-description {
margin-right: 35px; }
.wpspd-desc-bottom-center .wpspd-to-content-holder {
float: none; }
.wpspd-desc-bottom-left #wpspd-page-description + .wpspd-controls-holder .wpspd-to-content-holder {
float: right;
margin-left: 25px; }
.wpspd-desc-bottom-right #wpspd-page-description + .wpspd-controls-holder .wpspd-flickity-dots {
float: left;
margin-left: 25px; }
.wpspd-desc-bottom-right #wpspd-page-description + .wpspd-controls-holder .wpspd-slide-description {
float: left;
text-align: left; }
.wpspd-desc-bottom-right #wpspd-page-description + .wpspd-controls-holder .wpspd-flickity-dots + .wpspd-slide-description {
margin-left: 35px; }
#wpspd-to-content {
position: relative;
display: block;
width: 40px;
height: 40px;
margin-left: -10px;
background: url("../img/px.gif"); }
.wpspd-hero-loaded #wpspd-to-content:before {
content: '';
display: block;
width: 10px;
height: 10px;
margin: -8px 0 0 -5px;
border: 2px solid;
border-top: 0;
border-right: 0;
border-bottom-left-radius: 3px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.wpspd-hero-loaded #wpspd-to-content:after {
content: '';
border: 2px solid;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px; }
.wpspd-hero-loaded:not(.wpspd-menu-active) #wpspd-to-content:before {
-webkit-animation: wpspd-to-content-slide ease 2s infinite 0.5s;
animation: wpspd-to-content-slide ease 2s infinite 0.5s; }
.wpspd-hero-loaded:not(.wpspd-menu-active) #wpspd-to-content:after {
-webkit-animation: wpspd-to-content-scale ease 2s infinite 0.5s;
animation: wpspd-to-content-scale ease 2s infinite 0.5s; }
@-webkit-keyframes wpspd-to-content-slide {
75% {
-webkit-transform: translate(0, 0) rotate(-45deg); }
80% {
-webkit-opacity: 0;
opacity: 0;
-webkit-transform: translate(0, 60px); }
80.001% {
-webkit-transform: translate(0, -60px) rotate(-45deg); } }
@keyframes wpspd-to-content-slide {
75% {
-webkit-transform: translate(0, 0) rotate(-45deg);
transform: translate(0, 0) rotate(-45deg); }
80% {
-webkit-opacity: 0;
opacity: 0;
-webkit-transform: translate(0, 60px);
transform: translate(0, 60px); }
80.001% {
-webkit-transform: translate(0, -60px) rotate(-45deg);
transform: translate(0, -60px) rotate(-45deg); } }
@-webkit-keyframes wpspd-to-content-scale {
55% {
-webkit-opacity: 0;
opacity: 0;
-webkit-transform: scale(1); }
60% {
-webkit-opacity: 0;
opacity: 0;
-webkit-transform: scale(1.5); }
100% {
-webkit-opacity: 1;
opacity: 1;
-webkit-transform: scale(1); } }
@keyframes wpspd-to-content-scale {
55% {
-webkit-opacity: 0;
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1); }
60% {
-webkit-opacity: 0;
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5); }
100% {
-webkit-opacity: 1;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
/* Content */
#wpspd-page, #wpspd-page .wpspd-page-holder {
position: static !important; }
.wpspd-no-content .wpspd-main-header + #wpspd-page .wpspd-main-holder {
display: none; }
#wpspd-site-content > article {
position: relative; }
#wpspd-site-content > .post-edit-link {
bottom: auto;
left: auto;
z-index: 10000;
visibility: visible;
-webkit-transition: visibility 0.5s, opacity 0.3s 0.5s;
transition: visibility 0.5s, opacity 0.3s 0.5s;
position: fixed;
top: 0;
right: 0; }
.admin-bar #wpspd-site-content > .post-edit-link {
margin-top: 32px; }
.wpspd-sharing-bar-active #wpspd-site-content > .post-edit-link {
visibility: hidden;
-webkit-opacity: 0;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
/***************************************************************************
2.4 - Portfolio template
****************************************************************************/
#wpspd-portfolio .wpspd-posts-holder {
overflow: hidden; }
.wpspd-portfolio-flex #wpspd-portfolio .wpspd-posts-holder {
visibility: visible;
margin-left: -30px;
margin-right: -30px;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: distribute;
box-pack: distribute;
-webkit-justify-content: space-around;
justify-content: space-around;
-ms-flex-pack: distribute;
-webkit-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.wpspd-portfolio-flex #wpspd-portfolio .wpspd-portfolio-post {
overflow: hidden;
padding: 30px;
width: 33.3%; }
.wpspd-portfolio-flex #wpspd-portfolio .wpspd-portfolio-post.wpspd-portfolio-3-landscape, .wpspd-portfolio-flex #wpspd-portfolio .wpspd-portfolio-post.wpspd-portfolio-3-2x {
width: 66.6%; }
.wpspd-portfolio-flex #wpspd-portfolio .wpspd-portfolio-post .wpspd-portfolio-item {
overflow: hidden;
position: relative; }
.wpspd-portfolio-flex #wpspd-portfolio .wpspd-portfolio-post:last-child {
margin-right: auto; }
.wpspd-portfolio-flex.wpspd-portfolio-2 #wpspd-portfolio .wpspd-posts-holder {
margin-left: -60px;
margin-right: -60px; }
.wpspd-portfolio-flex.wpspd-portfolio-2 #wpspd-portfolio .wpspd-posts-holder .wpspd-portfolio-post {
padding: 60px;
width: 50%; }
.wpspd-portfolio-flex.wpspd-portfolio-2 #wpspd-portfolio .wpspd-posts-holder .wpspd-portfolio-post.wpspd-portfolio-2-landscape, .wpspd-portfolio-flex.wpspd-portfolio-2 #wpspd-portfolio .wpspd-posts-holder .wpspd-portfolio-post.wpspd-portfolio-2-2x {
width: 100%; }
/* Portfolio thumbnail */
/* Portfolio post sizes */
.wpspd-portfolio-post.wpspd-portfolio-3-landscape, .wpspd-portfolio-post.wpspd-portfolio-3-2x {
width: 1260px; }
.wpspd-portfolio-post.wpspd-portfolio-3-default, .wpspd-portfolio-post.wpspd-portfolio-3-portrait, .wpspd-portfolio-post.wpspd-portfolio-3-auto {
width: 630px; }
.wpspd-portfolio-post.wpspd-portfolio-2-landscape, .wpspd-portfolio-post.wpspd-portfolio-2-2x {
width: 1912px; }
.wpspd-portfolio-post.wpspd-portfolio-2-default, .wpspd-portfolio-post.wpspd-portfolio-2-portrait, .wpspd-portfolio-post.wpspd-portfolio-2-auto {
width: 956px; }
.wpspd-portfolio-item {
position: relative; }
.wpspd-portfolio-item .cbp-item-wrapper {
overflow: hidden; }
.wpspd-portfolio-item .wpspd-featured-image {
display: block; }
.wpspd-portfolio-item .wpspd-format-icon {
display: none;
-webkit-transition: background-color ease 0.3s;
transition: background-color ease 0.3s;
position: absolute;
top: 50%;
left: 50%;
width: 90px;
height: 90px;
margin-top: -45px;
margin-left: -45px; }
.wpspd-portfolio-item .wpspd-format-icon path {
fill: none;
stroke: currentColor;
stroke-width: 2px; }
.wpspd-portfolio-item .responsively-lazy-loaded .wpspd-format-icon {
display: block; }
.wpspd-portfolio-item .wpspd-entry-title {
font-size: 18px;
letter-spacing: .05em;
text-transform: uppercase;
font-weight: 600; }
body:not(.search) .wpspd-portfolio-item .wpspd-entry-title {
margin: 0; }
body:not(.wpspd-thumbnail-none) .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title {
padding: 30px;
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
body:not(.wpspd-thumbnail-none) .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title span {
display: inline-block;
vertical-align: top;
position: relative; }
body:not(.wpspd-thumbnail-none) .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title .wpspd-project-title-mask span[data-placeholder] {
padding: 0 2px; }
body:not(.wpspd-thumbnail-none) .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title .wpspd-project-title-mask span[data-placeholder]:before {
content: attr(data-placeholder);
height: 0;
overflow: hidden;
padding: inherit;
position: absolute;
top: 0;
left: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform ease 0.3s, height ease 0.3s;
-moz-transition: -moz-transform ease 0.3s, height ease 0.3s;
transition: transform ease 0.3s, height ease 0.3s; }
body:not(.wpspd-thumbnail-none) .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title .wpspd-project-title-mask span[data-placeholder] span {
color: transparent; }
body:not(.wpspd-thumbnail-none) .wpspd-portfolio-item .wpspd-entry-title .responsively-lazy-loaded + .wpspd-project-title {
display: block; }
.wpspd-portfolio-item:hover .wpspd-entry-title .wpspd-project-title .wpspd-project-title-mask span[data-placeholder]:before {
height: 100% !important;
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important; }
.wpspd-thumbnail-simple .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title {
font-size: 14px; }
.wpspd-thumbnail-simple .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title .wpspd-project-title-mask {
overflow: hidden;
z-index: 1;
padding: 16px 30px 18px;
position: absolute;
bottom: 0;
left: 0; }
.wpspd-thumbnail-simple .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title .wpspd-project-title-mask .wpspd-project-title-bg {
-webkit-transform: translateY(100%);
transform: translateY(100%);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-transform ease 0.3s 0.2s;
-moz-transition: -moz-transform ease 0.3s 0.2s;
transition: transform ease 0.3s 0.2s; }
.wpspd-thumbnail-simple .wpspd-portfolio-item:hover .wpspd-entry-title .wpspd-project-title .wpspd-project-title-mask {
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.wpspd-thumbnail-simple .wpspd-portfolio-item:hover .wpspd-entry-title .wpspd-project-title .wpspd-project-title-mask .wpspd-project-title-bg {
-webkit-transform: translateY(0);
transform: translateY(0); }
.wpspd-thumbnail-simple .wpspd-portfolio-item:hover .wpspd-entry-title .wpspd-project-title .wpspd-project-title-mask span[data-placeholder]:before {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s; }
.wpspd-thumbnail-fadeout .wpspd-portfolio-item .wpspd-featured-image {
position: relative;
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform ease 0.2s, opacity ease 0.3s;
-moz-transition: -moz-transform ease 0.2s, opacity ease 0.3s;
transition: transform ease 0.2s, opacity ease 0.3s; }
.wpspd-thumbnail-fadeout .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title .wpspd-project-border {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-opacity: 0;
opacity: 0;
-webkit-transition: opacity ease 0.3s;
transition: opacity ease 0.3s; }
.wpspd-thumbnail-fadeout .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title .wpspd-project-border span {
display: block;
position: absolute;
border: 10px none;
-webkit-transition: -webkit-transform ease 0.3s 0.3s;
-moz-transition: -moz-transform ease 0.3s 0.3s;
transition: transform ease 0.3s 0.3s; }
.wpspd-thumbnail-fadeout .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title .wpspd-project-border span.wpspd-project-border-top {
top: 0;
right: 0;
left: 0;
border-top-style: solid;
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
.wpspd-thumbnail-fadeout .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title .wpspd-project-border span.wpspd-project-border-right {
top: 0;
right: 0;
bottom: 0;
border-right-style: solid;
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
.wpspd-thumbnail-fadeout .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title .wpspd-project-border span.wpspd-project-border-bottom {
right: 0;
bottom: 0;
left: 0;
border-bottom-style: solid;
-webkit-transform: translateX(100%);
transform: translateX(100%); }
.wpspd-thumbnail-fadeout .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title .wpspd-project-border span.wpspd-project-border-left {
top: 0;
bottom: 0;
left: 0;
border-left-style: solid;
-webkit-transform: translateY(100%);
transform: translateY(100%); }
.wpspd-thumbnail-fadeout .wpspd-portfolio-item:not(:hover) .wpspd-entry-title .wpspd-project-title:after {
border-color: transparent; }
.wpspd-thumbnail-fadeout .wpspd-portfolio-item:hover .wpspd-featured-image {
-webkit-opacity: 0.1;
opacity: 0.1; }
.wpspd-thumbnail-fadeout .wpspd-portfolio-item:hover .wpspd-entry-title .wpspd-project-title .wpspd-project-border {
-webkit-opacity: 1;
opacity: 1;
-webkit-transition: none;
transition: none; }
.wpspd-thumbnail-fadeout .wpspd-portfolio-item:hover .wpspd-entry-title .wpspd-project-title .wpspd-project-border span {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translate(0, 0) !important;
transform: translate(0, 0) !important; }
.wpspd-thumbnail-overlay .wpspd-portfolio-item .wpspd-featured-image {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform ease 0.3s, opacity ease 0.3s;
-moz-transition: -moz-transform ease 0.3s, opacity ease 0.3s;
transition: transform ease 0.3s, opacity ease 0.3s; }
.wpspd-thumbnail-overlay .wpspd-portfolio-item:hover .wpspd-featured-image {
-webkit-opacity: 0.1;
opacity: 0.1;
-webkit-transform: scale(1.1);
transform: scale(1.1); }
.wpspd-thumbnail-fadeout .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title, .wpspd-thumbnail-overlay .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title {
text-align: center;
white-space: nowrap; }
.wpspd-thumbnail-fadeout .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title:before, .wpspd-thumbnail-overlay .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title:before {
content: '';
width: 0;
height: 100%;
display: inline-block;
-webkit-user-select: none;
user-select: none; }
.wpspd-thumbnail-fadeout .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title .wpspd-project-title-mask, .wpspd-thumbnail-overlay .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title .wpspd-project-title-mask {
white-space: normal; }
.wpspd-thumbnail-fadeout .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title:before, .wpspd-thumbnail-fadeout .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title .wpspd-project-title-mask, .wpspd-thumbnail-overlay .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title:before, .wpspd-thumbnail-overlay .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title .wpspd-project-title-mask {
vertical-align: middle; }
.wpspd-thumbnail-fadeout.wpspd-portfolio-2 .wpspd-portfolio-item .wpspd-entry-title, .wpspd-thumbnail-overlay.wpspd-portfolio-2 .wpspd-portfolio-item .wpspd-entry-title {
font-size: 16px; }
.wpspd-thumbnail-none .wpspd-portfolio-item .wpspd-entry-title {
font-size: 14px; }
.wpspd-thumbnail-none .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title {
margin-top: 0 !important;
padding-top: 1.5em;
margin-bottom: 0 !important;
padding-bottom: 2em;
display: block;
-webkit-transform: translateY(-0.5em);
transform: translateY(-0.5em);
-webkit-transition: -webkit-transform ease 0.3s;
-moz-transition: -moz-transform ease 0.3s;
transition: transform ease 0.3s; }
.wpspd-thumbnail-none .wpspd-portfolio-item:hover .wpspd-project-title {
-webkit-transform: translateY(0);
transform: translateY(0); }
.wpspd-thumbnail-none:not(.wpspd-portfolio-gaps):not(.wpspd-portfolio-flex) .wpspd-portfolio-item .wpspd-project-title {
text-align: center;
padding-left: 15px;
padding-right: 15px; }
.wpspd-portfolio-item .post-edit-link {
left: auto;
top: 0;
right: 0;
margin: 0; }
.wpspd-no-touch .wpspd-portfolio-item .post-edit-link {
-webkit-transform: translateY(-44px);
transform: translateY(-44px);
-webkit-transition: -webkit-transform ease 0.3s;
-moz-transition: -moz-transform ease 0.3s;
transition: transform ease 0.3s; }
.wpspd-thumbnail-fadeout .wpspd-portfolio-item .post-edit-link {
z-index: 2;
margin: 10px 10px 0 0; }
.wpspd-no-touch .wpspd-portfolio-item:hover .post-edit-link {
-webkit-transform: translateY(0);
transform: translateY(0); }
/* Gaps */
.wpspd-portfolio-gaps #wpspd-portfolio .wpspd-posts-holder {
margin-right: -50px; }
.wpspd-portfolio-gaps #wpspd-portfolio .wpspd-portfolio-item {
overflow: hidden;
-webkit-transform: translate(-50px, -50px);
transform: translate(-50px, -50px); }
.wpspd-portfolio-gaps #wpspd-portfolio .wpspd-entry-header {
-webkit-transform: translate(25px, 25px);
transform: translate(25px, 25px); }
.wpspd-portfolio-gaps #wpspd-portfolio .wpspd-entry-title .wpspd-project-title {
margin: 25px; }
.wpspd-portfolio-gaps #wpspd-portfolio .post-edit-link {
top: 50px; }
.wpspd-portfolio-gaps.wpspd-portfolio-2 #wpspd-portfolio .wpspd-posts-holder {
margin-right: -60px; }
.wpspd-portfolio-gaps.wpspd-portfolio-2 #wpspd-portfolio .wpspd-portfolio-item {
overflow: hidden;
-webkit-transform: translate(-60px, -60px);
transform: translate(-60px, -60px); }
.wpspd-portfolio-gaps.wpspd-portfolio-2 #wpspd-portfolio .wpspd-entry-header {
-webkit-transform: translate(30px, 30px);
transform: translate(30px, 30px); }
.wpspd-portfolio-gaps.wpspd-portfolio-2 #wpspd-portfolio .wpspd-entry-title .wpspd-project-title {
margin: 30px; }
.wpspd-portfolio-gaps.wpspd-portfolio-2 #wpspd-portfolio .post-edit-link {
top: 60px; }
/* Portfolio filter */
#wpspd-portfolio-filter {
height: 0;
position: relative;
-webkit-transition: height ease 0.3s 0.1s;
transition: height ease 0.3s 0.1s; }
.wpspd-page-description-holder[class*="-center"] ~ #wpspd-portfolio #wpspd-portfolio-filter {
text-align: center; }
.wpspd-page-description-holder[class*="-right"] ~ #wpspd-portfolio #wpspd-portfolio-filter {
text-align: right; }
#wpspd-portfolio-filter a, #wpspd-portfolio-filter li {
display: inline-block;
vertical-align: top; }
#wpspd-portfolio-filter .wpspd-filters-list {
list-style: none;
padding-left: 0;
margin-bottom: 0;
visibility: hidden;
-webkit-opacity: 0;
opacity: 0;
-webkit-transition: visibility ease 0.3s, opacity ease 0.3s;
transition: visibility ease 0.3s, opacity ease 0.3s;
display: inline-block; }
#wpspd-portfolio-filter .wpspd-filters-list li {
position: relative; }
#wpspd-portfolio-filter .wpspd-filters-list li:before {
content: '';
width: 5px;
height: 5px;
border: 1px solid;
margin: 2px 0 0 5px;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-opacity: 0;
opacity: 0;
-webkit-transform: translateY(5px);
transform: translateY(5px);
-webkit-transition: -webkit-transform ease 0.5s, opacity ease 0.5s;
-moz-transition: -moz-transform ease 0.5s, opacity ease 0.5s;
transition: transform ease 0.5s, opacity ease 0.5s;
position: absolute;
top: 0;
left: 100%; }
#wpspd-portfolio-filter .wpspd-filters-list li.cbp-filter-item-active:before {
-webkit-opacity: 1;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
#wpspd-portfolio-filter .wpspd-filters-list li:last-child {
margin-right: 0; }
#wpspd-portfolio-filter .wpspd-filters-list li #wpspd-all-filters {
font-weight: bold; }
#wpspd-portfolio-filter .wpspd-filters-list > li {
margin-right: 2.5em; }
#wpspd-portfolio-filter .wpspd-toggle-filter {
width: 41px;
height: 41px;
margin: 0 0 -12px -12px;
position: absolute;
bottom: 100%;
left: 100%; }
.wpspd-portfolio-gaps #wpspd-portfolio-filter .wpspd-toggle-filter {
margin-left: -8px;
margin-bottom: -8px; }
#wpspd-portfolio-filter .wpspd-toggle-filter span {
position: inherit;
width: 3px;
border-bottom: 3px solid;
margin-top: -1px;
margin-left: -1px;
left: 50%; }
#wpspd-portfolio-filter .wpspd-toggle-filter span:before {
left: -6px; }
#wpspd-portfolio-filter .wpspd-toggle-filter span:after {
right: -6px; }
#wpspd-portfolio-filter .wpspd-toggle-filter span:before, #wpspd-portfolio-filter .wpspd-toggle-filter span:after {
content: '';
position: inherit;
top: 0;
width: 100%;
border-bottom: 3px solid;
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform ease 0.3s, width ease 0.3s;
-moz-transition: -moz-transform ease 0.3s, width ease 0.3s;
transition: transform ease 0.3s, width ease 0.3s; }
#wpspd-portfolio-filter .wpspd-toggle-filter span:nth-child(1), #wpspd-portfolio-filter .wpspd-toggle-filter span:nth-child(3) {
top: 13px; }
#wpspd-portfolio-filter .wpspd-toggle-filter span:nth-child(1):after, #wpspd-portfolio-filter .wpspd-toggle-filter span:nth-child(3):after {
-webkit-transform-origin: right top;
transform-origin: right top; }
#wpspd-portfolio-filter .wpspd-toggle-filter span:nth-child(2) {
top: 19px; }
#wpspd-portfolio-filter .wpspd-toggle-filter span:nth-child(3) {
top: 25px; }
#wpspd-portfolio-filter .wpspd-toggle-filter span:nth-child(3):before {
visibility: hidden;
-webkit-transition: -webkit-transform ease 0.3s, visibility ease 0.2s, width ease 0.3s;
-moz-transition: -moz-transform ease 0.3s, visibility ease 0.2s, width ease 0.3s;
transition: transform ease 0.3s, visibility ease 0.2s, width ease 0.3s; }
#wpspd-portfolio-filter.wpspd-filter-active {
-webkit-transition-delay: 0s;
transition-delay: 0s; }
#wpspd-portfolio-filter.wpspd-filter-active .wpspd-filters-list {
visibility: visible;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-opacity: 1;
opacity: 1; }
#wpspd-portfolio-filter.wpspd-filter-active .wpspd-toggle-filter {
-webkit-pointer-events: none;
pointer-events: none; }
#wpspd-portfolio-filter.wpspd-filter-active .wpspd-toggle-filter span:nth-child(1), #wpspd-portfolio-filter.wpspd-filter-active .wpspd-toggle-filter span:nth-child(2), #wpspd-portfolio-filter.wpspd-filter-active .wpspd-toggle-filter span:nth-child(2):before, #wpspd-portfolio-filter.wpspd-filter-active .wpspd-toggle-filter span:nth-child(2):after, #wpspd-portfolio-filter.wpspd-filter-active .wpspd-toggle-filter span:nth-child(3) {
border-color: transparent; }
#wpspd-portfolio-filter.wpspd-filter-active .wpspd-toggle-filter span:nth-child(3):before {
visibility: visible;
-webkit-transition: -webkit-transform ease 0.3s, width ease 0.3s;
-moz-transition: -moz-transform ease 0.3s, width ease 0.3s;
transition: transform ease 0.3s, width ease 0.3s; }
#wpspd-portfolio-filter.wpspd-filter-active .wpspd-toggle-filter span:nth-child(1):before {
-webkit-transform: rotate(45deg) translate(1px, -2px);
transform: rotate(45deg) translate(1px, -2px); }
#wpspd-portfolio-filter.wpspd-filter-active .wpspd-toggle-filter span:nth-child(1):after {
-webkit-transform: rotate(-45deg) translate(-1px, -2px);
transform: rotate(-45deg) translate(-1px, -2px); }
#wpspd-portfolio-filter.wpspd-filter-active .wpspd-toggle-filter span:nth-child(3):before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
#wpspd-portfolio-filter.wpspd-filter-active .wpspd-toggle-filter span:nth-child(3):after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
#wpspd-portfolio-filter.wpspd-filter-active .wpspd-toggle-filter span:nth-child(1):before, #wpspd-portfolio-filter.wpspd-filter-active .wpspd-toggle-filter span:nth-child(1):after, #wpspd-portfolio-filter.wpspd-filter-active .wpspd-toggle-filter span:nth-child(3):before, #wpspd-portfolio-filter.wpspd-filter-active .wpspd-toggle-filter span:nth-child(3):after {
width: 7px; }
/***************************************************************************
2.5 - Blog
****************************************************************************/
.wpspd-posts .hentry {
position: relative;
margin-bottom: 8%; }
.wpspd-posts .hentry .post-edit-link {
left: auto;
right: 0; }
.wpspd-posts .wpspd-posts-holder > .hentry:last-child {
margin-bottom: 0; }
.wpspd-posts .wpspd-featured-image {
position: relative;
margin-bottom: 40px; }
.wpspd-posts .wpspd-featured-image a {
display: block;
position: relative; }
.wpspd-posts .wpspd-post-content {
-webkit-box-pack: distribute;
box-pack: distribute;
-webkit-justify-content: space-around;
justify-content: space-around;
-ms-flex-pack: distribute;
-webkit-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.wpspd-posts .wpspd-post-content .wpspd-entry-content-holder {
width: 50%;
margin-right: 55px; }
.wpspd-blog-minimal .wpspd-posts .wpspd-post-content .wpspd-entry-content-holder {
width: 75%;
margin-right: 0; }
.wpspd-posts .wpspd-post-content .wpspd-more-button {
position: relative;
text-transform: uppercase;
font-size: 14px;
letter-spacing: .3em;
line-height: 1em;
display: inline-block; }
.wpspd-posts .wpspd-post-content .wpspd-more-button:after {
content: '';
height: .6em;
background: currentColor;
margin-top: -.3em;
-webkit-opacity: 0.1;
opacity: 0.1;
position: absolute;
top: 50%;
right: -3px;
left: -3px;
-webkit-transition: right ease 0.3s;
transition: right ease 0.3s; }
.wpspd-posts .wpspd-post-content .wpspd-more-button:hover:after {
right: -40px; }
.wpspd-posts .wpspd-entry-header {
margin: .5em 0;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-ms-flex-align: start;
-webkit-flex-grow: 1;
flex-grow: 1;
-ms-flex-positive: 1; }
.wpspd-posts .wpspd-entry-header > span {
margin-right: 8%; }
.wpspd-blog-minimal .wpspd-posts .wpspd-entry-header {
width: 25%; }
.wpspd-posts .wpspd-entry-header, .wpspd-posts .wpspd-post-content {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; }
.wpspd-blog-minimal .wpspd-posts .hentry:hover .wpspd-posted-on, .wpspd-blog-minimal .wpspd-posts .hentry:hover .wpspd-posted-in {
-webkit-opacity: 1;
opacity: 1; }
.wpspd-blog-plain .hentry .wpspd-entry-title, .wpspd-blog-minimal .hentry .wpspd-entry-title {
font-size: 36px; }
.wpspd-blog-minimal .wpspd-posts-holder {
width: 80%; }
.wpspd-blog-minimal .hentry .wpspd-entry-title {
margin-bottom: 0; }
.wpspd-blog-minimal .hentry .post-edit-link {
top: -5px;
right: -5px; }
.wpspd-blog-minimal .wpspd-posts-holder .hentry:nth-child(1) {
margin-bottom: 5%; }
.wpspd-blog-minimal .wpspd-posts-holder .hentry:nth-child(2) {
margin-bottom: 4%; }
.wpspd-blog-minimal .wpspd-posts-holder .hentry:nth-child(2) .wpspd-entry-title {
font-size: 28px; }
.wpspd-blog-minimal .wpspd-posts-holder .hentry:nth-child(3) {
margin-bottom: 3%; }
.wpspd-blog-minimal .wpspd-posts-holder .hentry:nth-child(3) .wpspd-entry-title {
font-size: 22px; }
.wpspd-blog-minimal .wpspd-posts-holder .hentry:nth-child(1n+4) {
margin-bottom: 2%; }
.wpspd-blog-minimal .wpspd-posts-holder .hentry:nth-child(1n+4) .wpspd-entry-title {
font-size: 20px; }
.wpspd-blog-minimal .wpspd-posts-holder .hentry:last-child {
margin-bottom: 0; }
.wpspd-blog-minimal .wpspd-featured-posts {
padding-top: 10px;
margin: 0 -45px 6%;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-direction: row; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry {
margin-bottom: 0;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
flex: 1; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry:before {
content: '';
width: auto;
margin: 0;
border: 10px solid;
-webkit-opacity: 0.05;
opacity: 0.05;
-webkit-transform: none;
transform: none;
-webkit-transition: opacity ease 0.3s;
transition: opacity ease 0.3s;
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry:nth-child(2):not(:last-child):before {
top: -15px;
bottom: -15px; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry:nth-child(2):not(:last-child) .post-edit-link {
margin-top: -10px; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry:nth-child(2):not(:last-child) .wpspd-post-border {
top: -15px;
bottom: -15px; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry:nth-child(2):not(:last-child) .wpspd-post-border span:after {
top: 45px; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry .wpspd-post-border {
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
overflow: hidden; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry .wpspd-post-border:before, .wpspd-blog-minimal .wpspd-featured-posts .hentry .wpspd-post-border:after, .wpspd-blog-minimal .wpspd-featured-posts .hentry .wpspd-post-border span:before, .wpspd-blog-minimal .wpspd-featured-posts .hentry .wpspd-post-border span:after {
content: '';
border-width: 10px;
border-color: currentColor;
position: absolute;
-webkit-transition: -webkit-transform ease 0.4s;
-moz-transition: -moz-transform ease 0.4s;
transition: transform ease 0.4s; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry .wpspd-post-border:before {
top: 0;
right: 0;
left: 50px;
border-top-style: solid;
-webkit-transform: translateX(105%);
transform: translateX(105%); }
.wpspd-blog-minimal .wpspd-featured-posts .hentry .wpspd-post-border:after {
top: 0;
right: 0;
bottom: 0;
border-right-style: solid;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
-webkit-transform: translateY(105%);
transform: translateY(105%); }
.wpspd-blog-minimal .wpspd-featured-posts .hentry .wpspd-post-border span {
display: block;
width: 100%;
height: 100%; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry .wpspd-post-border span:before {
right: 0;
bottom: 0;
left: 0;
border-bottom-style: solid;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
-webkit-transform: translateX(105%);
transform: translateX(105%); }
.wpspd-blog-minimal .wpspd-featured-posts .hentry .wpspd-post-border span:after {
top: 65px;
bottom: 0;
left: 0;
border-left-style: solid;
-webkit-transform: translateY(105%);
transform: translateY(105%); }
.wpspd-blog-minimal .wpspd-featured-posts .hentry:hover .wpspd-post-border:after, .wpspd-blog-minimal .wpspd-featured-posts .hentry:hover .wpspd-post-border span:before {
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry:hover .wpspd-post-border:before, .wpspd-blog-minimal .wpspd-featured-posts .hentry:hover .wpspd-post-border span:after {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry:hover .wpspd-post-border:before, .wpspd-blog-minimal .wpspd-featured-posts .hentry:hover .wpspd-post-border:after, .wpspd-blog-minimal .wpspd-featured-posts .hentry:hover .wpspd-post-border span:before, .wpspd-blog-minimal .wpspd-featured-posts .hentry:hover .wpspd-post-border span:after {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
.wpspd-blog-minimal .wpspd-featured-posts .hentry .wpspd-post-holder {
padding: 45px;
padding-bottom: 35px; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry .wpspd-post-holder .wpspd-post-content {
display: block; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry .wpspd-post-holder .wpspd-post-content .wpspd-entry-header {
width: auto;
margin-bottom: 25%; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry .wpspd-post-holder .wpspd-post-content .wpspd-entry-header .wpspd-posted-on {
-webkit-opacity: 1;
opacity: 1; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry .wpspd-post-holder .wpspd-post-content .wpspd-entry-header .wpspd-posted-on br {
display: none; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry .wpspd-post-holder .wpspd-post-content .wpspd-entry-content-holder {
width: auto; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry .wpspd-post-holder .wpspd-post-content .wpspd-entry-content-holder .wpspd-entry-title {
margin-bottom: 0; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry .wpspd-post-holder .wpspd-post-content .wpspd-entry-header, .wpspd-blog-minimal .wpspd-featured-posts .hentry .wpspd-post-holder .wpspd-post-content .wpspd-entry-content-holder {
position: relative; }
.wpspd-blog-grid .cbp-wrapper-outer, .wpspd-blog-grid .cbp .cbp-item {
overflow: visible; }
.wpspd-blog-grid .wpspd-posts .hentry {
position: absolute;
margin-bottom: 50px; }
.wpspd-blog-grid .wpspd-posts .wpspd-entry-header > span {
margin-right: 5%; }
.wpspd-blog-grid .wpspd-posts .wpspd-post-content .wpspd-entry-content-holder {
margin-right: 0;
width: auto; }
.wpspd-blog-grid .wpspd-posts .wpspd-post-content .wpspd-entry-content-holder .wpspd-entry-title {
font-size: 36px; }
.wpspd-blog-grid .wpspd-posts .wpspd-entry-header, .wpspd-blog-grid .wpspd-posts .wpspd-post-content {
display: block; }
#wpspd-portfolio .hentry.post-password-required .wpspd-project-title {
border: 10px solid; }
#wpspd-portfolio .hentry.post-password-required .wpspd-featured-image img {
-webkit-opacity: 0;
opacity: 0; }
.wpspd-featured-posts .hentry.post-password-required .wpspd-post-holder:before {
-webkit-opacity: 0.1;
opacity: 0.1; }
.wpspd-featured-posts .hentry.post-password-required .wpspd-post-holder:before, #wpspd-portfolio .hentry.post-password-required .wpspd-featured-image:after, .wpspd-bg-pass:before {
content: '\e80d';
font-family: 'fontello';
font-size: 5em;
line-height: 2em;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
width: 2em;
height: 2em;
margin-top: -1em;
margin-left: -1em; }
/* Format icons */
.wpspd-blog-link {
position: relative;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%; }
.wpspd-blog-link .wpspd-blog-link-bg {
-webkit-transform: scale(0) rotate(90deg);
transform: scale(0) rotate(90deg);
-webkit-transition: -webkit-transform ease 0.5s;
-moz-transition: -moz-transform ease 0.5s;
transition: transform ease 0.5s;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.wpspd-featured-image:hover .responsively-lazy-loaded .wpspd-blog-link .wpspd-blog-link-bg {
-webkit-transition-timing-function: cubic-bezier(0.65, 0.4, 0.37, 1.21);
transition-timing-function: cubic-bezier(0.65, 0.4, 0.37, 1.21);
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg); }
.wpspd-blog-link .wpspd-format-icon {
width: 120px;
height: 120px;
position: relative; }
.wpspd-blog-link .wpspd-format-icon path {
fill: none;
stroke-width: 3px;
stroke-linecap: round;
stroke-linejoin: round;
stroke: currentColor; }
.wpspd-featured-image:hover .responsively-lazy-loaded .wpspd-blog-link .wpspd-format-icon path {
stroke-dashoffset: 0;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
-webkit-transition: stroke-dashoffset ease 0.8s 0.4s;
transition: stroke-dashoffset ease 0.8s 0.4s; }
.wpspd-blog-link .wpspd-format-icon.wpspd-format-link path {
stroke-dasharray: 74;
stroke-dashoffset: 74; }
.wpspd-blog-link .wpspd-format-icon.wpspd-format-video path {
stroke-dasharray: 119;
stroke-dashoffset: 119; }
.wpspd-blog-link .wpspd-format-icon.wpspd-format-audio path {
stroke-dasharray: 116;
stroke-dashoffset: 116; }
.sticky .wpspd-sticky-label, .wpspd-sticky-label {
font-size: 14px;
white-space: nowrap;
display: inline-block;
line-height: 1em;
position: absolute;
top: -1em;
left: -0.5em;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: rotate(-90deg) translateX(-100%);
transform: rotate(-90deg) translateX(-100%); }
/***************************************************************************
2.5.1 - Entry meta
****************************************************************************/
.wpspd-entry-meta-footer .wpspd-tags-links {
display: inline-block; }
.wpspd-entry-meta-footer .wpspd-author-link + .wpspd-tags-links {
margin-left: 20px;
float: right; }
.wpspd-entry-meta-footer a {
font-weight: bold; }
.wpspd-entry-meta-footer .wpspd-author-avatar {
display: inline-block;
display: inline-block;
vertical-align: middle;
overflow: hidden;
margin-right: 5px;
margin-left: 2px; }
.wpspd-entry-meta-footer .wpspd-author-avatar img {
margin: 0; }
.wpspd-author-avatar {
display: inline-block;
overflow: hidden;
-webkit-border-radius: 50%;
border-radius: 50%; }
.updated:not(.published) {
display: none; }
.wpspd-posted-in + .wpspd-entry-title {
margin-top: 5px; }
.wpspd-posted-in, .wpspd-posted-on, .wpspd-author-link {
display: inline-block;
vertical-align: top;
text-transform: uppercase;
font-size: 12px;
letter-spacing: .03em;
-webkit-opacity: 0.4;
opacity: 0.4;
-webkit-transition: opacity ease 0.3s;
transition: opacity ease 0.3s; }
.wpspd-posted-in:hover, .wpspd-posted-on:hover, .wpspd-author-link:hover {
-webkit-opacity: 1;
opacity: 1; }
.wpspd-entry-header .wpspd-author-link span {
vertical-align: top; }
.wpspd-entry-content .wpspd-author-link {
display: inline-block;
margin-bottom: 1em; }
/***************************************************************************
2.5.2 - Post edit link
****************************************************************************/
.post-edit-link, .vc_inline-link, .comment-edit-link {
overflow: hidden;
text-align: center;
font-size: 14px;
width: 30px;
height: 30px;
line-height: 30px;
text-transform: uppercase;
position: absolute;
top: 0;
left: 0; }
.post-edit-link:hover, .vc_inline-link:hover, .comment-edit-link:hover {
background-color: #fff !important;
color: #181818 !important; }
.post-edit-link:before, .vc_inline-link:before, .comment-edit-link:before {
line-height: inherit;
font-family: 'fontello';
content: '\e814'; }
.vc_inline-link {
text-indent: -9999px; }
.vc_inline-link:before {
content: '\e819';
text-indent: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
/***************************************************************************
2.5.3 - Single posts
****************************************************************************/
.wpspd-single-post-header #wpspd-page-title .wpspd-entry-title {
margin-bottom: 0; }
.wpspd-featured-image {
position: relative; }
.wpspd-featured-image img {
display: block;
margin-left: auto;
margin-right: auto; }
.wpspd-featured-image #wpspd-hero-slideshow .flickity-viewport {
-webkit-transition: height ease 0.3s;
transition: height ease 0.3s; }
.wpspd-featured-image #wpspd-hero-slideshow .flickity-page-dots {
margin-top: 30px;
text-align: center; }
.wpspd-featured-image #wpspd-hero-slideshow .flickity-page-dots li {
margin-left: .5em;
margin-right: .5em; }
.wpspd-featured-image #wpspd-hero-slideshow .wpspd-slide-description {
margin-top: 10px; }
.wpspd-featured-image #wpspd-hero-slideshow .flickity-prev-next-button {
bottom: auto;
top: 50%;
width: 30px;
padding: 0;
margin-top: -50px; }
.wpspd-featured-image #wpspd-hero-slideshow .flickity-prev-next-button.previous {
left: auto;
right: 100%;
margin-right: 10px; }
.wpspd-featured-image #wpspd-hero-slideshow .flickity-prev-next-button.next {
right: auto;
left: 100%;
margin-left: 10px; }
.logged-in-as {
font-size: 12px; }
.wpspd-project-details-list {
list-style: none;
padding: 0; }
.wpspd-project-details-list li {
display: block;
margin-bottom: 10px; }
.wpspd-project-details-list li strong {
font-weight: normal;
text-transform: uppercase;
font-size: 11px; }
.wpspd-project-details-list li:first-child p {
font-weight: bold; }
.wpspd-project-details-list p {
margin-bottom: 0; }
/***************************************************************************
2.5.4 - Author bio
****************************************************************************/
.wpspd-author-info .wpspd-author-avatar {
margin-bottom: 30px; }
.wpspd-author-info .author-meta-description {
border-left: 3px solid;
padding-left: 40px; }
.wpspd-author-info .author-meta-description p {
font-size: 26px;
line-height: 1.3; }
.wpspd-author-info .author-meta-description .wpspd-author-heading .wpspd-published-posts {
text-transform: uppercase;
font-size: 14px;
margin-left: 1em;
vertical-align: middle; }
/***************************************************************************
2.5.5 - Comments
****************************************************************************/
.wpspd-comments-title {
position: relative;
margin-bottom: 10%;
display: inline-block;
font-size: 18px; }
html.js .wpspd-comments-title {
cursor: pointer; }
.wpspd-comments-title span {
position: relative;
border-bottom: 1px solid; }
html.no-js .wpspd-comments-title span:first-child {
display: none; }
.wpspd-comments-title:before {
content: '';
width: 283px;
height: 51px;
background-image: url("../img/comments.png");
background-repeat: no-repeat;
background-size: 283px 102px;
margin-top: 10px;
margin-left: -60px;
position: absolute;
top: 0;
left: 0; }
.wpspd-dark-page .wpspd-comments-title:before {
background-position: bottom left; }
#wpspd-comments {
margin-top: 40px; }
#wpspd-comments-list {
list-style: none;
margin-bottom: 40px;
padding: 0; }
html.js #wpspd-comments-list {
display: none; }
html.js #wpspd-comments-list.wpspd-comments-visible {
display: block; }
#wpspd-comments-list li .wpspd-comment-body {
position: relative;
padding-top: 5%;
padding-bottom: 5%; }
#wpspd-comments-list li .wpspd-comment-body .wpspd-avatar {
width: 96px;
height: 96px;
display: inline-block;
margin-bottom: 20px; }
#wpspd-comments-list li .wpspd-comment-body .wpspd-avatar img {
margin-left: 0; }
#wpspd-comments-list li .wpspd-comment-body .wpspd-comment-content-wrapper .wpspd-comment-content .wpspd-comment-author-meta {
margin-bottom: 1em; }
#wpspd-comments-list li .wpspd-comment-body .wpspd-comment-content-wrapper .wpspd-comment-content .wpspd-comment-author-meta strong {
font-size: 20px;
position: relative; }
#wpspd-comments-list li .wpspd-comment-body .wpspd-comment-content-wrapper .wpspd-comment-content .wpspd-comment-author-meta > a:not(.comment-edit-link) {
line-height: 1em; }
#wpspd-comments-list li .wpspd-comment-body .wpspd-comment-content-wrapper .wpspd-comment-content .wpspd-comment-author-meta > a:not(.comment-edit-link) span {
display: block;
text-transform: uppercase;
font-size: 12px;
-webkit-opacity: 0.4;
opacity: 0.4; }
#wpspd-comments-list li .wpspd-comment-body .wpspd-comment-content-wrapper .wpspd-comment-content .wpspd-comment-author-meta .comment-edit-link {
left: auto;
right: 0;
text-indent: 999px; }
#wpspd-comments-list li .wpspd-comment-body .wpspd-comment-content-wrapper .wpspd-comment-content .wpspd-comment-author-meta .comment-edit-link:before {
text-indent: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
#wpspd-comments-list li .wpspd-comment-body .wpspd-comment-content-wrapper .wpspd-comment-content .comment-reply-link {
text-transform: uppercase;
font-size: 14px;
line-height: 1em;
font-weight: bold;
display: inline-block;
border-bottom: 2px solid; }
#wpspd-comments-list li.bypostauthor .wpspd-comment-body .wpspd-comment-content-wrapper .wpspd-comment-content strong:before {
content: '';
width: 6px;
height: 6px;
border: 1px solid;
margin-right: 7px;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 0;
right: 100%; }
#wpspd-comments-list li.even > .wpspd-comment-body:before {
display: block;
content: '';
background-color: currentColor;
-webkit-opacity: 0.03;
opacity: 0.03;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
#wpspd-comments-list li.odd + #respond:before {
content: '';
border-top: 1px solid;
-webkit-opacity: 0.06;
opacity: 0.06;
position: absolute;
top: 0;
right: 0;
left: 0; }
#wpspd-comments-list ul {
list-style: none;
padding-left: 0; }
#wpspd-comments-list ul > li > .wpspd-comment-body {
padding-left: 5%; }
.wpspd-avatar {
display: block;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden; }
.wpspd-avatar img {
margin-left: 0; }
.comment-respond {
position: relative; }
.comment-respond textarea, .comment-respond textarea:focus {
border-bottom-color: inherit; }
.comment-respond textarea, .comment-respond input {
border-style: none;
border-left-style: none;
border-right-style: none; }
.comment-respond .wpspd-form-message {
border-bottom: 5px solid;
position: relative; }
.comment-respond .wpspd-form-message .wpspd-message-title {
display: inline-block;
font-size: 36px;
-webkit-pointer-events: none;
pointer-events: none;
position: absolute;
top: 0;
left: 0; }
.comment-respond .wpspd-form-message .wpspd-message-title:after {
content: '';
height: 36px;
border-right: 1px solid;
position: absolute;
top: 0.25em;
left: 0;
-webkit-animation: wpspd-blinking 1s infinite;
animation: wpspd-blinking 1s infinite; }
html.no-js .comment-respond .wpspd-form-message .wpspd-message-title {
display: none; }
.comment-respond .wpspd-form-message.wpspd-comment-form-focus .wpspd-message-title {
display: none; }
.comment-respond .wpspd-form-name {
border-right: 1px solid; }
.comment-respond .form-submit {
text-align: center; }
.comment-respond .form-submit .wpspd-submit-comment {
text-transform: uppercase;
font-weight: bold;
padding: 0;
background-color: transparent; }
.comment-respond .form-submit .wpspd-submit-comment:focus {
outline: none; }
@-webkit-keyframes wpspd-blinking {
50% {
-webkit-opacity: 0;
opacity: 0; }
100% {
-webkit-opacity: 1;
opacity: 1; } }
@keyframes wpspd-blinking {
50% {
-webkit-opacity: 0;
opacity: 0; }
100% {
-webkit-opacity: 1;
opacity: 1; } }
#wpspd-comments-num {
display: inline-block;
position: relative;
cursor: pointer; }
#wpspd-comments-num .wpspd-comments-num {
display: inline-block;
font-size: 6em;
font-weight: normal !important;
vertical-align: top;
line-height: 1em; }
#wpspd-comments-num span {
line-height: 1.1;
display: inline-block; }
#wpspd-comments-num span + .wpspd-comments-num {
-webkit-opacity: 0.1;
opacity: 0.1; }
#wpspd-comments-num span:not(.wpspd-comments-num) {
display: inline-block;
line-height: 1em;
font-size: 14px;
text-transform: uppercase;
white-space: nowrap;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%; }
#wpspd-comments-num i {
-webkit-opacity: 0.3;
opacity: 0.3;
position: absolute;
top: 0;
left: 100%; }
#cancel-comment-reply-link {
display: block;
text-align: center;
width: 30px;
height: 30px;
line-height: 24px;
border: 3px solid;
position: absolute;
margin-top: -.2em;
margin-left: -60px;
-webkit-border-radius: 50%;
border-radius: 50%; }
.wpspd-comment-navigation {
text-align: center;
margin-bottom: 40px; }
html.js .wpspd-comment-navigation {
display: none; }
html.js .wpspd-comments-visible + .wpspd-comment-navigation {
display: block; }
.wpspd-comment-navigation > div {
display: inline-block; }
.wpspd-comment-navigation .nav-previous {
margin-left: -40px; }
.wpspd-comment-navigation .nav-next {
margin-right: -40px; }
.wpspd-comment-navigation a {
display: inherit;
padding: 5px 20px; }
/***************************************************************************
2.6 - Archives
****************************************************************************/
.archive #wpspd-page-description h1 span {
letter-spacing: normal;
font-size: 18px;
display: block; }
.wpspd-taxonomy-description {
line-height: 1.2; }
/***************************************************************************
2.5.7 - 404 page
****************************************************************************/
.wpspd-error-404 .wpspd-page-content {
position: relative; }
.wpspd-error-404 .wpspd-page-content .wpspd-not-found {
font-size: 18px;
line-height: 1em; }
.wpspd-404-device-holder {
position: relative; }
.wpspd-404-device-holder:after {
content: '';
position: absolute;
top: 6px;
right: 6px;
bottom: 6px;
left: 6px;
border: 1px solid #aeaeae;
border-top-style: none;
border-left-style: none;
-webkit-border-radius: 5px;
border-radius: 5px;
box-shadow: 1px 1px 0px 2px rgba(0, 0, 0, 0.1); }
.wpspd-404-device {
position: relative;
padding: 20px 30px 20px 170px;
-webkit-border-radius: 8px;
border-radius: 8px; }
.wpspd-404-device:before {
left: 30px; }
.wpspd-404-device:after {
right: 30px; }
.wpspd-404-device:before, .wpspd-404-device:after {
content: '';
width: 30px;
height: 5px;
border-top-style: none;
position: absolute;
top: 100%; }
.wpspd-404-device .wpspd-404-dynamic {
width: 80px;
height: 60px;
background-image: url("../img/dot-20.png");
background-size: 10px 10px;
position: absolute;
top: 45px;
left: 30px; }
.wpspd-404-device .wpspd-404-switch {
width: 54px;
height: 20px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: 5px 2px 0px 0 rgba(0, 0, 0, 0.1);
position: absolute;
bottom: 30px;
left: 30px; }
.wpspd-404-device .wpspd-404-switch:before {
content: '';
width: 6px;
height: 6px;
margin-top: -3px;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 50%;
left: 6px; }
.wpspd-404-device .wpspd-404-switch:after {
content: '';
border-left: 1px solid;
position: absolute;
top: 0;
bottom: 0;
left: 50%; }
.wpspd-404-device, .wpspd-404-device:before, .wpspd-404-device:after, .wpspd-404-device .wpspd-404-switch, .wpspd-404-device .wpspd-404-switch:before {
border: 2px solid; }
.wpspd-404-device .wpspd-404 {
overflow: hidden;
white-space: nowrap; }
.wpspd-404-device .wpspd-404 span {
position: relative;
width: .7em;
font-size: 10em;
height: 1em;
line-height: 1em;
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-animation: wpspd-translate-letters ease 1s forwards 0.5s;
animation: wpspd-translate-letters ease 1s forwards 0.5s; }
.wpspd-404-device .wpspd-404 span:before {
content: '1';
position: absolute;
right: 0;
bottom: 100%;
left: 0; }
.wpspd-404-device .wpspd-404 span:not(.wpspd-null):before {
content: '5'; }
.wpspd-404-device .wpspd-404 span:nth-child(2) {
-webkit-transform: translateY(80%);
transform: translateY(80%);
-webkit-animation-delay: 1s;
animation-delay: 1s; }
.wpspd-404-device .wpspd-404 span:nth-child(3) {
-webkit-transform: translateY(60%);
transform: translateY(60%);
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s; }
.wpspd-404-device p {
margin-bottom: 0; }
.wpspd-404-device-holder, .wpspd-404-device, .wpspd-404-device .wpspd-404 span {
vertical-align: top;
display: inline-block; }
@-webkit-keyframes wpspd-translate-letters {
100% {
-webkit-transform: translateY(0); } }
@keyframes wpspd-translate-letters {
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
/***************************************************************************
2.8 - Search
****************************************************************************/
body.search #wpspd-search-results {
margin-left: -30px;
margin-right: -30px;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
body.search #wpspd-search-results .hentry {
padding-left: 30px;
padding-right: 30px;
width: 50%;
margin-bottom: 40px; }
body.search #wpspd-search-results .hentry:last-child {
margin-bottom: 0; }
body.search #wpspd-search-results .hentry .wpspd-entry-header > span {
display: inline-block;
margin-right: 20px; }
body.search #wpspd-search-results .hentry .wpspd-entry-content-holder {
width: auto; }
body.search #wpspd-search-results .hentry .wpspd-post-content, body.search #wpspd-search-results .hentry .wpspd-entry-header {
display: block; }
body.search #wpspd-search-results .hentry .wpspd-empty-thumbnail {
display: block;
padding-bottom: 75%;
margin-bottom: 30px;
position: relative; }
body.search #wpspd-search-results .hentry .wpspd-empty-thumbnail i {
text-align: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
body.search #wpspd-search-results .hentry .wpspd-empty-thumbnail i:after {
content: '';
height: 100%; }
body.search #wpspd-search-results .hentry .wpspd-empty-thumbnail i:before, body.search #wpspd-search-results .hentry .wpspd-empty-thumbnail i:after {
display: inline-block;
vertical-align: middle; }
/***************************************************************************
2.9 - Attachment page
****************************************************************************/
.single-attachment #wpspd-page-title {
margin-bottom: 5%; }
#wpspd-attachment-details {
padding: 20px 2em;
margin-bottom: 40px; }
#wpspd-attachment-details footer, #wpspd-attachment-details nav, #wpspd-attachment-details div {
vertical-align: top;
display: inline-block; }
#wpspd-attachment-details .wpspd-entry-meta-footer, #wpspd-attachment-details #wpspd-image-nav a {
margin-right: 1em; }
/***************************************************************************
2.10 - Pagination
****************************************************************************/
.wpspd-pagination {
font-size: 20px;
position: relative;
display: inline-block;
padding: 1em 2em; }
body.single .wpspd-pagination {
margin-top: 5%;
margin-bottom: 5%; }
.wpspd-pagination > div {
line-height: 1em; }
.wpspd-pagination > div:not(.wpspd-page-numbers) {
display: block; }
.wpspd-pagination > div:not(.wpspd-page-numbers) .wpspd-no-pages {
-webkit-opacity: 0.3;
opacity: 0.3; }
.wpspd-pagination > div:not(.wpspd-page-numbers).wpspd-prev-page {
bottom: 0;
margin-bottom: 2px;
margin-left: -65px; }
.wpspd-pagination > div:not(.wpspd-page-numbers).wpspd-next-page {
top: 0;
margin-top: 2px;
margin-left: -45px; }
.wpspd-pagination > div:not(.wpspd-page-numbers).wpspd-prev-page, .wpspd-pagination > div:not(.wpspd-page-numbers).wpspd-next-page {
-webkit-transition: -webkit-transform ease 0.3s;
-moz-transition: -moz-transform ease 0.3s;
transition: transform ease 0.3s;
-webkit-transform: translateY(0);
transform: translateY(0);
position: absolute;
left: 50%; }
.wpspd-pagination > div:not(.wpspd-page-numbers) .wpspd-no-pages, .wpspd-pagination > div:not(.wpspd-page-numbers) a {
display: block;
width: 110px;
height: 24px; }
.wpspd-pagination > div:not(.wpspd-page-numbers) .wpspd-no-pages path, .wpspd-pagination > div:not(.wpspd-page-numbers) a path {
fill: currentColor; }
.wpspd-pagination .wpspd-page-numbers {
visibility: hidden;
-webkit-opacity: 0;
opacity: 0;
-webkit-transition: visibility 0.3s, opacity ease 0.3s;
transition: visibility 0.3s, opacity ease 0.3s; }
.wpspd-pagination .wpspd-page-numbers > span {
-webkit-opacity: 0.3;
opacity: 0.3; }
.wpspd-pagination .wpspd-page-numbers > a, .wpspd-pagination .wpspd-page-numbers > span {
margin: 10px; }
.wpspd-pagination:hover > div.wpspd-prev-page {
-webkit-transform: translateY(100%);
transform: translateY(100%); }
.wpspd-pagination:hover > div.wpspd-next-page {
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
.wpspd-pagination:hover .wpspd-page-numbers {
visibility: visible;
-webkit-opacity: 1;
opacity: 1; }
.wpspd-pagination .navigation.pagination .nav-links > span {
display: inline-block;
-webkit-opacity: 0.4;
opacity: 0.4; }
.wpspd-pagination .navigation.pagination .nav-links > span, .wpspd-pagination .navigation.pagination .nav-links a {
display: inline-block;
margin: 0 10px;
font-size: 26px;
text-transform: uppercase; }
.wpspd-posts-navigation {
position: relative;
text-align: center; }
.wpspd-posts-navigation .wpspd-nav-previous:not(.wpspd-only-post) a {
margin-right: -10px; }
.wpspd-posts-navigation .wpspd-nav-next:not(.wpspd-only-post) a {
margin-left: -10px; }
.wpspd-posts-navigation .wpspd-nav-previous a, .wpspd-posts-navigation .wpspd-nav-next a {
display: block; }
.wpspd-posts-navigation .wpspd-nav-previous a span, .wpspd-posts-navigation .wpspd-nav-next a span {
display: block; }
.wpspd-posts-navigation .wpspd-nav-previous:not(.wpspd-only-post), .wpspd-posts-navigation .wpspd-nav-next:not(.wpspd-only-post) {
float: right;
width: 50%; }
.wpspd-posts-navigation .wpspd-nav-img {
position: relative;
padding-top: 37.5%; }
.wpspd-posts-navigation .wpspd-nav-img:not(.responsively-lazy-container):before {
content: '\e81b';
font-family: 'fontello';
font-size: 2em;
line-height: 2em;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
width: 2em;
height: 2em;
margin-top: -1em;
margin-left: -1em; }
.wpspd-posts-navigation .wpspd-nav-img:after {
content: '';
height: 1.2em;
position: absolute;
right: 0;
bottom: 0;
left: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform ease 0.3s 0.3s;
-moz-transition: -moz-transform ease 0.3s 0.3s;
transition: transform ease 0.3s 0.3s; }
.wpspd-posts-navigation .wpspd-nav-img img {
width: 100%;
max-width: none;
position: absolute;
top: 0;
left: 0; }
.wpspd-posts-navigation .wpspd-nav-img span {
text-transform: uppercase;
font-size: 12px;
letter-spacing: .02em;
z-index: 1;
display: block;
position: absolute;
top: 100%;
right: 0;
left: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-opacity: 0;
opacity: 0;
-webkit-transition: -webkit-transform ease 0.3s, opacity ease 0.3s;
-moz-transition: -moz-transform ease 0.3s, opacity ease 0.3s;
transition: transform ease 0.3s, opacity ease 0.3s; }
.wpspd-posts-navigation > div:hover .wpspd-nav-img.responsively-lazy-loaded span {
-webkit-opacity: 1;
opacity: 1;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; }
.wpspd-posts-navigation > div:hover .wpspd-nav-img.responsively-lazy-loaded:after {
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.wpspd-posts-navigation > div:hover .wpspd-nav-img.responsively-lazy-loaded:after, .wpspd-posts-navigation > div:hover .wpspd-nav-img.responsively-lazy-loaded span {
-webkit-transform: translateY(0);
transform: translateY(0); }
.wpspd-touch .wpspd-posts-navigation .wpspd-nav-img:after {
display: none; }
.wpspd-touch .wpspd-posts-navigation .wpspd-nav-img span {
margin-top: 10px;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-opacity: 1;
opacity: 1; }
.wpspd-posts-navigation .wpspd-nav-title {
line-height: 1.1;
font-size: 36px;
padding: 35px 10%; }
.wpspd-posts-navigation #wpspd-parent-link {
margin-bottom: 40px; }
#wpspd-parent-link a {
border-bottom: 2px solid;
-webkit-transition: opacity ease 0.3s;
transition: opacity ease 0.3s; }
#wpspd-parent-link a:hover {
-webkit-opacity: 0.4;
opacity: 0.4; }
.archive #wpspd-parent-link {
margin-top: 40px; }
/***************************************************************************
2.11 - Different
****************************************************************************/
#wpspd-sharing-bar {
z-index: 10002;
visibility: hidden;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
-webkit-transition: visibility 0.5s;
transition: visibility 0.5s; }
.admin-bar #wpspd-sharing-bar {
margin-top: 32px; }
#wpspd-sharing-bar ul {
list-style: none;
margin: 0;
padding: 0;
height: 20vh;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-transform: translateY(-20vh);
transform: translateY(-20vh);
-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05); }
#wpspd-sharing-bar ul li {
position: relative;
margin-right: 1px;
padding: 0;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-grow: 1;
flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-orient: horizontal;
box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-direction: row;
-webkit-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
#wpspd-sharing-bar ul li:after {
content: '';
border-top: 10px solid;
position: absolute;
right: 0;
bottom: 0;
left: 0; }
#wpspd-sharing-bar ul li:last-child {
margin-right: 0; }
#wpspd-sharing-bar ul li a {
text-align: center;
width: 100%;
padding: 1em;
border-bottom: 10px solid currentColor;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-transition: color ease 0.3s;
transition: color ease 0.3s; }
#wpspd-sharing-bar ul li:hover:after {
-webkit-animation: animate-share-border 1s forwards;
animation: animate-share-border 1s forwards; }
.wpspd-sharing-bar-active #wpspd-sharing-bar {
visibility: visible; }
.wpspd-sharing-bar-active #wpspd-sharing-bar ul {
-webkit-transform: translateY(0);
transform: translateY(0); }
@-webkit-keyframes animate-share-border {
0% {
-webkit-transform: translateX(0); }
50% {
-webkit-transform: translateX(100%); }
50.001% {
-webkit-transform: translateX(-100%); }
100% {
-webkit-transform: translateX(0); } }
@keyframes animate-share-border {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
50% {
-webkit-transform: translateX(100%);
transform: translateX(100%); }
50.001% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
#wpspd-wrapper, #wpspd-sharing-bar ul {
-webkit-transition: -webkit-transform ease 0.5s;
-moz-transition: -moz-transform ease 0.5s;
transition: transform ease 0.5s; }
.wpspd-sharing-bar-active #wpspd-wrapper {
-webkit-transform: translateY(15vh);
transform: translateY(15vh); }
/***************************************************************************
3 - Footer
****************************************************************************/
/* Social profiles */
.wpspd-site-info {
position: relative;
padding-right: 60px; }
.wpspd-copyrights .wpspd-social-bar, .wpspd-copyrights .wpspd-social-list {
display: inline-block;
margin-left: 10px; }
.wpspd-copyrights .wpspd-social-bar:before, .wpspd-copyrights .wpspd-social-list:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 5vw;
border-bottom: 1px solid;
margin-right: 10px; }
.wpspd-copyrights .wpspd-social-bar > ul, .wpspd-copyrights .wpspd-social-list > ul {
display: inherit;
margin-bottom: 0; }
.wpspd-copyrights a {
-webkit-transition: opacity ease 0.3s;
transition: opacity ease 0.3s; }
.wpspd-copyrights a:hover {
-webkit-opacity: 0.4;
opacity: 0.4; }
.wpspd-social-list a:not(:hover):before {
-webkit-opacity: 0;
opacity: 0;
-webkit-transition: -webkit-transform ease 0.3s, opacity ease 0.3s;
-moz-transition: -moz-transform ease 0.3s, opacity ease 0.3s;
transition: transform ease 0.3s, opacity ease 0.3s; }
#wpspd-to-top {
width: 40px;
height: 40px;
line-height: 40px;
margin-bottom: -.4em;
text-align: center;
border: 3px solid;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
right: 0;
bottom: 0; }
.error404 #wpspd-to-top {
display: none; }
#wpspd-to-top:before {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg); }
#wpspd-to-top:after {
-webkit-transform-origin: top right;
transform-origin: top right;
-webkit-transform: rotate(20deg);
transform: rotate(20deg); }
#wpspd-to-top:before, #wpspd-to-top:after {
content: '';
border-right: 3px solid;
margin-left: -1px;
position: absolute;
top: 10px;
bottom: 10px;
left: 50%;
-webkit-transition: -webkit-transform ease 0.3s;
-moz-transition: -moz-transform ease 0.3s;
transition: transform ease 0.3s; }
#wpspd-to-top:hover:before, .wpspd-touch #wpspd-to-top:before {
-webkit-transform: translateY(2px) rotate(-45deg);
transform: translateY(2px) rotate(-45deg); }
#wpspd-to-top:hover:after, .wpspd-touch #wpspd-to-top:after {
-webkit-transform: translateY(2px) rotate(45deg);
transform: translateY(2px) rotate(45deg); }
/***************************************************************************
4 - Widgets
****************************************************************************/
.wpspd-widget {
position: relative;
margin-bottom: 40px; }
.wpspd-widget .wpspd-widget-title {
margin-bottom: 40px;
text-transform: uppercase;
font-size: 26px; }
.wpspd-widget:not(.widget_text) .widget > ul, .wpspd-widget:not(.widget_text) .widget > ol, .wpspd-widget:not(.widget_text) .widget div > ul {
list-style: none;
padding-left: 0; }
.wpspd-widget:not(.widget_text) .widget ul ul {
list-style: inherit; }
.wpspd-widget:not(.widget_text) .widget ul ul.sub-menu, .wpspd-widget:not(.widget_text) .widget ul ul.children {
margin-left: 5px;
padding-left: 20px;
border-left: 1px solid; }
.wpspd-widget:not(.widget_text) .widget ul ul.sub-menu li, .wpspd-widget:not(.widget_text) .widget ul ul.children li {
position: relative; }
.wpspd-widget.widget_recent_comments li a, .wpspd-widget.widget_recent_entries li a {
text-transform: uppercase;
line-height: 1.1;
font-size: 18px; }
.wpspd-widget ol, .wpspd-widget ul {
margin-bottom: 22.5px; }
.widget_recent_comments li {
font-size: 14px; }
.widget_recent_comments #recentcomments li > a {
display: block !important; }
.widget_recent_comments #recentcomments li > a:before {
content: '';
display: table;
width: 100%;
margin-top: 5px; }
.widget_recent_entries li .post-date {
display: block;
font-size: 14px;
margin-top: 5px;
-webkit-opacity: 0.4;
opacity: 0.4; }
.wpspd-widgets .widget_recent_comments li, .wpspd-widgets .widget_recent_entries li {
margin-bottom: 30px; }
.widget_search {
white-space: nowrap;
font-size: 0; }
.widget_search .form-group {
display: inline-block;
vertical-align: top; }
.widget_search .form-group:first-child {
width: 75%; }
.widget_search .form-group:first-child input[type="text"] {
white-space: normal; }
.widget_search .form-group:last-child {
width: 25%; }
.widget_search .form-group:last-child input {
padding-left: 0;
padding-right: 0; }
.widget_search .form-group input {
font-size: 18px;
width: 100%;
border-style: none;
border-bottom-style: solid;
border-width: 2px; }
.widget_search .form-group input, .widget_search .form-group input:hover, .widget_search .form-group input:focus {
border-color: currentColor; }
#calendar_wrap, .widget_search .searchform {
padding-top: 10px; }
.widget_calendar a {
display: block; }
.widget_calendar tbody a {
font-weight: 800; }
.widget_calendar table {
width: 100%;
margin-bottom: 0; }
.widget_calendar table caption {
text-align: center;
padding-left: 0 5px; }
.widget_calendar table tr th, .widget_calendar table tr td {
text-align: center; }
.widget_calendar table tfoot {
border-top: 1px solid; }
.widget_calendar table td#next {
text-align: right; }
.widget_calendar table td#prev {
text-align: left; }
.widget_categories ul, .widget_product_categories ul {
text-align: right; }
.widget_categories ul li a, .widget_product_categories ul li a {
float: left;
text-align: left; }
.widget_categories ul, .widget_archive ul, .widget_meta ul, .widget_product_categories ul {
overflow: hidden; }
.widget_categories ul li, .widget_archive ul li, .widget_meta ul li, .widget_product_categories ul li {
overflow: hidden;
text-align: right; }
.widget_categories ul li a, .widget_archive ul li a, .widget_meta ul li a, .widget_product_categories ul li a {
float: left; }
.widget_tag_cloud .tagcloud:after, .widget_product_tag_cloud .tagcloud:after {
content: '';
display: table;
width: 100%; }
.wpspd-tags-links a, .widget_tag_cloud a, .widget_product_tag_cloud a {
position: relative;
float: left;
padding: .2em .8em;
margin-left: .3em;
margin-bottom: .5em;
font-weight: 600;
font-size: 14px !important; }
.wpspd-tags-links a:before, .widget_tag_cloud a:before, .widget_product_tag_cloud a:before {
content: '';
border: 2px solid;
-webkit-border-radius: 1em;
border-radius: 1em;
-webkit-transition: opacity ease 0.3s;
transition: opacity ease 0.3s;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.wpspd-tags-links a:hover, .widget_tag_cloud a:hover, .widget_product_tag_cloud a:hover {
color: inherit; }
.wpspd-tags-links a:hover:before, .widget_tag_cloud a:hover:before, .widget_product_tag_cloud a:hover:before {
-webkit-opacity: 0.2;
opacity: 0.2; }
.PI_SimpleTwitterTweets .tweets li {
margin-bottom: 20px; }
.PI_SimpleTwitterTweets .tweets li > a {
border-bottom: 1px dotted; }
/***************************************************************************
5 - WordPress styles
****************************************************************************/
img.aligncenter, .wp-caption.aligncenter img {
display: block;
margin-right: auto;
margin-left: auto; }
.alignright {
float: right;
margin-left: 30px; }
.alignleft {
float: left;
margin-right: 30px; }
.aligncenter {
max-width: 100%;
margin-right: auto;
margin-left: auto; }
.alignnone, .aligncenter, .alignleft, .alignright {
display: block;
margin-bottom: 40px; }
.wp-caption.aligncenter .wp-caption-text {
text-align: center; }
.post-password-form {
text-align: center; }
.wp-audio-shortcode {
margin-bottom: 23px;
outline: 0 !important; }
.wp-caption {
padding: 0;
width: auto !important;
max-width: 100%;
margin-bottom: 0; }
.wp-caption .wp-caption-text {
font-size: 14px;
padding: 10px 0;
margin-bottom: 0; }
.wp-caption.alignleft .wp-caption-text {
text-align: left; }
.wp-caption.alignright .wp-caption-text {
text-align: right; }
.wpspd-pass-form {
margin-bottom: 40px; }
.wpspd-pass-form .form-control {
position: relative; }
.wpspd-pass-form .form-control:hover, .wpspd-pass-form .form-control:focus {
z-index: 1; }
.wpspd-pass-form .form-group:last-child {
margin-left: -1px; }
/***************************************************************************
6 - Plugins
****************************************************************************/
/***************************************************************************
6.1 - WPML
****************************************************************************/
#wpspd-wpml-lang-switcher .wpspd-active-lang {
display: inline-block;
vertical-align: middle;
font-weight: bold;
text-transform: uppercase; }
#wpspd-wpml-lang-switcher ul {
list-style: none;
margin: 0;
padding: 0; }
#wpspd-wpml-lang-switcher ul li {
margin-left: .6em; }
#wpspd-wpml-lang-switcher ul li:before {
content: '\2014';
margin-right: .6em; }
#wpspd-wpml-lang-switcher ul li a {
text-transform: capitalize;
font-size: inherit; }
/***************************************************************************
6.2 - Contact Form 7
****************************************************************************/
.wpcf7-form .wpcf7-form-control-wrap input, .wpcf7-form .wpcf7-form-control-wrap textarea {
border-top-style: none;
border-right-style: none;
border-left-style: none;
padding-left: 0;
padding-right: 0; }
.wpcf7-form .wpcf7-form-control-wrap textarea {
height: 180px; }
.wpcf7-form div.wpcf7-form-control-wrap {
margin-bottom: 20px; }
.wpcf7-form .wpcf7-file {
line-height: 1em; }
.wpcf7-form .wpcf7-form-control.wpcf7-submit {
margin-top: 15px; }
.wpcf7-form .wpcf7-form-control .wpcf7-recaptcha {
height: auto;
border: 0;
padding: 0; }
.wpcf7-form .wpcf7-list-item {
margin-right: 20px; }
.wpcf7-form .wpcf7-list-item.first label .wpcf7-list-item-label {
margin-left: 0; }
.wpcf7-form .wpcf7-radio, .wpcf7-form .wpcf7-checkbox {
height: auto;
border: 0;
padding: 0; }
.wpcf7-form .wpcf7-radio .wpcf7-list-item-label, .wpcf7-form .wpcf7-checkbox .wpcf7-list-item-label {
margin-left: 10px;
margin-right: 10px; }
.wpcf7-form .wpcf7-not-valid-tip {
color: red;
font-size: 14px; }
.wpcf7-form .wpcf7-response-output {
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 19px;
padding: 10px 15px;
border-width: 3px;
border-style: solid; }
.wpcf7-form .wpcf7-response-output.wpcf7-display-none {
display: none; }
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
border-color: #5aa7e8; }
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
border-color: #60d971; }
.wpcf7 .screen-reader-response {
border: 0 none;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
/***************************************************************************
6.3 - wpSpade WP Gallery addon
****************************************************************************/
.wpspd-gallery-container {
margin-top: 40px;
margin-bottom: 40px; }
.wpspd-gallery-container.wpspd-gallery-masonry {
padding: 0; }
a.wpspd-lightbox.responsively-lazy-container:not(.wpspd-attachment) {
overflow: hidden;
position: relative;
display: block; }
a.wpspd-lightbox.responsively-lazy-container:not(.wpspd-attachment).responsively-lazy-loaded:after {
content: '\e80c';
font-family: 'fontello';
font-size: 14px;
width: 46px;
height: 46px;
line-height: 46px;
text-align: center;
position: absolute;
bottom: 10px;
left: 10px; }
a.wpspd-lightbox.responsively-lazy-container:not(.wpspd-attachment):hover:after {
-webkit-opacity: 1;
opacity: 1; }
.wpspd-gallery .wp-caption-text.gallery-caption {
right: auto;
left: 10px;
bottom: 10px;
padding-top: 0;
padding-bottom: 0;
height: 46px;
line-height: 46px;
color: inherit; }
.wpspd-gallery-has-lightbox .wpspd-gallery .wp-caption-text.gallery-caption {
left: 57px; }
a.wpspd-lightbox:after, .wpspd-gallery .gallery-caption {
-webkit-transform: translateY(60px);
transform: translateY(60px);
-webkit-transition: -webkit-transform ease 0.5s, opacity ease 0.3s;
-moz-transition: -moz-transform ease 0.5s, opacity ease 0.3s;
transition: transform ease 0.5s, opacity ease 0.3s; }
.wpspd-gallery .gallery-caption {
font-size: 14px;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s; }
.wpspd-gallery .gallery-item:hover .gallery-caption, a.wpspd-lightbox:hover:after {
-webkit-transform: translateY(0);
transform: translateY(0); }
/***************************************************************************
6.4 - WP Instagram widget
****************************************************************************/
.wpspd-widget .instagram-pics {
overflow: hidden; }
.wpspd-widget .instagram-pics li {
float: left;
width: 50%; }
.wpspd-widget .instagram-pics.instagram-size-thumbnail li {
width: 75px; }
.wpspd-widget .instagram-pics.instagram-size-small li {
width: 33.3%; }
.wpspd-widget .instagram-pics.instagram-size-original li {
width: auto;
float: none; }
/***************************************************************************
6.5 - wpSpade Shortcodes addon
****************************************************************************/
/* Common */
.wpspd-container *:last-child, .wpspd-columns *:last-child, .wpspd-color-block *:last-child {
margin-bottom: 0; }
/* Container */
.wpspd-container > .wpspd-aligner {
padding-top: 60px;
padding-bottom: 60px; }
.wpspd-container.wpspd-wide-container .wpspd-wide-container {
margin-left: 0;
margin-right: 0; }
.wpspd-container.wpspd-wide-container > .wpspd-container-inner > .wpspd-columns:not(.wpspd-no-padding),
.wpspd-container.wpspd-wide-container > .wpspd-columns:not(.wpspd-no-padding) {
padding-left: 60px;
padding-right: 60px; }
.wpspd-columns .wpspd-container {
margin-left: 0;
margin-right: 0; }
/* Color block */
.wpspd-color-block.wpspd-block-x-padding {
padding-left: 60px;
padding-right: 60px; }
.wpspd-color-block.wpspd-block-y-padding {
padding-top: 60px;
padding-bottom: 60px; }
/* Social buttons */
.social-btn-list li a {
display: block;
width: 2em;
height: 2em;
line-height: 2em;
font-size: 1em;
text-align: center;
-webkit-transition: opacity ease 0.3s;
transition: opacity ease 0.3s; }
.social-btn-list li a:hover {
-webkit-opacity: 0.4;
opacity: 0.4; }
.social-btn-list:not(.text-center) li:first-child a {
margin-left: -.4em; }
/* Price table */
.wpspd-price-table .wpspd-price-column {
background-color: transparent;
border: 0; }
.wpspd-price-table .wpspd-price-column .wpspd-price-item > .btn {
margin-bottom: 40px; }
.wpspd-price-table .wpspd-price-column.wpspd-price-recommended .wpspd-price-price {
font-size: 4.15em; }
.wpspd-price-table .wpspd-price-column .wpspd-price-plan {
font-size: 26px;
text-transform: none;
padding: 0;
border: 0;
background-color: transparent; }
.wpspd-price-table .wpspd-price-column .wpspd-price-price {
color: inherit;
font-size: 3em; }
.wpspd-price-table .wpspd-price-column .wpspd-price-price sup {
font-size: 30%;
top: -2em; }
.wpspd-price-table .wpspd-price-column-inner {
position: relative; }
.wpspd-price-table .wpspd-price-item {
padding: 0; }
.wpspd-price-table .wpspd-price-item .wpspd-price-tag {
border: 0;
position: relative;
margin-bottom: 0;
padding: 0 0 100px; }
.wpspd-price-table .wpspd-price-item .wpspd-price-tag .wpspd-price-desc {
color: inherit;
position: relative;
text-transform: uppercase;
font-size: 12px; }
.wpspd-price-table .wpspd-price-item .wpspd-price-tag:after {
content: '';
height: 20px;
border-right: 1px solid;
margin-bottom: 40px;
position: absolute;
bottom: 0;
left: 50%; }
.wpspd-price-table .wpspd-price-item .wpspd-price-content ul {
margin-bottom: 40px !important; }
.wpspd-price-table .wpspd-price-item .wpspd-price-content ul li {
padding-left: 20px;
padding-right: 20px; }
.wpspd-price-table .wpspd-price-item .wpspd-price-content ul .wpspd-wpspd-price-no, .wpspd-price-table .wpspd-price-item .wpspd-price-content ul .wpspd-wpspd-price-no strong {
color: inherit; }
.wpspd-price-table .wpspd-price-desc,
.wpspd-price-content .wpspd-wpspd-price-no div,
.wpspd-price-content .wpspd-wpspd-price-no strong {
-webkit-opacity: 0.3;
opacity: 0.3; }
/* Panel */
.wpspd-panel.panel {
padding: 0 0 0 40px;
background-color: transparent;
border-width: 5px; }
.wpspd-panel.panel .panel-heading {
color: inherit; }
/* Progressbar */
.wpspd-progress-pane {
position: relative;
margin-bottom: 30px; }
.wpspd-progress-pane:last-child {
margin-bottom: 0; }
.wpspd-progress-pane .wpspd-progress-title {
margin-left: 0;
text-transform: none;
letter-spacing: 0; }
.wpspd-progress-pane div {
height: 6px;
background-color: transparent; }
.wpspd-progress-pane div > span {
border: 0;
background-color: #f5f5f5;
-webkit-border-radius: 3px;
border-radius: 3px; }
.wpspd-progress-pane i {
background: transparent;
width: auto;
right: 0;
margin-top: 7px;
border: 0;
font-weight: normal;
color: inherit; }
.wpspd-progress-pane i:before {
content: none; }
/* Slideshow */
html.js .wpspd-slider-carousel:before {
border-width: 1px; }
.wpspd-slider-carousel .flickity-page-dots li {
width: 14px;
height: 14px; }
.wpspd-slider-carousel {
margin-bottom: 40px; }
.wpspd-slider-carousel .flickity-prev-next-button {
margin-top: -50px; }
.wpspd-wide-container > .wpspd-container-inner > .wpspd-slider-carousel .flickity-prev-next-button {
-webkit-opacity: 1;
opacity: 1; }
.wpspd-wide-container > .wpspd-container-inner > .wpspd-slider-carousel .flickity-prev-next-button:before {
-webkit-opacity: 0.3;
opacity: 0.3;
-webkit-transform: translateX(0);
transform: translateX(0); }
.wpspd-slider-carousel .flickity-prev-next-button.previous {
margin-right: 0; }
.wpspd-wide-container > .wpspd-container-inner > .wpspd-slider-carousel .flickity-prev-next-button.previous {
margin-right: -45px; }
.wpspd-slider-carousel .flickity-prev-next-button.next {
margin-left: 0; }
.wpspd-wide-container > .wpspd-container-inner > .wpspd-slider-carousel .flickity-prev-next-button.next {
margin-left: -45px; }
.wpspd-slider-carousel .flickity-prev-next-button svg path {
-webkit-transition: fill ease 0.3s;
transition: fill ease 0.3s; }
.wpspd-slider-carousel .flickity-prev-next-button:not(:hover) svg path {
fill: currentColor; }
.wpspd-slider-carousel .flickity-page-dots {
position: relative; }
.wpspd-slider-carousel .flickity-page-dots li {
border: 0; }
.wpspd-slider-carousel .flickity-page-dots li:before {
margin-top: 0;
border: 2px solid;
-webkit-transform: none;
transform: none; }
.wpspd-slider-carousel .flickity-page-dots li:after {
content: none !important; }
.wpspd-slider-carousel .flickity-page-dots li.is-selected:before {
top: 0;
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
/* Map */
.wpspd-map-holder {
border: 0;
background-color: #f8f8f8;
width: 100%; }
/* Icon boxes */
.wpspd-icons-box.wpspd-vertical-icon-box .wpspd-icons-box-icon {
border: 0;
position: relative;
width: 110px;
height: 110px;
line-height: 110px;
margin-bottom: 30px; }
.wpspd-icons-box.wpspd-vertical-icon-box .wpspd-icons-box-icon:before {
content: '';
-webkit-border-radius: 50%;
border-radius: 50%;
border: 2px solid;
-webkit-opacity: 0.07;
opacity: 0.07;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-transform ease 0.3s, opacity ease 0.3s;
-moz-transition: -moz-transform ease 0.3s, opacity ease 0.3s;
transition: transform ease 0.3s, opacity ease 0.3s; }
.wpspd-icons-box.wpspd-vertical-icon-box .wpspd-icons-box-icon:only-child {
margin-bottom: 0; }
.wpspd-icons-box:hover .wpspd-icons-box-icon:before {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-opacity: 1;
opacity: 1; }
.wpspd-icons-box .wpspd-icons-box-content {
padding-top: 1px; }
.wpspd-icons-box .wpspd-icons-box-content h5 {
margin-top: 4px; }
.wpspd-icons-box + h1, .wpspd-icons-box + h2, .wpspd-icons-box + h3, .wpspd-icons-box + h4 {
margin-top: 0; }
/* Divider */
hr {
position: relative;
border-color: transparent; }
hr.wpspd-blank:before {
content: none !important; }
hr:before {
content: '';
border-bottom: 1px solid currentColor;
position: absolute;
top: 0;
right: 0;
left: 0; }
hr.wpspd-double-divider:after {
margin-top: 3px; }
hr:before, hr.wpspd-double-divider:after {
-webkit-opacity: 0.2;
opacity: 0.2; }
hr.wpspd-dotted-divider {
border-top-color: transparent; }
hr.wpspd-dotted-divider:before {
border-bottom-style: dotted;
border-bottom-width: 2px; }
hr.wpspd-dotted-divider:after {
content: none; }
hr.wpspd-deco2-divider:after {
content: '\25E6\25E6\25E6';
border: 0;
line-height: 1em;
font-weight: bolder;
margin-top: 0;
letter-spacing: .5em;
text-indent: .5em; }
hr.wpspd-deco3-divider:after {
width: 20px;
height: 0;
margin-top: 0; }
hr.wpspd-deco4-divider:before {
content: none; }
hr.wpspd-deco4-divider:after {
width: 12px;
height: 12px;
-webkit-border-radius: 50%;
border-radius: 50%; }
hr.wpspd-deco1-divider:after, hr.wpspd-deco4-divider:after {
border-style: solid;
line-height: 1em;
margin-top: 0; }
hr.wpspd-deco5-divider:after {
width: 0;
height: 20px; }
hr.wpspd-deco1-divider:before, hr.wpspd-deco2-divider:before, hr.wpspd-deco3-divider:before, hr.wpspd-deco4-divider:before, hr.wpspd-deco5-divider:before {
content: none; }
hr.wpspd-deco1-divider:after, hr.wpspd-deco2-divider:after, hr.wpspd-deco3-divider:after, hr.wpspd-deco4-divider:after, hr.wpspd-deco5-divider:after {
right: auto;
left: 50%;
margin-top: 0;
border-width: 1px;
border-color: currentColor;
background: transparent;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
hr.wpspd-bottom-0 {
margin: 0; }
hr.wpspd-bottom-5 {
margin-top: 5px; }
/* Accordion */
.wpspd-style-accordion.ui-accordion .ui-accordion-header {
font-size: 18px;
text-transform: uppercase;
border-bottom: 0;
line-height: 1em;
margin-top: 0;
padding: 20px 30px 20px 40px; }
.wpspd-style-accordion.ui-accordion .ui-accordion-header:before {
content: '';
border-right: 1px solid;
-webkit-opacity: 0.2;
opacity: 0.2;
position: absolute;
top: 0;
bottom: 0;
left: 7px; }
.wpspd-style-accordion.ui-accordion .ui-accordion-header:first-child {
padding-top: 20px; }
.wpspd-style-accordion.ui-accordion .ui-accordion-header:first-child:before {
top: 31px; }
.wpspd-style-accordion.ui-accordion .ui-accordion-header:first-child .ui-accordion-header-icon {
top: 20px; }
.wpspd-style-accordion.ui-accordion .ui-accordion-header:nth-last-child(2):before {
bottom: auto;
height: 24px; }
.wpspd-style-accordion.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
right: auto;
left: 0;
margin-top: 0;
top: 20px; }
.wpspd-style-accordion.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
height: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid;
-webkit-transform: scale(0.5);
transform: scale(0.5); }
.wpspd-style-accordion.ui-accordion .ui-accordion-header .ui-accordion-header-icon:after {
right: auto;
width: 4px;
height: 4px;
left: 6px;
top: 6px;
background-color: transparent;
-webkit-transition: background-color ease 0.3s;
transition: background-color ease 0.3s; }
.wpspd-style-accordion.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before, .wpspd-style-accordion.ui-accordion .ui-accordion-header .ui-accordion-header-icon:after {
-webkit-border-radius: 50%;
border-radius: 50%; }
.wpspd-style-accordion.ui-accordion .ui-accordion-header.ui-accordion-header-active .ui-accordion-header-icon:after {
background-color: currentColor; }
.wpspd-style-accordion.ui-accordion .ui-accordion-header.ui-accordion-header-active .ui-accordion-header-icon:before, .wpspd-style-accordion.ui-accordion .ui-accordion-header:hover .ui-accordion-header-icon:before {
-webkit-transform: scale(1);
transform: scale(1); }
.wpspd-style-accordion.ui-accordion .ui-accordion-content {
position: relative;
padding: 40px; }
.wpspd-style-accordion.ui-accordion .ui-accordion-content:before {
content: '';
border: 5px solid;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-opacity: 0.07;
opacity: 0.07;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
/* Tabs */
.wpspd-tabs .ui-tabs-nav li {
position: relative;
background-color: transparent; }
.wpspd-tabs .ui-tabs-nav li, .wpspd-tabs .ui-tabs-nav li.ui-tabs-active {
margin-right: 1em; }
.wpspd-tabs .ui-tabs-nav li.ui-tabs-active {
background-color: transparent; }
.wpspd-tabs .ui-tabs-nav li.ui-tabs-active * {
color: inherit; }
.wpspd-tabs .ui-tabs-nav li.ui-tabs-active:after {
content: '';
margin-left: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent currentColor transparent;
position: absolute;
bottom: 0;
left: 50%;
-webkit-opacity: 0.07;
opacity: 0.07; }
.wpspd-tabs .ui-tabs-nav li:not(.ui-tabs-active) a {
-webkit-opacity: 0.4;
opacity: 0.4; }
.wpspd-tabs .ui-tabs-nav li a {
text-transform: uppercase;
font-size: 18px;
padding: 20px 0; }
.wpspd-tabs .ui-tabs-nav li a, .wpspd-tabs .ui-tabs-nav li a:hover {
border-color: transparent !important; }
.wpspd-tabs .ui-tabs-panel {
padding: 40px;
border: 0;
position: relative;
overflow: hidden; }
.wpspd-tabs .ui-tabs-panel:before {
content: '';
border: 5px solid;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-opacity: 0.07;
opacity: 0.07;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.wpspd-tabs .ui-tabs-panel > *:last-child {
margin-bottom: 0; }
/* Alert */
.wpspd-alert {
padding: 20px 60px 20px 30px;
-webkit-border-radius: 3px;
border-radius: 3px; }
.wpspd-alert .alert-close {
width: 22px;
height: 22px;
top: 20px;
right: 20px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: -webkit-transform ease 0.3s;
-moz-transition: -moz-transform ease 0.3s;
transition: transform ease 0.3s; }
.wpspd-alert .alert-close:hover {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
/* From the blog */
.wpspd-from-blog .hentry, .wpspd-from-blog .wpspd-featured-image, .wpspd-from-blog .wpspd-entry-content {
margin-bottom: 30px; }
.wpspd-from-blog .wpspd-style-title {
margin-bottom: 40px; }
.wpspd-from-blog.wpspd-slider-carousel .flickity-prev-next-button.previous {
margin-right: 10px; }
.wpspd-from-blog.wpspd-slider-carousel .flickity-prev-next-button.next {
margin-left: 10px; }
/* Formats - Dropcap */
.wpspd-dropcap {
font-size: 46px;
float: left;
line-height: 40px;
padding: 5px 10px 5px 3px; }
/***************************************************************************
7 - Utilites
****************************************************************************/
/* Bootstrap add-on */
.row.wpspd-no-margin {
margin-left: 0;
margin-right: 0; }
.row.wpspd-no-margin > div[class*="col-"] {
padding-left: 0;
padding-right: 0; }
.text-xs-left {
text-align: left; }
.text-xs-right {
text-align: right; }
.text-xs-center {
text-align: center; }
.text-xs-justify {
text-align: justify; }
@media (min-width: 768px) {
.text-sm-left {
text-align: left; }
.text-sm-right {
text-align: right; }
.text-sm-center {
text-align: center; }
.text-sm-justify {
text-align: justify; } }
@media (min-width: 992px) {
.text-md-left {
text-align: left; }
.text-md-right {
text-align: right; }
.text-md-center {
text-align: center; }
.text-md-justify {
text-align: justify; } }
@media (min-width: 1200px) {
.text-lg-left {
text-align: left; }
.text-lg-right {
text-align: right; }
.text-lg-center {
text-align: center; }
.text-lg-justify {
text-align: justify; } }
.wpspd-x-scroll {
width: auto !important;
right: 0; }
/* Responsive iframe/object/embed */
iframe, object, embed {
max-width: 100%; }
.wpspd-responsive-embed {
display: block !important;
height: 0;
position: relative;
overflow: hidden;
padding-bottom: 56.25%; }
.wpspd-responsive-embed iframe, .wpspd-responsive-embed object, .wpspd-responsive-embed embed {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0; }
/* Website loading icon */
.wpspd-loader {
width: 28px;
height: 28px;
overflow: hidden;
display: none;
-webkit-transition: width ease 0.5s;
transition: width ease 0.5s; }
.wpspd-loader .wpspd-svg-loader {
width: 28px;
height: 28px;
padding: 2px;
-webkit-transition: -webkit-transform ease 0.5s, opacity ease 0.5s;
-moz-transition: -moz-transform ease 0.5s, opacity ease 0.5s;
transition: transform ease 0.5s, opacity ease 0.5s; }
.wpspd-loader .wpspd-svg-loader polygon {
width: 24px;
height: 24px;
fill: none;
stroke: currentColor;
stroke-width: 2px;
stroke-dasharray: 19;
stroke-dashoffset: 57;
stroke-linecap: round;
stroke-linejoin: round;
-webkit-animation: draw-rhombus-stroke 0.5s infinite linear;
animation: draw-rhombus-stroke 0.5s infinite linear; }
.wpspd-site-nav .wpspd-loader {
width: 60px; }
.wpspd-site-nav .wpspd-loader .wpspd-svg-loader {
float: right;
-webkit-opacity: 1;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }
.wpspd-hero-loaded .wpspd-site-nav .wpspd-loader {
width: 0; }
.wpspd-hero-loaded .wpspd-site-nav .wpspd-loader .wpspd-svg-loader {
-webkit-opacity: 0;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0); }
.wpspd-main-header + #wpspd-page .wpspd-site-nav .wpspd-loader {
display: inline-block; }
.wpspd-hero-loaded #wpspd-home-main .wpspd-loader, .wpspd-hero-loaded #wpspd-hero .wpspd-loader {
display: block;
margin-left: -14px;
margin-bottom: -14px;
position: absolute;
bottom: 50%;
left: 50%; }
.wpspd-hero-loaded #wpspd-home-main .wpspd-curtain + .wpspd-loader {
bottom: 25%; }
@-webkit-keyframes draw-rhombus-stroke {
100% {
stroke-dashoffset: 19; } }
@keyframes draw-rhombus-stroke {
100% {
stroke-dashoffset: 19; } }
/* Lazy loading */
.responsively-lazy-container {
position: relative; }
.responsively-lazy-container:before {
content: '';
background: currentColor;
-webkit-opacity: 0.04;
opacity: 0.04;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.responsively-lazy-container .responsively-lazy {
position: absolute;
left: 0;
top: 0;
width: 100%; }
html.js .responsively-lazy-container .responsively-lazy {
-webkit-opacity: 0;
opacity: 0;
-webkit-transform: scale(1.1);
transform: scale(1.1); }
html.js .responsively-lazy-container.responsively-lazy-loaded .responsively-lazy {
-webkit-opacity: 1;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform ease 0.5s, opacity ease 0.5s;
-moz-transition: -moz-transform ease 0.5s, opacity ease 0.5s;
transition: transform ease 0.5s, opacity ease 0.5s; }
.responsively-lazy-container:not(.responsively-lazy-loaded):after {
content: '';
display: block;
width: 1em;
height: 1em;
line-height: 1em;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
border: solid 1px transparent;
border-top-color: currentColor;
border-left-color: currentColor;
-webkit-border-radius: 30px;
border-radius: 30px;
background-color: transparent !important;
-webkit-user-select: none;
user-select: none;
-webkit-animation: lazy-spinner 400ms linear infinite;
animation: lazy-spinner 400ms linear infinite; }
@-webkit-keyframes lazy-spinner {
0% {
-webkit-transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg); } }
@keyframes lazy-spinner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
/* Page transitions */
#wpspd-site-content {
-webkit-transition: opacity ease 0.5s;
transition: opacity ease 0.5s; }
html.js body:not(.wpspd-document-ready) #wpspd-site-content, .wpspd-unload-page #wpspd-site-content {
-webkit-opacity: 0;
opacity: 0; }
/***************************************************************************
8 - Media queries
****************************************************************************/
@media (min-width: 600px) {
#wpspd-offcanvas-menu {
width: 320px; }
#wpspd-offcanvas-menu .wpspd-offcanvas-menu-inner {
padding: 60px; }
#wpspd-offcanvas-menu .wpspd-close-nav {
left: auto;
margin-left: 0; }
#wpspd-footer-widget-area {
overflow: hidden; }
#wpspd-footer-widget-area .wpspd-widgets {
margin-right: -10%; }
#wpspd-footer-widget-area .wpspd-widgets .wpspd-widget {
float: left;
padding-right: 10%;
width: 50%; }
#wpspd-footer-widget-area .wpspd-widgets .wpspd-widget:nth-child(2n+3) {
clear: left; }
.wpspd-icons-box:not(.wpspd-vertical-icon-box) .wpspd-icons-box-content {
margin-left: 70px; } }
@media (min-width: 768px) {
.wpspd-project-details-list {
list-style: none;
padding: 0; }
.wpspd-project-details-list li {
display: inline-block; }
.wpspd-project-details-list li:not(:first-child) {
margin-left: 7%; } }
@media (min-width: 992px) {
.single.single-post .wpspd-entry-content blockquote {
margin-left: -25%; }
#wpspd-comments-list li .wpspd-comment-body .wpspd-avatar {
float: left;
margin-left: -136px; }
ul .comment-respond {
padding: 5% 0; }
.comment-respond .col-md-8 {
padding-left: 0;
padding-right: 0; }
.comment-respond .wpspd-form-message .wpspd-message-title {
left: 30px; }
body.single-post .wpspd-gallery-container {
margin-left: -10px;
margin-right: -10px; }
body.single-post .wpspd-gallery {
margin-left: -25%;
margin-right: -25%; }
body.single-post img.alignleft, body.single-post .wp-caption.alignleft {
margin-left: -25%;
left: -15px; }
body.single-post img.alignright, body.single-post .wp-caption.alignright {
margin-right: -25%;
right: -15px; }
body.single-post img.alignleft, body.single-post img.alignright, body.single-post .wp-caption.alignleft, body.single-post .wp-caption.alignright {
max-width: 75%;
position: relative; }
body.single-post .wpspd-container {
margin-left: -25%;
margin-right: -25%; }
body.single-post .wpspd-container > .wpspd-container-inner, body.single-post .wpspd-container > .wpspd-aligner {
margin-left: -15px;
margin-right: -15px; }
/* Columns */
.wpspd-columns.wpspd-equal-columns {
-webkit-box-lines: single;
box-lines: single;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap; }
.wpspd-columns.wpspd-equal-columns, .wpspd-columns.wpspd-equal-columns > div, .wpspd-columns.wpspd-equal-columns div > .wpspd-container, .wpspd-columns.wpspd-equal-columns div > .wpspd-color-block {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; }
.wpspd-columns.wpspd-equal-columns > div {
float: none; }
.wpspd-columns.wpspd-equal-columns > div > .wpspd-container, .wpspd-columns.wpspd-equal-columns > div > .wpspd-color-block {
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-align-self: stretch;
align-self: stretch;
-ms-flex-item-align: stretch; }
.wpspd-columns.wpspd-equal-columns > div, .wpspd-columns.wpspd-equal-columns > div > .wpspd-container, .wpspd-columns.wpspd-equal-columns > div > .wpspd-color-block {
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-flex-direction: column;
flex-direction: column;
-ms-flex-direction: column; }
.wpspd-columns.wpspd-equal-columns.wpspd-columns-v-center > div, .wpspd-columns.wpspd-equal-columns.wpspd-columns-v-center > div > .wpspd-container, .wpspd-columns.wpspd-equal-columns.wpspd-columns-v-center > div > .wpspd-color-block {
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-box-align: stretch;
box-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-ms-flex-align: stretch; } }
@media (min-width: 1200px) {
.wpspd-nav-holder .wpspd-site-nav {
-webkit-transition: opacity ease 0.3s 0.1s;
transition: opacity ease 0.3s 0.1s; }
.wpspd-sticky-menu-active .wpspd-nav-holder .wpspd-site-nav {
-webkit-opacity: 0;
opacity: 0; } }
@media (max-width: 1200px) {
.wpspd-nav-controls {
font-size: 22px; }
#wpspd-open-mobile-menu {
display: inline-block; }
.wpspd-site-menu, li.wpspd-menu-link, #wpspd-sticky-menu {
display: none !important; }
.wpspd-site-nav .wpspd-menu-list > li, .wpspd-site-nav .wpspd-nav-controls li {
margin-left: 1em; }
.wpspd-offcanvas-menu-active #wpspd-offcanvas-menu {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform ease 0.5s, visibility 0s;
-moz-transition: -moz-transform ease 0.5s, visibility 0s;
transition: transform ease 0.5s, visibility 0s; }
.wpspd-posts .wpspd-entry-header {
margin-bottom: 0; }
.wpspd-posts .wpspd-post-content .wpspd-entry-content-holder {
width: auto;
margin-right: 0; }
.wpspd-blog-grid .wpspd-blog-link {
width: 90px;
height: 90px; }
.wpspd-blog-grid .wpspd-blog-link svg, .wpspd-blog-grid .wpspd-blog-link .wpspd-format-icon {
width: 100%;
height: 100%; }
.wpspd-portfolio-flex.wpspd-portfolio-2 #wpspd-portfolio .wpspd-posts-holder {
margin-left: -30px;
margin-right: -30px; }
.wpspd-portfolio-flex.wpspd-portfolio-2 #wpspd-portfolio .wpspd-posts-holder .wpspd-portfolio-post {
padding: 30px; }
.wpspd-thumbnail-none .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title {
padding-bottom: 0; }
.wpspd-portfolio-item .wpspd-format-icon {
width: 70px;
height: 70px;
margin-top: -35px;
margin-left: -35px; }
.wpspd-page-description-holder #wpspd-page-description h1, .wpspd-page-description-holder #wpspd-page-description h1 span[style*='font-size'] {
font-size: 4vw !important; }
.wpspd-page-description-holder #wpspd-page-description p span[style*='font-size'] {
font-size: 18px !important; }
.wpspd-page-description-holder #wpspd-page-description br {
display: none; }
#wpspd-site-content > .hentry h1, #wpspd-site-content > .hentry h1 span[style*='font-size'] {
font-size: 45px !important; }
#wpspd-site-content > .hentry h2, #wpspd-site-content > .hentry h2 span[style*='font-size'] {
font-size: 36px !important; }
#wpspd-site-content > .hentry h3, #wpspd-site-content > .hentry h3 span[style*='font-size'] {
font-size: 26px !important; }
.wpspd-posts .wpspd-entry-header, .wpspd-posts .wpspd-post-content {
display: block; }
.wpspd-posts .wpspd-entry-header > span {
margin-right: 2em; } }
@media (max-width: 992px) {
.wpspd-single-post-header .wpspd-posted-on br {
display: none; }
.wpspd-blog-minimal .wpspd-featured-posts {
margin-left: 0;
margin-right: 0;
-webkit-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry {
margin-bottom: 20px; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry:nth-child(2):not(:last-child):before {
top: -5px;
bottom: -5px; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry:nth-child(2):not(:last-child) .wpspd-post-border {
top: -5px;
bottom: -5px; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry:nth-child(2):not(:last-child) .post-edit-link {
margin-top: 0; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry:nth-child(3) {
width: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
-ms-flex-preferred-size: 100%; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry:nth-child(3) .wpspd-post-holder .wpspd-post-content .wpspd-entry-header {
margin-bottom: 12%; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry:nth-child(1), .wpspd-blog-minimal .wpspd-featured-posts .hentry:nth-child(2) {
width: 50%; }
.wpspd-blog-minimal .wpspd-posts-holder {
width: auto; }
#wpspd-comments-num {
margin-top: 10px; }
#wpspd-comments-num .wpspd-comments-num {
margin-top: 5px;
font-size: 45px; }
#wpspd-comments-num span:not(.wpspd-comments-num) {
text-align: left;
left: 0;
-webkit-transform: none;
transform: none; }
#cancel-comment-reply-link {
position: static;
margin: 30px 0 0 0; } }
@media (max-width: 782px) {
body.admin-bar #wpspd-sharing-bar,
body.admin-bar #wpspd-menu-overlay,
body.admin-bar .wpspd-search-popup, body.admin-bar.wpspd-menu-overlay .wpspd-site-menu,
body.admin-bar .wpspd-header-media,
body.admin-bar #wpspd-site-content > .post-edit-link,
body.admin-bar #wpspd-offcanvas-menu {
margin-top: 46px; }
body.admin-bar #wpspd-header,
body.admin-bar #wpspd-home-main,
body.admin-bar #wpspd-hero .wpspd-content-overflow {
margin-top: -46px; }
body.admin-bar .wpspd-main-header .wpspd-page-description-holder > div {
margin-top: 0; } }
@media (max-width: 768px) {
.wpspd-aligner {
padding-left: 30px;
padding-right: 30px; }
#wpspd-hero .wpspd-slide-description {
display: none; }
.wpspd-main-header {
margin-bottom: 50px; }
body:not(.single) .wpspd-main-header + #wpspd-page .hentry > .wpspd-entry-content > .wpspd-wide-container:first-child {
margin-top: -50px; }
.wpspd-portfolio-flex #wpspd-portfolio .wpspd-posts-holder {
margin-left: -15px;
margin-right: -15px; }
.wpspd-portfolio-flex #wpspd-portfolio .wpspd-portfolio-post {
padding: 15px;
width: 50%; }
.wpspd-portfolio-flex #wpspd-portfolio .wpspd-portfolio-post.wpspd-portfolio-3-landscape, .wpspd-portfolio-flex #wpspd-portfolio .wpspd-portfolio-post.wpspd-portfolio-3-2x {
width: 100%; }
.wpspd-portfolio-flex.wpspd-portfolio-2 #wpspd-portfolio .wpspd-posts-holder {
margin-left: -20px;
margin-right: -20px; }
.wpspd-portfolio-flex.wpspd-portfolio-2 #wpspd-portfolio .wpspd-posts-holder .wpspd-portfolio-post {
padding: 20px; }
.wpspd-portfolio-gaps[class*="wpspd-portfolio-"] #wpspd-portfolio .wpspd-posts-holder {
margin-right: -30px; }
.wpspd-portfolio-gaps[class*="wpspd-portfolio-"] #wpspd-portfolio .wpspd-portfolio-item {
overflow: hidden;
-webkit-transform: translate(-30px, -30px);
transform: translate(-30px, -30px); }
.wpspd-portfolio-gaps[class*="wpspd-portfolio-"] #wpspd-portfolio .wpspd-entry-header {
-webkit-transform: translate(15px, 15px);
transform: translate(15px, 15px); }
.wpspd-portfolio-gaps[class*="wpspd-portfolio-"] #wpspd-portfolio .wpspd-entry-title .wpspd-project-title {
margin: 15px; }
.wpspd-portfolio-gaps[class*="wpspd-portfolio-"] #wpspd-portfolio .post-edit-link {
top: 30px; }
body:not(.wpspd-thumbnail-none) .wpspd-portfolio-item .wpspd-entry-title .wpspd-project-title {
padding: 15px; }
.wpspd-blog-minimal .wpspd-posts .wpspd-entry-header {
width: auto; }
.wpspd-blog-minimal .wpspd-posts .wpspd-entry-header .entry-date br {
display: none; }
.wpspd-blog-minimal .wpspd-posts .wpspd-entry-header, .wpspd-blog-minimal .wpspd-posts .wpspd-post-content {
display: block; }
.comment-respond p:not(.wpspd-form-mail) {
margin-bottom: 0; }
.comment-respond .wpspd-form-name {
border-right: none; }
.comment-respond .wpspd-form-name, .comment-respond .wpspd-form-mail {
border-bottom: 1px solid; }
.comment-respond .wpspd-form-message .wpspd-message-title {
font-size: 26px; }
.wpspd-page-description-holder #wpspd-page-description h1, .wpspd-page-description-holder #wpspd-page-description h1 span[style*='font-size'] {
font-size: 6vw !important; }
.wpspd-slide-title h2,
.wpspd-posts .wpspd-entry-title,
.wpspd-posts-navigation .wpspd-nav-title,
.wpspd-blog-grid .wpspd-posts .wpspd-post-content .wpspd-entry-content-holder .wpspd-entry-title {
font-size: 26px; }
#wpspd-home-main #wpspd-slider-nav .wpspd-progress span {
border-top-width: 3px; }
.wpspd-featured-image #wpspd-hero-slideshow .flickity-prev-next-button.next {
margin-left: 0; }
.wpspd-featured-image #wpspd-hero-slideshow .flickity-prev-next-button.previous {
margin-right: 0; }
.wpspd-featured-image #wpspd-hero-slideshow .flickity-page-dots {
margin-top: 15px; }
.wpspd-posts-navigation .wpspd-nav-title {
padding-left: 0;
padding-right: 0; }
.wpspd-posts-navigation .wpspd-nav-previous:not(.wpspd-only-post), .wpspd-posts-navigation .wpspd-nav-next:not(.wpspd-only-post) {
float: none;
width: auto; }
.wpspd-posts-navigation .wpspd-nav-previous:not(.wpspd-only-post) a, .wpspd-posts-navigation .wpspd-nav-next:not(.wpspd-only-post) a {
margin: 0; }
hr.wpspd-bottom-40 {
margin-top: 20px;
margin-bottom: 20px; }
hr.wpspd-bottom-60 {
margin-top: 30px;
margin-bottom: 30px; }
hr.wpspd-bottom-80 {
margin-top: 40px;
margin-bottom: 40px; }
.wpspd-color-block.wpspd-block-x-padding {
padding-left: 30px;
padding-right: 30px; }
.wpspd-color-block.wpspd-block-y-padding {
padding-top: 40px;
padding-bottom: 40px; }
.wpspd-color-block .wpspd-color-block-inner {
width: 100%;
display: block; }
.wpspd-container > .wpspd-aligner {
padding: 40px 30px !important; }
.wpspd-search-popup .wpspd-searchform input,
.wpspd-container.wpspd-wide-container > .wpspd-container-inner > .wpspd-columns:not(.wpspd-no-padding),
.wpspd-container.wpspd-wide-container > .wpspd-columns:not(.wpspd-no-padding), .wpspd-color-block {
padding-left: 30px;
padding-right: 30px; }
.wpspd-search-popup .wpspd-searchform {
height: 120px; }
.wpspd-search-popup .wpspd-searchform input {
font-size: 36px; }
.wpspd-slider-carousel .flickity-prev-next-button {
width: 30px; }
.wpspd-slider-carousel .flickity-prev-next-button.next {
padding: 0 12px 0 5px; }
.wpspd-slider-carousel .flickity-prev-next-button.previous {
padding: 0 5px 0 12px; }
.pswp__share-modal .pswp__share-tooltip a {
border-bottom: 0; } }
@media (max-width: 700px) {
.wpspd-404-device {
padding-left: 30px;
padding-bottom: 120px; }
.wpspd-404-device .wpspd-404-dynamic {
top: auto;
left: auto;
right: 25px;
bottom: 25px; }
.wpspd-404-device .wpspd-404 span {
font-size: 20vw; }
#wpspd-site-content > .hentry h1, #wpspd-site-content > .hentry h1 span[style*='font-size'] {
font-size: 36px !important; }
#wpspd-site-content > .hentry h2, #wpspd-site-content > .hentry h2 span[style*='font-size'] {
font-size: 26px !important; }
#wpspd-sharing-bar ul {
height: auto;
display: block;
overflow: hidden;
margin-right: -1px;
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
#wpspd-sharing-bar ul li {
width: 50%;
display: block;
float: left;
margin-right: 0; }
#wpspd-sharing-bar ul li:after {
content: none; }
#wpspd-sharing-bar ul li a {
border: 0;
border-right: 1px solid;
border-bottom: 1px solid; }
#wpspd-sharing-bar ul li a:hover {
color: inherit !important; }
#wpspd-sharing-bar ul li a:hover:before {
-webkit-opacity: 0.5;
opacity: 0.5; }
.wpspd-sharing-bar-active #wpspd-wrapper {
-webkit-transform: translateY(100px);
transform: translateY(100px); } }
@media (max-width: 600px) {
#wpspd-header, .wpspd-main-header .wpspd-page-description-holder {
padding-top: 15px; }
#wpspd-hero-slideshow .flickity-prev-next-button {
width: 40px; }
#wpspd-hero-slideshow .flickity-prev-next-button.previous {
padding-left: 10px; }
#wpspd-hero-slideshow .flickity-prev-next-button.next {
padding-right: 10px; }
.wpspd-blog-minimal .wpspd-featured-posts {
display: block; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry {
display: block;
width: auto !important; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry .wpspd-post-holder {
padding: 30px;
padding-bottom: 20px; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry .wpspd-post-holder .wpspd-post-content .wpspd-entry-header {
margin-bottom: 12%; }
.wpspd-blog-minimal .wpspd-featured-posts .hentry:nth-child(3) {
-webkit-flex-basis: auto;
flex-basis: auto;
-ms-flex-preferred-size: auto; }
.wpspd-blog-minimal .wpspd-posts-holder .wpspd-post-content .wpspd-entry-content-holder {
width: auto; }
.wpspd-blog-link {
width: 90px;
height: 90px; }
.wpspd-blog-link svg, .wpspd-blog-link .wpspd-format-icon {
width: 100%;
height: 100%; }
#wpspd-footer-widget-area .wpspd-widgets .wpspd-widget {
width: auto; }
#wpspd-footer-widget-area .wpspd-widgets .wpspd-widget:nth-child(2n+3) {
clear: none; }
blockquote,
.wpspd-posts .wpspd-entry-title,
.wpspd-blog-minimal .hentry .wpspd-entry-title,
.wpspd-blog-plain .hentry .wpspd-entry-title,
.wpspd-posts-navigation .wpspd-nav-title {
font-size: 20px; }
#wpspd-portfolio-filter .wpspd-filters-list > li {
margin-right: 1em; }
.wpspd-search-popup .wpspd-searchform {
height: 90px; }
.wpspd-search-popup .wpspd-searchform input {
font-size: 20px; }
body.search #wpspd-search-results {
margin-left: 0;
margin-right: 0;
display: block; }
body.search #wpspd-search-results .hentry {
width: auto; }
body.search #wpspd-search-results, body.search #wpspd-search-results .hentry {
padding-left: 0;
padding-right: 0; }
#wpspd-to-top {
width: 30px;
height: 30px;
margin-bottom: 0; }
#wpspd-to-top:before, #wpspd-to-top:after {
top: 6px;
bottom: 6px; }
.wpspd-copyrights {
font-size: 14px; } }
@media (max-width: 500px) {
#wpspd-home-main #wpspd-slider-nav .flickity-viewport {
height: auto !important; }
#wpspd-home-main #wpspd-slider-nav .wpspd-slide-title {
white-space: normal;
width: 100%;
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
#wpspd-home-main #wpspd-slider-nav .wpspd-slide-title .wpspd-slide-terms {
float: none; }
#wpspd-home-main #wpspd-slider-nav .wpspd-slide-title .wpspd-slide-description {
margin-top: 5px; }
.wpspd-page-description-holder #wpspd-page-description h1, .wpspd-page-description-holder #wpspd-page-description h1 span[style*='font-size'] {
font-size: 8vw !important; }
.wpspd-blog-link, .wpspd-blog-grid .wpspd-blog-link {
width: 60px;
height: 60px; }
.wpspd-blog-link svg, .wpspd-blog-link .wpspd-format-icon, .wpspd-blog-grid .wpspd-blog-link svg, .wpspd-blog-grid .wpspd-blog-link .wpspd-format-icon {
width: 100%;
height: 100%; }
.wpspd-portfolio-item .wpspd-format-icon {
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px; }
.wpspd-portfolio-flex #wpspd-portfolio .wpspd-portfolio-post {
width: 100%; }
.wpspd-portfolio-flex.wpspd-portfolio-2 #wpspd-portfolio .wpspd-posts-holder .wpspd-portfolio-post {
width: 100%; }
#wpspd-header,
#wpspd-site-content .wpspd-page-description-holder,
#wpspd-site-content > .hentry.type-page:not(:last-child) {
margin-bottom: 50px; }
#wpspd-hero-slideshow .flickity-prev-next-button.previous {
padding-left: 20px; }
#wpspd-hero-slideshow .flickity-prev-next-button.next {
padding-right: 20px; }
.wpspd-featured-image #wpspd-hero-slideshow .flickity-prev-next-button.previous {
padding-left: 10px; }
.wpspd-featured-image #wpspd-hero-slideshow .flickity-prev-next-button.next {
padding-right: 10px; }
.wpspd-entry-meta-footer .wpspd-author-link + .wpspd-tags-links {
float: none;
margin-left: 0; } }
@media (max-width: 320px) {
.wpspd-slide-title h2,
.wpspd-widget .wpspd-widget-title,
.wpspd-blog-minimal .hentry .wpspd-entry-title,
.wpspd-posts-navigation .wpspd-nav-title {
font-size: 20px; } }
@media screen and (max-height: 700px) and (orientation: landscape) {
.wpspd-page-description-holder #wpspd-page-description h1, .wpspd-page-description-holder #wpspd-page-description h1 span[style*='font-size'] {
font-size: 7vh !important; }
.wpspd-page-description-holder #wpspd-page-description p span[style*='font-size'] {
font-size: 18px !important; } }
@media screen and (orientation: landscape) {
.wpspd-main-header #wpspd-hero-slideshow .flickity-viewport {
height: 100% !important; }
body.single .wpspd-media-holder .wpspd-responsive-embed {
width: 100%;
height: 100%;
padding-bottom: 0; }
body.single .wpspd-media-holder .wpspd-responsive-embed iframe {
position: static; } }
@media screen and (orientation: portrait) {
#wpspd-home-main .wpspd-curtain {
height: auto;
min-height: 85vh; }
#wpspd-home-main .wpspd-curtain #wpspd-page-description {
padding: 0;
padding-bottom: 50px; }
#wpspd-home-main .wpspd-curtain ~ .wpspd-media-holder {
top: 0 !important; }
.wpspd-hero-not-visible #wpspd-home-main .wpspd-curtain .wpspd-to-content-holder {
-webkit-opacity: 0;
opacity: 0; }
#wpspd-home-main .wpspd-media-holder {
-webkit-transform: none !important;
transform: none !important; }
.wpspd-main-header .flickity-prev-next-button {
display: none; }
.wpspd-controls-holder {
padding-bottom: 25px; }
.wpspd-no-content #wpspd-hero .wpspd-page-description-holder[class*="wpspd-desc-bottom-"] #wpspd-page-description {
margin-bottom: 40px; }
.wpspd-no-content:not(.page-template-home-template) #wpspd-hero-slideshow .flickity-viewport,
.page-template-home-template.wpspd-home-no-desc.wpspd-no-content #wpspd-hero-slideshow .flickity-viewport {
height: 100% !important; }
body.page-template-home-template.wpspd-no-content:not(.wpspd-home-no-desc) #wpspd-hero, body.page-template-home-template.wpspd-no-content:not(.wpspd-home-no-desc) #wpspd-home-main .wpspd-media-holder, body:not(.wpspd-no-content) #wpspd-hero, body:not(.wpspd-no-content) #wpspd-home-main .wpspd-media-holder {
height: 70vh; }
body.page-template-home-template.wpspd-no-content:not(.wpspd-home-no-desc).single-format-video #wpspd-hero, body.page-template-home-template.wpspd-no-content:not(.wpspd-home-no-desc).single-format-audio #wpspd-hero, body:not(.wpspd-no-content).single-format-video #wpspd-hero, body:not(.wpspd-no-content).single-format-audio #wpspd-hero {
height: auto; }
body.page-template-home-template.wpspd-no-content:not(.wpspd-home-no-desc).single-format-video #wpspd-hero .wpspd-header-media, body.page-template-home-template.wpspd-no-content:not(.wpspd-home-no-desc).single-format-audio #wpspd-hero .wpspd-header-media, body:not(.wpspd-no-content).single-format-video #wpspd-hero .wpspd-header-media, body:not(.wpspd-no-content).single-format-audio #wpspd-hero .wpspd-header-media {
position: relative; }
body.page-template-home-template.wpspd-no-content:not(.wpspd-home-no-desc).single-format-video #wpspd-hero .wpspd-page-description-holder, body.page-template-home-template.wpspd-no-content:not(.wpspd-home-no-desc).single-format-audio #wpspd-hero .wpspd-page-description-holder, body:not(.wpspd-no-content).single-format-video #wpspd-hero .wpspd-page-description-holder, body:not(.wpspd-no-content).single-format-audio #wpspd-hero .wpspd-page-description-holder {
display: none; } }
/***************************************************************************
9 - Colors
****************************************************************************/
.wpspd-dark-post .wpspd-project-title,
.wpspd-dark-post .responsively-lazy-container:after,
.wpspd-dark-hover:not(.wpspd-dark-page),
.wpspd-dark-hero:not(.wpspd-dark-page):not(.wpspd-menu-overlay):not(.page-template-home-template) #wpspd-header,
.wpspd-menu-overlay.wpspd-dark-hero:not(.wpspd-dark-page):not(.page-template-home-template) .wpspd-nav-controls,
.wpspd-home-no-desc.wpspd-dark-hero:not(.wpspd-dark-page):not(.wpspd-menu-overlay) #wpspd-header,
.wpspd-menu-overlay.wpspd-home-no-desc.wpspd-dark-hero:not(.wpspd-dark-page) .wpspd-nav-controls,
.wpspd-dark-hero:not(.wpspd-dark-page) .wpspd-media-holder,
.wpspd-dark-hero:not(.wpspd-dark-page):not(.page-template-home-template) .wpspd-page-description-holder,
.dl-menuwrapper .dl-back a,
.single-portfolios.single-format-video:not(.wpspd-dark-page) .wpspd-nav-controls,
.single-portfolios.single-format-video:not(.wpspd-dark-page) .wpspd-page-description-holder {
color: #fff; }
.wpspd-curtain .wpspd-page-description-holder,
.wpspd-light-hover.wpspd-dark-page .wpspd-portfolio-item .wpspd-format-icon,
#wpspd-sticky-menu,
.wpspd-submenu,
.pswp__share-modal:before,
.wpspd-search-popup .wpspd-searchform,
#wpspd-portfolio .post-edit-link,
.wpspd-portfolio-item .wpspd-format-icon,
.wpspd-project-title-mask .wpspd-project-title-bg,
#wpspd-sharing-bar ul,
.wpspd-posts-navigation .wpspd-nav-img:after,
.wpspd-404-device,
a.wpspd-lightbox:after,
.wpspd-gallery .wp-caption-text.gallery-caption,
.wpspd-offcanvas-menu-inner,
.wpspd-dark-page:not(.wpspd-revert-on-scroll) .dl-menuwrapper .dl-back a,
.wpspd-style-accordion.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before,
.wpspd-wide-container > .wpspd-slider-carousel .flickity-prev-next-button {
background-color: #fff; }
.wpspd-blog-link .wpspd-blog-link-bg path {
fill: #fff; }
#wpspd-menu-overlay:before, #wpspd-menu-overlay:after, #wpspd-menu-overlay div:before, #wpspd-menu-overlay div:after {
background-color: #f7f7f7; }
.wpspd-responsive-embed,
.wpspd-alert .alert-close,
.post-edit-link,
.wpspd-empty-thumbnail,
.error404,
.error404 .wpspd-submenu,
#wpspd-attachment-details {
background-color: #f5f5f5; }
.wpspd-paged {
color: #eaeaea; }
.widget_calendar table,
.widget_calendar table > tbody > tr > td,
.widget_calendar table > tfoot > tr > td,
.wpspd-carousel-pag a {
border-color: #eeeeee; }
.dl-menuwrapper .dl-back a {
background-color: #222222; }
.wpspd-wide-container > .wpspd-slider-carousel .flickity-prev-next-button svg path {
fill: #222222; }
.wpspd-thumbnail-simple .wpspd-project-title,
.wpspd-thumbnail-overlay.wpspd-dark-page .wpspd-portfolio-item:not(.wpspd-dark-post) .wpspd-entry-title,
.wpspd-light-hover.wpspd-dark-page .wpspd-main-holder,
.wpspd-light-hover.wpspd-dark-page #wpspd-header,
.wpspd-light-hero.wpspd-dark-page:not(.wpspd-menu-overlay):not(.page-template-home-template) #wpspd-header,
.wpspd-menu-overlay.wpspd-light-hero.wpspd-dark-page:not(.page-template-home-template) .wpspd-nav-controls,
.wpspd-home-no-desc.wpspd-light-hero.wpspd-dark-page:not(.wpspd-menu-overlay) #wpspd-header,
.wpspd-menu-overlay.wpspd-home-no-desc.wpspd-light-hero.wpspd-dark-page .wpspd-nav-controls,
.wpspd-light-hero.wpspd-dark-page .wpspd-media-holder,
.wpspd-light-hero.wpspd-dark-page:not(.page-template-home-template) .wpspd-page-description-holder,
.wpspd-dark-page .wp-caption-text.gallery-caption,
.wpspd-dark-page:not(.wpspd-revert-on-scroll) .dl-menuwrapper .dl-back a,
a.wpspd-lightbox.responsively-lazy-loaded:after {
color: #222222; }
.wpspd-dark-page .wpspd-posts-navigation .wpspd-nav-img:not(.responsively-lazy-container) {
background-color: rgba(255, 255, 255, 0.04); }
.wpspd-posts-navigation .wpspd-nav-img:not(.responsively-lazy-container) {
background-color: rgba(0, 0, 0, 0.03); }
#wpspd-sharing-bar a.wpspd-icon-twitter:hover {
color: #3bc2ef; }
#wpspd-sharing-bar a.wpspd-icon-facebook:hover {
color: #627aad; }
#wpspd-sharing-bar a.wpspd-icon-linkedin:hover {
color: #0077b5; }
#wpspd-sharing-bar a.wpspd-icon-gplus:hover {
color: #da543b; }
#wpspd-sharing-bar a.wpspd-icon-pinterest:hover {
color: #e85061; }
#wpspd-sharing-bar a.wpspd-icon-vkontakte:hover {
color: #3b6798; }
#wpspd-sharing-bar a.wpspd-icon-mail:hover {
color: #47cf54; }
#wpspd-sharing-bar a.wpspd-icon-stumbleupon:hover {
color: #eb4924; }
#wpspd-sharing-bar a.wpspd-icon-digg:hover {
color: #0093cc; }
#wpspd-sharing-bar a.wpspd-icon-reddit:hover {
color: #ff4500; }
/*# sourceMappingURL=app.css.map */