@charset "UTF-8";
/*
Theme Name: storeapps
Theme URI: https://www.storeapps.org/
Description: StoreApps theme - child theme of Storefront from WooCommerce
Author: StoreApps
Author URI: https://www.storeapps.org
Template: storefront
Version: 2.6.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, left-sidebar, responsive-layout, accessibility-ready
Text Domain: storeapps
Modular Scale: http://www.modularscale.com/?1,0.875&em&1.618
*/
.browser {
position: relative;
box-shadow: 0 1px 0.618em 0 rgba(0, 0, 0, 0.05);
font-family: sans-serif;
color: #454545;
border-radius: 3px;
overflow-x: hidden;
text-align: center; }
/* INLINE SVG: Color can be changed inline (search for %23, which equals #) */
.browser:before {
content: "";
position: absolute;
display: block;
top: -1px;
left: -1px;
right: -1px;
height: 32px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 3px 3px 0px 0px;
background: url('data:image/svg+xml;charset=utf-8,') 10px 8px no-repeat, url('data:image/svg+xml;charset=utf-8,') 26px 8px no-repeat, url('data:image/svg+xml;charset=utf-8,') 42px 8px no-repeat, url('data:image/svg+xml;charset=utf-8,') right 10px top 8px no-repeat, #f3f3f3; }
.browser:after {
content: attr(data-url);
position: absolute;
padding: 2px 16px 0px 30px;
top: 5px;
height: 20px;
left: 72px;
right: 48px;
border-radius: 2px;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
direction: rtl;
text-align: left;
background: url('data:image/svg+xml;charset=utf-8,') 8px 3px no-repeat, #FFFFFF; }
/**
* Strictly Layout Styles
*/
@media (min-width: 768px) {
.site-header, .woocommerce-active .site-header {
margin-bottom: 1.618em !important;
padding: 1em 0 .75em; }
.site-header .site-branding, .woocommerce-active .site-header .site-branding {
display: block;
width: 13%;
margin-right: 5%;
clear: none;
padding: 0.25em 0; }
.site-header .site-branding h1, .woocommerce-active .site-header .site-branding h1 {
font-size: 1em; }
.site-header .site-branding a, .woocommerce-active .site-header .site-branding a {
padding: 0.25em 0; }
.site-header .site-branding img, .woocommerce-active .site-header .site-branding img {
height: auto;
max-width: 100%;
max-height: none; }
.site-header .site-branding .site-description, .woocommerce-active .site-header .site-branding .site-description {
margin-bottom: 0;
display: none; }
.site-header .main-navigation, .woocommerce-active .site-header .main-navigation {
width: auto;
margin: 0;
clear: none; }
.site-header .secondary-navigation, .woocommerce-active .site-header .secondary-navigation {
width: auto;
min-width: 10%;
margin: 0 0 0 5%;
float: right;
text-align: right; }
.content-area {
width: 73.9130434783%;
float: left;
margin-right: 4.347826087%; }
.widget-area {
width: 21.7391304348%;
float: right;
margin-right: 0; }
.right-sidebar .content-area {
width: 73.9130434783%;
float: left;
margin-right: 4.347826087%; }
.right-sidebar .widget-area {
width: 21.7391304348%;
float: right;
margin-right: 0; }
.left-sidebar .content-area {
width: 73.9130434783%;
float: right;
margin-right: 0; }
.left-sidebar .widget-area {
width: 21.7391304348%;
float: left;
margin-right: 4.347826087%; }
.storefront-full-width-content .content-area {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0; }
.content-area,
.widget-area {
margin-bottom: 2.617924em; }
/**
* Full width & homepage template
*/
.page-template-template-fullwidth-php .content-area,
.page-template-template-homepage-php .content-area {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0; }
/**
* Footer widgets
*/
.footer-widgets {
padding-top: 4.235801032em;
border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.footer-widgets:before, .footer-widgets:after {
content: "";
display: table; }
.footer-widgets:after {
clear: both; }
.footer-widgets.col-2 .block {
width: 47.8260869565%;
float: left;
margin-right: 4.347826087%; }
.footer-widgets.col-2 .block.footer-widget-2 {
float: right;
margin-right: 0; }
.footer-widgets.col-3 .block {
width: 30.4347826087%;
float: left;
margin-right: 4.347826087%; }
.footer-widgets.col-3 .block.footer-widget-3 {
float: right;
margin-right: 0; }
.footer-widgets.col-4 .block {
width: 21.7391304348%;
float: left;
margin-right: 4.347826087%; }
.footer-widgets.col-4 .block.footer-widget-4 {
float: right;
margin-right: 0; }
/**
* Comments
*/
.comment-list .comment-content,
.comment-list #respond {
width: 76.4705882353%;
float: left;
margin-right: 5.8823529412%; }
.comment-list .comment-meta {
width: 17.6470588235%;
float: right;
margin-right: 0;
text-align: left; }
.comment-list .comment-meta .avatar {
float: left; }
.comment-list .comment-content {
padding-bottom: 0 !important;
margin-bottom: 0.875em !important; }
.comment-list #respond {
float: left; }
.comment-list #respond .comment-form-author,
.comment-list #respond .comment-form-email,
.comment-list #respond .comment-form-url {
width: 100%;
margin-left: 0; }
.comment-list .comment-body #respond {
box-shadow: 0 6px 2em rgba(0, 0, 0, 0.2);
margin-bottom: 2.617924em;
margin-top: -1.618em; }
.comment-list .reply {
clear: both;
text-align: left;
font-size: 0.75em; }
.comment-list ol.children {
width: 88.2352941176%;
float: right;
margin-right: 0;
list-style: none; }
.comment-list ol.children .comment-content,
.comment-list ol.children #respond {
width: 73.3333333333%;
float: left;
margin-right: 6.6666666667%; }
.comment-list ol.children .comment-meta {
width: 20%;
float: right;
margin-right: 0; }
.comment-list ol.children ol.children {
width: 86.6666666667%;
float: right;
margin-right: 0; }
.comment-list ol.children ol.children .comment-content,
.comment-list ol.children ol.children #respond {
width: 69.2307692308%;
float: left;
margin-right: 7.6923076923%; }
.comment-list ol.children ol.children .comment-meta {
width: 23.0769230769%;
float: right;
margin-right: 0; }
.comment-list ol.children ol.children ol.children {
width: 84.6153846154%;
float: right;
margin-right: 0; }
.comment-list ol.children ol.children ol.children .comment-content,
.comment-list ol.children ol.children ol.children #respond {
width: 63.6363636364%;
float: left;
margin-right: 9.0909090909%; }
.comment-list ol.children ol.children ol.children .comment-meta {
width: 27.2727272727%;
float: right;
margin-right: 0; }
.comment-list ol.children ol.children ol.children ol.children {
width: 81.8181818182%;
float: right;
margin-right: 0; }
.comment-list ol.children ol.children ol.children ol.children .comment-content,
.comment-list ol.children ol.children ol.children ol.children #respond {
width: 55.5555555556%;
float: left;
margin-right: 11.1111111111%; }
.comment-list ol.children ol.children ol.children ol.children .comment-meta {
width: 33.3333333333%;
float: right;
margin-right: 0; }
#respond {
padding: 2.617924em; }
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url {
width: 29.4117647059%;
float: left;
margin-right: 5.8823529412%; }
#respond .comment-form-url {
float: right;
margin-right: 0; }
#respond .comment-form-comment {
clear: both; }
.hentry.type-post:before, .hentry.type-post:after {
content: "";
display: table; }
.hentry.type-post:after {
clear: both; }
.hentry.type-post .entry-content {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0; }
.hentry.type-post .entry-meta {
width: 25%;
float: left;
margin: 0;
padding: 2.618em 3% 1.618em 1.618em;
font-size: 0.875em;
border: none;
border-top: 1px solid rgba(0, 0, 0, 0.05); }
.hentry.type-post .comments-area {
width: 75%;
margin: 0;
float: right;
padding: 2.618em 1.618em 1.618em 3%;
border-top: 1px solid rgba(0, 0, 0, 0.05);
border-left: 1px solid rgba(0, 0, 0, 0.05); }
#page #comments {
max-width: 740px;
margin: auto;
border-top: 1px solid rgba(0, 0, 0, 0.05); }
/**
* Menus
*
* 1 - We have to use a `left` declaration so that dropdowns are revealed when tabbed.
*/
.menu-toggle,
.handheld-navigation,
.main-navigation.toggled .handheld-navigation,
.main-navigation.toggled div.menu {
display: none; }
.primary-navigation {
display: block; }
.main-navigation,
.secondary-navigation {
clear: both;
display: block;
width: 100%; }
.main-navigation ul,
.secondary-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
display: block; }
.main-navigation ul li,
.secondary-navigation ul li {
position: relative;
display: inline-block;
text-align: left; }
.main-navigation ul li a,
.secondary-navigation ul li a {
display: block; }
.main-navigation ul li a:before,
.secondary-navigation ul li a:before {
display: none; }
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul,
.secondary-navigation ul li:hover > ul,
.secondary-navigation ul li.focus > ul {
left: 0;
display: block; }
.main-navigation ul li:hover > ul li > ul, .main-navigation ul li.focus > ul li > ul,
.secondary-navigation ul li:hover > ul li > ul,
.secondary-navigation ul li.focus > ul li > ul {
left: -9999px;
/* 1 */ }
.main-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device, .main-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device,
.secondary-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device,
.secondary-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device {
display: none;
left: 0; }
.main-navigation ul li:hover > ul li:hover > ul, .main-navigation ul li:hover > ul li.focus > ul, .main-navigation ul li.focus > ul li:hover > ul, .main-navigation ul li.focus > ul li.focus > ul,
.secondary-navigation ul li:hover > ul li:hover > ul,
.secondary-navigation ul li:hover > ul li.focus > ul,
.secondary-navigation ul li.focus > ul li:hover > ul,
.secondary-navigation ul li.focus > ul li.focus > ul {
left: 100%;
top: 0;
display: block; }
.main-navigation ul ul,
.secondary-navigation ul ul {
float: left;
position: absolute;
top: 100%;
z-index: 99999;
left: -9999px;
/* 1 */ }
.main-navigation ul ul.sub-menu--is-touch-device,
.secondary-navigation ul ul.sub-menu--is-touch-device {
display: none;
left: 0; }
.main-navigation ul ul li,
.secondary-navigation ul ul li {
display: block; }
.main-navigation ul ul li a,
.secondary-navigation ul ul li a {
width: 200px; }
ul.menu li.current-menu-item > a {
color: rgba(0, 0, 0, 0.75); }
/**
* Primary Navigation
*/
.main-navigation {
clear: none; }
.main-navigation div.menu {
display: block; }
.main-navigation ul.menu,
.main-navigation ul.nav-menu {
max-height: none;
overflow: visible; }
.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
padding: 0.5em 0.618em; }
.main-navigation ul.menu > li:first-child,
.main-navigation ul.nav-menu > li:first-child {
margin-left: -1em; }
.main-navigation ul.menu > li.menu-item-has-children:hover:after, .main-navigation ul.menu > li.page_item_has_children:hover:after,
.main-navigation ul.nav-menu > li.menu-item-has-children:hover:after,
.main-navigation ul.nav-menu > li.page_item_has_children:hover:after {
display: block; }
.main-navigation ul.menu ul,
.main-navigation ul.nav-menu ul {
margin-left: 0; }
.main-navigation ul.menu ul li a,
.main-navigation ul.nav-menu ul li a {
padding: 0.875em 1.41575em;
font-weight: 400;
font-size: 0.875em; }
.main-navigation ul.menu ul li:last-child,
.main-navigation ul.nav-menu ul li:last-child {
border-bottom: 0; }
.main-navigation ul.menu ul ul,
.main-navigation ul.nav-menu ul ul {
margin-left: 0;
box-shadow: none; }
.main-navigation ul.menu ul a:hover,
.main-navigation ul.menu ul li:hover > a,
.main-navigation ul.nav-menu ul a:hover,
.main-navigation ul.nav-menu ul li:hover > a {
background-color: rgba(0, 0, 0, 0.025); }
.main-navigation a {
padding: 0 1em 2.2906835em; }
/**
* Secondary Navigation
*/
.secondary-navigation {
margin: 0 0;
width: auto;
clear: none;
line-height: 0.8em; }
.secondary-navigation .menu {
font-size: 0.875em;
width: auto;
float: right; }
.secondary-navigation .menu > li:hover > a {
text-decoration: none; }
.secondary-navigation .menu ul a {
padding: 0.5em 0.875em; }
.secondary-navigation .menu ul li:first-child a {
padding-top: 1em; }
.secondary-navigation .menu ul li:last-child a {
padding-bottom: 1em; }
.secondary-navigation .menu ul ul {
margin-top: -0.6180469716em; }
.secondary-navigation .menu a {
padding: 1em 0.875em;
color: rgba(51, 51, 51, 0.75);
font-weight: 400; }
.secondary-navigation .menu a:hover {
text-decoration: none; } }
@media (max-width: 66.4989378333em) {
.col-full {
margin-left: 2.617924em;
margin-right: 2.617924em;
padding: 0; } }
@media (max-width: 1024px) {
.site-header {
margin-bottom: 1.618em !important; }
.col-full {
margin-left: 1em;
margin-right: 1em;
padding: 0;
max-width: 100vw; }
html {
font-size: 12px; } }
/* Full width templates */
.page-template-template-blank-fullwidth .col-full, .page-template-template-fullwidth-with-comments .col-full, .page-template-template-fullwidth .col-full {
max-width: 100%;
}
#primary {
width: 100%;
float: none;
}
.no-sidebar .content-area {
width: 100%;
float: none;
margin: auto;
max-width: 960px;
position: relative;
}
.single-product .woocommerce-breadcrumb, .single-product .header-widget-region {
display: none; }
/* For Videos */
video {
width: 100% !important;
height: auto !important; }
.video {
display: block;
padding: 1em;
text-align: center; }
.video .caption {
display: block;
text-align: center;
margin: 1em 0;
orphans: 2; }
ol, ul {
margin: 0 0 1.41575em 1em; }
/* Single Product Page */
.single-product .product .summary .product_title {
font-size: 2em;
/* To make heading on Sales page not too big */
margin-bottom: 0.1em; }
.single-product div.product .woocommerce-product-rating .star-rating {
float: none;
margin: auto; }
.single-product div.product .woocommerce-product-rating {
border: none;
margin-bottom: 1em; }
.single-product .panel {
font-size: 0.8em;
margin: 1.618em 0;
padding: 1.618em 0;
border-top: 1px solid rgba(0, 0, 0, 0.05); }
.single-product #tab-description {
font-size: inherit;
border-top: none; }
.single-product .content-area .related.products.wide {
padding-top: 3em;
font-size: 0.8em; }
.single-product h1 {
font-size: 2.8em; }
.single-product form.cart button[type="submit"] {
padding: 0.618em 1.618em;
font-size: 1.4em;
margin: 0.309em; }
.before.add_to_cart_form .container {
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 0.8em;
display: inline-block;
background-color: #FFFFED;
min-width: 35%; }
.add_to_cart_form .product_title {
font-weight: 700;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 0.618em; }
.before.add_to_cart_form .price {
margin-bottom: 0.618em;
font-weight: normal; }
/* Add to cart for external product - Ratnakar */
p.cart {
text-align: center;
margin-left: -1em; }
/* Page Specific Menu */
.page-navigation {
margin: -1em 0 2.618em !important;
border-bottom: 1px solid #5850ec;
padding: 0.618em;
text-align: right;
font-size: 0.9em; }
.page-navigation a {
color: #2c2d33;
font-weight: inherit; }
.page-navigation > div {
display: inline-block; }
.page-navigation .product_title {
float: left;
margin-top: 0.218em;
font-size: 1.5em;
font-weight: 700; }
.page-navigation .product_title a {
color: #5850ec; }
.page-navigation .product_add_to_cart a {
color: #fff; }
.page-navigation.cloned {
opacity: 0.9;
background-color: #FFF;
margin-top: 0 !important; }
.page-submenu ul {
list-style: none;
margin: 0.309em 0 0 0;
padding-left: 0; }
.page-navigation ul.menu a {
color: #2c2d33; }
.page-navigation ul li {
position: relative;
display: inline-block;
text-align: left;
margin-right: 1.218em; }
/* CSS Hack to hide page navigation menu on page load - JS hack present too - Start */
.page-navigation.show {
display: block !important;
visibility: initial !important;
position: fixed !important;
width: 100% !important; }
.page-navigation.hide {
visibility: hidden !important;
position: initial !important; }
/* My Account */
fieldset legend {
font-weight: normal;
text-transform: uppercase;
margin: 0.618em 0;
color: #222;
padding-top: 1.618em; }
form.checkout {
clear: both; }
.woocommerce-checkout {
/* Minimal layout on checkout - hide things */ }
.woocommerce-checkout .site-footer, .woocommerce-checkout .main-navigation, .woocommerce-checkout .secondary-navigation {
display: none !important; }
.woocommerce-checkout .product-remove.sa-checkout a.remove:before {
color: #c1bab8; }
.woocommerce-checkout .create-account p {
font-size: 0.9em; }
.woocommerce-checkout h3 {
text-transform: capitalize;
margin-top: 1em; }
.woocommerce-checkout h3::after {
content: '🔒';
display: inline-block;
margin-left: 0.218em; }
.woocommerce-checkout .woocommerce-message, .woocommerce-checkout .woocommerce-info {
padding: 0.218em;
margin-bottom: 0.618em;
background-color: transparent;
border: none; }
.woocommerce-checkout .woocommerce-message a, .woocommerce-checkout .woocommerce-info a {
font-weight: bold;
color: #1e73be; }
.woocommerce-checkout .woocommerce-error::before, .woocommerce-checkout .woocommerce-info::before, .woocommerce-checkout .woocommerce-message::before {
content: '⇨';
display: inline-block; }
.woocommerce-checkout .woocommerce-message, .woocommerce-checkout .woocommerce-message .button {
color: #0f834d; }
.woocommerce-checkout .woocommerce-info, .woocommerce-checkout .woocommerce-info .button {
color: #3d9cd2; }
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper, .woocommerce-checkout .woocommerce-form-login, .woocommerce-checkout .woocommerce-form-coupon {
font-size: 0.8em; }
.woocommerce-checkout .woocommerce-form-login, .woocommerce-checkout .woocommerce-form-coupon {
border: 1px solid lightgrey;
padding: 1em; }
.woocommerce-checkout .woocommerce-form-login .form-row, .woocommerce-checkout .woocommerce-form-coupon .form-row {
margin-bottom: 0; }
.woocommerce-checkout .woocommerce-form-login .form-row .button, .woocommerce-checkout .woocommerce-form-coupon .form-row .button {
min-width: 30%;
text-transform: uppercase;
font-size: 0.9em; }
.woocommerce-checkout .woocommerce-form-login .lost_password, .woocommerce-checkout .woocommerce-form-coupon .lost_password {
float: right;
margin-bottom: 0;
margin-top: -2em; }
.woocommerce-checkout .woocommerce-form-login .clear, .woocommerce-checkout .woocommerce-form-coupon .clear {
clear: both;
display: block; }
@media (min-width: 768px) {
.woocommerce-checkout .col-r {
width: 41.1764705882%;
float: right;
margin-right: 0;
clear: right; }
.woocommerce-checkout .col2-set .form-row-first, .woocommerce-checkout .col2-set .form-row-last {
width: 47.0588235294%;
margin-bottom: 1em; }
.woocommerce-checkout .col2-set .form-row-first {
margin-right: 5.8823529412%; }
.woocommerce-checkout .col2-set .form-row-last {
margin-right: 0; } }
.woocommerce-checkout .payment-fixed {
box-shadow: none;
border: 1px solid lightgrey; }
.woocommerce-checkout .woocommerce-checkout-review-order-table td, .woocommerce-checkout .woocommerce-checkout-review-order-table th {
padding: 0.618em; }
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item td {
padding-top: 1em;
padding-bottom: 1em; }
.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation {
margin: 0 0 0 0.618em;
font-size: 0.7em;
color: rgba(0, 0, 0, 0.75); }
.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation dt, .woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation dd {
display: inline-block;
margin: 0; }
.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation dt {
margin-left: 0.618em; }
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-subtotal td, .woocommerce-checkout .woocommerce-checkout-review-order-table .cart-subtotal th, .woocommerce-checkout .woocommerce-checkout-review-order-table .cart-discount td, .woocommerce-checkout .woocommerce-checkout-review-order-table .cart-discount th, .woocommerce-checkout .woocommerce-checkout-review-order-table .fee td, .woocommerce-checkout .woocommerce-checkout-review-order-table .fee th, .woocommerce-checkout .woocommerce-checkout-review-order-table .tax-total td, .woocommerce-checkout .woocommerce-checkout-review-order-table .tax-total th {
color: rgba(0, 0, 0, 0.6); }
.woocommerce-checkout #payment .payment_methods > .wc_payment_method > label, .woocommerce-checkout #payment .payment_methods li .payment_box {
padding: 1em; }
.woocommerce-checkout #payment .payment_methods li p {
font-size: 0.9em; }
.woocommerce-checkout #payment .place-order {
margin-top: 1.618em;
padding: 1em;
background-color: transparent; }
/* Shop page */
body.post-type-archive-product {
background: #f0f5ff !important; }
.woocommerce-result-count, .woocommerce-ordering {
display: none; }
.site-main ul.products li.product {
text-align: left;
font-size: 1em;
margin-right: 3.5%;
padding: 0.5em;
border: 1px dotted #5850ec;
height: 22em;
border-bottom: 2px solid #5850ec;
box-shadow: 0px 2px 7px 0px rgba(12, 0, 46, 0.2);
border-radius: 10px;
transition: all 0.2s linear;
border: 5px solid #fff;
background: #ffffff; }
@media (min-width: 568px) {
.site-main ul.products li.product {
width: 31%; } }
.site-main ul.products li.product.last {
margin-right: 0; }
ul.products li.product:hover {
transform: scale(1.03);
border-color: #5850ec; }
ul.products li.product a {
font-weight: normal;
color: #484c51;
text-decoration: none; }
ul.products li.product a:hover {
text-decoration: none; }
ul.products li.product img, ul.products li.product .star-rating,
ul.products li.product .onsale, ul.products li.product .price,
ul.products li.product h3, ul.products li.product .more {
display: inline-block; }
ul.products li.product .star-rating {
margin: 0.618em 0 0.618em 0.618em; }
ul.products li.product img {
margin: 1em auto 1.5em auto;
max-width: 80px;
display: none; }
ul.products li.product img.woocommerce-placeholder {
display: none; }
ul.products li.product .heading,
ul.products li.product .content {
padding: 0.7em; }
ul.products li.product .actions {
text-align: right;
padding: 0.5em;
background-color: rgba(0,0,0,.03);
border-top: 1px solid rgba(0,0,0,.125);
position: absolute;
bottom: 0;
width: 102%;
margin: 0 -0.8em -0.32em -0.8em; }
ul.products li.product h3 {
float: left; }
ul.products li.product .heading, ul.products li.product .content, ul.products li.product .actions {
clear: both; }
ul.products li.product .price {
font-size: 0.9em;
margin: 0.218em 1em 0.218em 0;
float: left; }
ul.products li.product .more {
color: #6d6d6d;
font-weight: 400; }
ul.products li.product .onsale {
margin-bottom: 0;
margin-right: 1.218em;
float: left; }
ul.products li.product .more:after {
font-family: dashicons;
display: inline-block;
font-size: 1em;
font-weight: 400;
width: 1.218em;
text-align: right;
content: "\f344";
vertical-align: middle;
line-height: 99%; }
/** Column layout for UL / LI **/
ul.columns {
list-style: none;
width: 100%;
margin-left: 0;
overflow: auto; }
ul.columns li {
display: inline-block;
border: 1px solid;
margin: 1em 1em 1.618em 0;
padding: 1em;
border: 1px solid transparent; }
ul.columns li:hover {
border: 1px dotted rgba(0, 0, 0, 0.2); }
ul.columns.h11em li {
height: 11em;
overflow: hidden; }
ul.columns.h7em li {
height: 7em;
overflow: hidden; }
ul.columns.one-third li {
width: 31%;
margin-right: 3.5%; }
ul.columns.one-third li:nth-child(3n+1), ul.columns.one-third li:first-child {
float: left; }
ul.columns.one-third li:nth-child(3n) {
margin-right: 0;
float: right; }
ul.columns.one-third li:nth-child(3n):after {
content: "";
margin: 0;
padding: 0;
display: table;
clear: both; }
/* Templates */
.page-template-template-blank .site-header, .page-template-template-blank .header-widget-region,
.page-template-template-blank .site-footer,
.page-template-template-blank-fullwidth .site-header, .page-template-template-blank-fullwidth .header-widget-region,
.page-template-template-blank-fullwidth .site-footer,
.page-template-template-no-header-no-footer-comments .site-header, .page-template-template-no-header-no-footer-comments .site-footer {
display: none; }
.page-template-template-blank-fullwidth .col-full, .page-template-template-blank-fullwidth .content-area,
.page-template-template-fullwidth .col-full, .page-template-template-fullwidth .content-area {
max-width: 100% !important;
width: 100% !important; }
.page-template-template-blank-mini-footer .site-footer {
margin: auto;
text-align: center; }
.page-template-template-blank-mini-footer .secondary-navigation .menu > li > a:before {
display: none; }
.page-template-template-blank-mini-footer .secondary-navigation .menu {
float: none; }
.page-template-template-blank-mini-footer .site-footer {
background-color: transparent;
border-top: 1px dotted #f3f3f3; }
.clear:after, .row:after, .column.last:after, .last.two-thirds:after, .last.two-third:after, .last.one-third:after, .last.one-half:after, .last.one-forth:after, .last.one-fourth:after, ul li.last:after, hr.clear:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.clear {
display: inline-block; }
/* start commented backslash hack \*/
/* html .clear { height: 1%; }
.clear { display: block; }*/
/* close commented backslash hack */
/** Homepage hacks **/
/*
.home.page .hentry {
padding-bottom: 0;
}
.home.page .site-main, .home.page .hentry {
margin-bottom: 0;
}
.home.page .site-content {
margin-top: 0;
}
*/
/** Fun things! */
.framed, .polaroid {
border: 0.618em solid #fff;
-webkit-box-shadow: 1px 1px 3px #C0C0C0;
-moz-box-shadow: 1px 1px 3px #C0C0C0;
box-shadow: 1px 1px 3px #C0C0C0;
background: #FFF; }
.polaroid {
border-bottom: 2.618em solid #fff;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg); }
.polaroid.alt {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg); }
/* Strong Testimonials Plugin */
/*
.strong-container {
box-sizing: border-box;
display: inline-block;
width: 100%;
}
.strong-content {
}
.testimonial {
margin: 0 auto 1.618em auto;
border: none;
}
.testimonial img {
width: 50px;
height: 50px;
padding: 0 !important;
}
.testimonial .inner {
margin: 0 auto;
padding: 1.618em;
background: transparent !important;
}
.testimonial .heading {
background: url("../../plugins/strong-testimonials/images/quotes.png") no-repeat scroll left center transparent;
margin-top: 0;
padding-left: 2.2em;
font-size: 1.2em;
line-height: 1em;
min-height: 1.318em;
}
.testimonial .photo {
float: left;
margin-top: .25em;
margin-right: 1em;
}
.testimonial .content {
background: transparent;
float: none;
height: auto;
width: auto;
}
.testimonial .content p:last-of-type {
margin-bottom: 0;
}
.testimonial .client {
margin-top: 0.618em;
text-align: right;
}
.testimonial .client .name, .testimonial .client .company, .testimonial .client .company a {
font-weight: normal;
}
*/
/* Search box in nav menu */
.sa-nav-menu-search.widget_search .search-form {
cursor: pointer;
margin-bottom: inherit;
margin-left: -1em; }
.sa-nav-menu-search.widget_search .search-field {
background-color: transparent;
box-shadow: none;
cursor: pointer;
-webkit-transition: width 400ms ease, background 400ms ease;
transition: width 400ms ease, background 400ms ease;
width: 0; }
.sa-nav-menu-search.widget_search .search-field:focus {
background-color: #efefef;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
cursor: text;
width: 100%; }
/* Contextual related Posts plugin */
.crp_related ul {
float: none;
margin: inherit; }
.crp_related .crp_title {
left: 9px; }
.crp_related ul a {
text-decoration: none; }
#changelog pre {
/*max-height: 20em;*/
/*overflow-y: scroll;*/
white-space: pre-line; }
.so-offer-content ul.single-line-list-item li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.so-offer-content ul {
list-style-type: none;
padding-left: 0;
margin-left: 0; }
.ig_overlay.ig_bold .ig_headline {
overflow-y: hidden; }
/** Lightslider styles **/
/*! lightslider - v1.1.5 - 2015-10-31
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/
.lSSlideOuter {
overflow: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.lightSlider:before, .lightSlider:after {
content: " ";
display: table; }
.lightSlider {
overflow: hidden;
margin: 0; }
.lSSlideWrapper {
max-width: 100%;
overflow: hidden;
position: relative; }
.lSSlideWrapper > .lightSlider:after {
clear: both; }
.lSSlideWrapper .lSSlide {
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: all 1s;
-webkit-transition-property: -webkit-transform,height;
-moz-transition-property: -moz-transform,height;
transition-property: transform,height;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important; }
.lSSlideWrapper .lSFade {
position: relative; }
.lSSlideWrapper .lSFade > * {
position: absolute !important;
top: 0;
left: 0;
z-index: 9;
margin-right: 0;
width: 100%; }
.lSSlideWrapper.usingCss .lSFade > * {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important; }
.lSSlideWrapper .lSFade > *.active {
z-index: 10; }
.lSSlideWrapper.usingCss .lSFade > *.active {
opacity: 1; }
/** /!!! End of core css Should not edit !!!/**/
/* Pager */
.lSSlideOuter .lSPager.lSpg {
margin: 10px 0 0;
padding: 0;
text-align: center; }
.lSSlideOuter .lSPager.lSpg > li {
cursor: pointer;
display: inline-block;
padding: 0 5px; }
.lSSlideOuter .lSPager.lSpg > li a {
background-color: #222222;
border-radius: 30px;
display: inline-block;
height: 8px;
overflow: hidden;
text-indent: -999em;
width: 8px;
position: relative;
z-index: 99;
-webkit-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s; }
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
background-color: #428bca; }
.lSSlideOuter .media {
opacity: 0.8; }
.lSSlideOuter .media.active {
opacity: 1; }
/* End of pager */
/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
list-style: none outside none;
padding-left: 0;
margin: 0;
overflow: hidden;
transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.lSSlideOuter .lSPager.lSGallery li {
overflow: hidden;
-webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
transition: border-radius 0.12s linear 0s 0.35s linear 0s; }
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
border-radius: 5px; }
.lSSlideOuter .lSPager.lSGallery img {
display: block;
height: auto;
max-width: 100%; }
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
content: " ";
display: table; }
.lSSlideOuter .lSPager.lSGallery:after {
clear: both; }
/* End of Gallery*/
/* slider actions */
.lSAction > a {
width: 32px;
display: block;
top: 50%;
height: 32px;
background-image: url("../img/controls.png");
cursor: pointer;
position: absolute;
z-index: 99;
margin-top: -16px;
opacity: 0.5;
-webkit-transition: opacity 0.35s linear 0s;
transition: opacity 0.35s linear 0s; }
.lSAction > a:hover {
opacity: 1; }
.lSAction > .lSPrev {
background-position: 0 0;
left: 10px; }
.lSAction > .lSNext {
background-position: -32px 0;
right: 10px; }
.lSAction > a.disabled {
pointer-events: none; }
.cS-hidden {
height: 1px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden; }
/* vertical */
.lSSlideOuter.vertical {
position: relative; }
.lSSlideOuter.vertical.noPager {
padding-right: 0px !important; }
.lSSlideOuter.vertical .lSGallery {
position: absolute !important;
right: 0;
top: 0; }
.lSSlideOuter.vertical .lightSlider > * {
width: 100% !important;
max-width: none !important; }
/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
left: 50%;
margin-left: -14px;
margin-top: 0; }
.lSSlideOuter.vertical .lSAction > .lSNext {
background-position: 31px -31px;
bottom: 10px;
top: auto; }
.lSSlideOuter.vertical .lSAction > .lSPrev {
background-position: 0 -31px;
bottom: auto;
top: 10px; }
/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl {
direction: rtl; }
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
padding-left: 0;
list-style: none outside none; }
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
padding-right: 0; }
.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
float: left; }
.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
float: right !important; }
/* Rtl */
@-webkit-keyframes rightEnd {
0% {
left: 0; }
50% {
left: -15px; }
100% {
left: 0; } }
@keyframes rightEnd {
0% {
left: 0; }
50% {
left: -15px; }
100% {
left: 0; } }
@-webkit-keyframes topEnd {
0% {
top: 0; }
50% {
top: -15px; }
100% {
top: 0; } }
@keyframes topEnd {
0% {
top: 0; }
50% {
top: -15px; }
100% {
top: 0; } }
@-webkit-keyframes leftEnd {
0% {
left: 0; }
50% {
left: 15px; }
100% {
left: 0; } }
@keyframes leftEnd {
0% {
left: 0; }
50% {
left: 15px; }
100% {
left: 0; } }
@-webkit-keyframes bottomEnd {
0% {
bottom: 0; }
50% {
bottom: -15px; }
100% {
bottom: 0; } }
@keyframes bottomEnd {
0% {
bottom: 0; }
50% {
bottom: -15px; }
100% {
bottom: 0; } }
.lSSlideOuter .rightEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative; }
.lSSlideOuter .leftEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative; }
.lSSlideOuter.vertical .rightEnd {
-webkit-animation: topEnd 0.3s;
animation: topEnd 0.3s;
position: relative; }
.lSSlideOuter.vertical .leftEnd {
-webkit-animation: bottomEnd 0.3s;
animation: bottomEnd 0.3s;
position: relative; }
.lSSlideOuter.lSrtl .rightEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative; }
.lSSlideOuter.lSrtl .leftEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative; }
/*/ GRab cursor */
.lightSlider.lsGrab > * {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab; }
.lightSlider.lsGrabbing > * {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing; }
/* CSS to hide product image when change button of UVC is clicked from Cart page */
.update_variation_form .uvc_thumbnail {
display: none; }
.clearfix, .row:before, .row:after, .row-s:before, section:not(.widex):not(.hero):not(.wide):not(.comments-area):not(.woocommerce-order-downloads):not(.woocommerce-order-details):not(.woocommerce-customer-details):before, .row-s:after, section:not(.widex):not(.hero):not(.wide):not(.comments-area):not(.woocommerce-order-downloads):not(.woocommerce-order-details):not(.woocommerce-customer-details):after, .row-m:before, .row-m:after, .row-l:before, .row-l:after, .row-xl:before, .row-xl:after, .column.last:after, .last.two-thirds:after, .last.two-third:after, .last.one-third:after, .last.one-half:after, .last.one-forth:after, .last.one-fourth:after, ul li.last:after, .last:after, hr.clear:before {
content: " ";
display: table; }
body,
button,
input,
select,
textarea {
font-family: proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
h1 {
font-weight: 800;
}
h2 {
font-weight: 700;
}
h3,
h4,
h5,
h6 {
font-weight: 600;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
margin-bottom: 0.352em;
line-height: 1.218; }
h1 span, h1 .subtitle,
h2 span,
h2 .subtitle,
h3 span,
h3 .subtitle,
h4 span,
h4 .subtitle,
h5 span,
h5 .subtitle,
h6 span,
h6 .subtitle {
color: #241668; }
h1 .subtitle,
h2 .subtitle,
h3 .subtitle,
h4 .subtitle,
h5 .subtitle,
h6 .subtitle {
display: block; }
.display {
font-weight: 700;
margin-bottom: 0.618em; }
h1.display {
font-size: 3.618em; }
h2.display {
font-size: 2.618em; }
h5 {
font-size: 1.1em; }
h6 {
font-size: 1em; }
.serif, .serif > * {
font-family: proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
.sans, .sans > * {
font-family: proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
.mono, kbd, code, pre, samp, var {
font-family: Consolas, Monaco, monospace, monospace !important;
font-size: 0.75em;
line-height: 1.618; }
pre {
background: rgba(0, 0, 0, 0.85);
color: rgba(255, 255, 255, 0.85);
font-weight: bold; }
@media (max-width: 568px) {
ol, ul {
margin-left: 0.618em; }
img.alignright, img.alignleft, figure.alignright, figure.alignleft {
max-width: 50% !important; }
figure {
max-width: 100% !important; } }
.clr-r, .bloglike h3, .blog.single .entry-content h3, .content-focused .entry-content h3 {
color: #c83737; }
.clr-g {
color: #aad400; }
.clr-b {
color: #008cdd; }
.clr-y {
color: #ffcc00; }
.clr-o {
color: #f5873f; }
.clr-a {
color: #f42267; }
.oh {
overflow: hidden; }
.border-t, .border-tb {
border-top: 1px solid rgba(0, 0, 0, 0.1); }
.border-b, .border-tb {
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.padded-v {
padding-top: 2.618em !important;
padding-bottom: 2.618em !important; }
.padded-v-l {
padding-top: 3.618em !important;
padding-bottom: 3.618em !important; }
.padded-h {
padding-left: 2.618em !important;
padding-right: 2.618em !important; }
.padded-h-l {
padding-left: 3.618em !important;
padding-right: 3.618em !important; }
.box, .row, .row-s, section:not(.widex):not(.hero):not(.wide):not(.comments-area):not(.woocommerce-order-downloads):not(.woocommerce-order-details):not(.woocommerce-customer-details), .row-m, .row-l, .row-xl, .box-s, .box-m, .box-l, .box-xl {
margin-left: auto;
margin-right: auto;
position: relative; }
@media (max-width: 568px) {
.box, .row, .row-s, section:not(.widex):not(.hero):not(.wide):not(.comments-area):not(.woocommerce-order-downloads):not(.woocommerce-order-details):not(.woocommerce-customer-details), .row-m, .row-l, .row-xl, .box-s, .box-m, .box-l, .box-xl {
padding-left: 1em;
padding-right: 1em; } }
.row, .row-s, section:not(.widex):not(.hero):not(.wide):not(.comments-area):not(.woocommerce-order-downloads):not(.woocommerce-order-details):not(.woocommerce-customer-details), .row-m, .row-l, .row-xl {
padding: 2.618em;
clear: both; }
@media (max-width: 568px) {
.row, .row-s, section:not(.widex):not(.hero):not(.wide):not(.comments-area):not(.woocommerce-order-downloads):not(.woocommerce-order-details):not(.woocommerce-customer-details), .row-m, .row-l, .row-xl {
padding: 1em; } }
.row-s, section:not(.widex):not(.hero):not(.wide):not(.comments-area):not(.woocommerce-order-downloads):not(.woocommerce-order-details):not(.woocommerce-customer-details), .box-s {
max-width: 740px; }
.row-m, .box-m {
max-width: 960px; }
.row-l, .box-l {
max-width: 1200px; }
.row-xl, .box-xl {
max-width: 100vw; }
/* Single blog formatting for better readability */
.bloglike, .blog.single .entry-content, .content-focused .entry-content {
color: rgba(0, 0, 0, 0.75);
font-size: 1.1875rem;
line-height: 1.618;
margin-bottom: 3.706325903em; }
.bloglike div + h1, .bloglike div + h2, .bloglike div + h3, .bloglike figure + h1, .bloglike figure + h2, .bloglike figure + h3, .bloglike aside + h1, .bloglike blockquote + h1, .bloglike .testimonial + h1, .bloglike aside + h2, .bloglike blockquote + h2, .bloglike .testimonial + h2, .bloglike aside + h3, .bloglike blockquote + h3, .bloglike .testimonial + h3, .blog.single .entry-content div + h1, .blog.single .entry-content div + h2, .blog.single .entry-content div + h3, .blog.single .entry-content figure + h1, .blog.single .entry-content figure + h2, .blog.single .entry-content figure + h3, .blog.single .entry-content aside + h1, .blog.single .entry-content blockquote + h1, .blog.single .entry-content .testimonial + h1, .blog.single .entry-content aside + h2, .blog.single .entry-content blockquote + h2, .blog.single .entry-content .testimonial + h2, .blog.single .entry-content aside + h3, .blog.single .entry-content blockquote + h3, .blog.single .entry-content .testimonial + h3, .content-focused .entry-content div + h1, .content-focused .entry-content div + h2, .content-focused .entry-content div + h3, .content-focused .entry-content figure + h1, .content-focused .entry-content figure + h2, .content-focused .entry-content figure + h3, .content-focused .entry-content aside + h1, .content-focused .entry-content blockquote + h1, .content-focused .entry-content .testimonial + h1, .content-focused .entry-content aside + h2, .content-focused .entry-content blockquote + h2, .content-focused .entry-content .testimonial + h2, .content-focused .entry-content aside + h3, .content-focused .entry-content blockquote + h3, .content-focused .entry-content .testimonial + h3 {
margin-top: 2.2906835em; }
.bloglike h2, .blog.single .entry-content h2, .content-focused .entry-content h2 {
font-size: 1.875em; }
.bloglike h1, .bloglike h2, .bloglike h3, .bloglike h4, .bloglike h5, .bloglike h6, .blog.single .entry-content h1, .blog.single .entry-content h2, .blog.single .entry-content h3, .blog.single .entry-content h4, .blog.single .entry-content h5, .blog.single .entry-content h6, .content-focused .entry-content h1, .content-focused .entry-content h2, .content-focused .entry-content h3, .content-focused .entry-content h4, .content-focused .entry-content h5, .content-focused .entry-content h6 {
line-height: 1.15em; }
.bloglike h2, .bloglike h4, .blog.single .entry-content h2, .blog.single .entry-content h4, .content-focused .entry-content h2, .content-focused .entry-content h4 {
color: #4e4e4e; }
.bloglike h6, .blog.single .entry-content h6, .content-focused .entry-content h6 {
color: #241668; }
.bloglike h5, .bloglike h6, .blog.single .entry-content h5, .blog.single .entry-content h6, .content-focused .entry-content h5, .content-focused .entry-content h6 {
text-transform: uppercase;
letter-spacing: 0.035em; }
.bloglike p, .bloglike ul, .bloglike ol, .bloglike dl, .bloglike blockquote, .bloglike cite, .bloglike .testimonial, .blog.single .entry-content p, .blog.single .entry-content ul, .blog.single .entry-content ol, .blog.single .entry-content dl, .blog.single .entry-content blockquote, .blog.single .entry-content cite, .blog.single .entry-content .testimonial, .content-focused .entry-content p, .content-focused .entry-content ul, .content-focused .entry-content ol, .content-focused .entry-content dl, .content-focused .entry-content blockquote, .content-focused .entry-content cite, .content-focused .entry-content .testimonial {
font-family: proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
.bloglike h1, .bloglike h3, .bloglike h5, .bloglike h2, .bloglike h4, .bloglike h6, .bloglike table, .bloglike dt, .bloglike aside, .bloglike blockquote, .bloglike .testimonial, .blog.single .entry-content h1, .blog.single .entry-content h3, .blog.single .entry-content h5, .blog.single .entry-content h2, .blog.single .entry-content h4, .blog.single .entry-content h6, .blog.single .entry-content table, .blog.single .entry-content dt, .blog.single .entry-content aside, .blog.single .entry-content blockquote, .blog.single .entry-content .testimonial, .content-focused .entry-content h1, .content-focused .entry-content h3, .content-focused .entry-content h5, .content-focused .entry-content h2, .content-focused .entry-content h4, .content-focused .entry-content h6, .content-focused .entry-content table, .content-focused .entry-content dt, .content-focused .entry-content aside, .content-focused .entry-content blockquote, .content-focused .entry-content .testimonial {
font-family: proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
.bloglike li > ol, .bloglike li > ul, .blog.single .entry-content li > ol, .blog.single .entry-content li > ul, .content-focused .entry-content li > ol, .content-focused .entry-content li > ul {
margin-bottom: 0.618em;
margin-left: 1.618em; }
.bloglike ul, .blog.single .entry-content ul, .content-focused .entry-content ul {
list-style: square; }
.bloglike ul ul, .blog.single .entry-content ul ul, .content-focused .entry-content ul ul {
list-style: disc; }
.bloglike ol ol, .blog.single .entry-content ol ol, .content-focused .entry-content ol ol {
list-style: lower-alpha; }
.bloglike > ul, .bloglike > ol, .blog.single .entry-content > ul, .blog.single .entry-content > ol, .content-focused .entry-content > ul, .content-focused .entry-content > ol {
padding-left: 2em; }
.bloglike > *:not(.wide):not(.widex):not(.hero):not(.full-size-x):not(.pulled):not(.alignleft):not(.alignright):not(.note), .blog.single .entry-content > *:not(.wide):not(.widex):not(.hero):not(.full-size-x):not(.pulled):not(.alignleft):not(.alignright):not(.note), .content-focused .entry-content > *:not(.wide):not(.widex):not(.hero):not(.full-size-x):not(.pulled):not(.alignleft):not(.alignright):not(.note) {
max-width: 700px;
margin-left: auto;
margin-right: auto; }
.bloglike {
margin-bottom: 1.41575em; }
.blog.single .last-updated {
text-align: center;
font-size: .875em; }
.single .type-post, .content-focused {
/*
@include susy-media($desktop) {
// Blur effect at top and bottom
// Works, but with a problem: the blur shows even above footer
.entry-content:before, .entry-content:after {
content: "";
display: block;
height: 12vh;
left: 0;
pointer-events: none;
position: fixed;
width: 100%;
//z-index: 99;
}
.entry-content:before {
background: linear-gradient(to bottom, rgba(255,255,255,1) 10%,rgba(255,255,255,0) 100%);
top: 0;
}
.entry-content:after {
background: linear-gradient(to top, rgba(255,255,255,1) 10%,rgba(255,255,255,0) 80%);
bottom: 0;
}
}
*/ }
.single .type-post .entry-header, .content-focused .entry-header {
text-align: center;
border-bottom: none;
color: rgba(0, 0, 0, 0.95); }
.single .type-post .entry-header .posted-on, .content-focused .entry-header .posted-on {
display: none; }
.single .type-post .entry-header .entry-title, .content-focused .entry-header .entry-title {
margin: 2.618rem auto 3.618rem;
font-size: 3.125rem;
max-width: 700px; }
.single .type-post #comments h2, .content-focused #comments h2 {
font-size: 1.218em;
text-align: center;
border-bottom: none; }
.single .type-post #comments .comment-text, .content-focused #comments .comment-text {
font-family: proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
.single .type-post #comments .comment-meta, .content-focused #comments .comment-meta {
font-size: 0.875em !important; }
.single .type-post #comments .comment-meta a.comment-date, .content-focused #comments .comment-meta a.comment-date {
color: rgba(0, 0, 0, 0.5);
font-size: 0.75em; }
.single .type-post #comments .comment-list .comment-meta .avatar, .content-focused #comments .comment-list .comment-meta .avatar {
max-width: 48px;
margin-bottom: 0.25em;
border: 2px solid rgba(0, 0, 0, 0.05); }
.single .type-post #comments .comment-text, .content-focused #comments .comment-text {
background: rgba(0, 0, 0, 0.025); }
.single .type-post #comments .byuser > .comment-body .comment-text, .single .type-post #comments .byuser > .comment-body .avatar, .content-focused #comments .byuser > .comment-body .comment-text, .content-focused #comments .byuser > .comment-body .avatar {
background: rgba(103, 114, 229, 0.15);
border-color: rgba(103, 114, 229, 0.15); }
.single .type-post #comments .bypostauthor > .comment-body .comment-text, .single .type-post #comments .bypostauthor > .comment-body .avatar, .single .type-post #comments .comment-author-admin > .comment-body .comment-text, .single .type-post #comments .comment-author-admin > .comment-body .avatar, .content-focused #comments .bypostauthor > .comment-body .comment-text, .content-focused #comments .bypostauthor > .comment-body .avatar, .content-focused #comments .comment-author-admin > .comment-body .comment-text, .content-focused #comments .comment-author-admin > .comment-body .avatar {
background: rgba(68, 173, 105, 0.2);
border-color: rgba(68, 173, 105, 0.2); }
.single .type-post #comments .comment-respond, .content-focused #comments .comment-respond {
background: none;
padding: 0 1.618em 1.618em 1em;
max-width: 600px; }
.single .type-post #comments .comment-respond .comment-form-comment #comment, .content-focused #comments .comment-respond .comment-form-comment #comment {
font-family: proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
.single .type-post #comments #respond #cancel-comment-reply-link:hover, .content-focused #comments #respond #cancel-comment-reply-link:hover {
text-decoration: none; }
.single .type-post .post-navigation, .content-focused .post-navigation {
border-top: 1px solid rgba(0, 0, 0, 0.05);
border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.single .type-post .entry-meta, .content-focused .entry-meta {
background: none; }
.single .type-post .entry-meta .comments-link, .content-focused .entry-meta .comments-link {
display: none; }
.single .type-post .entry-meta .label, .content-focused .entry-meta .label {
text-transform: uppercase;
font-size: 0.75em; }
> *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.intro):not(:last-child):not(:last-of-type):not(hr) .single .type-post .entry-content, > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.intro):not(:last-child):not(:last-of-type):not(hr) .bloglike, > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.intro):not(:last-child):not(:last-of-type):not(hr) .content-focused .entry-content, > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.intro):not(:last-child):not(:last-of-type):not(hr) section {
margin-bottom: 1.9375rem; }
/* Additional utility classes - mainly for blog, but can be used anywhere */
.intro {
font-size: 1.416em;
letter-spacing: -0.018em;
color: rgba(0, 0, 0, 0.75); }
.big {
font-size: 1.618em;
line-height: 1.2;
letter-spacing: -0.035em; }
.small {
font-size: 0.876em; }
.intro, div.big {
margin-bottom: 2.617924em; }
blockquote, .testimonial {
padding: 1em 1.618em 1em 2.617924em;
position: relative;
font-size: 1.416em;
letter-spacing: -0.018em;
font-family: proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
border: none;
font-style: normal;
line-height: 1.318; }
blockquote p, .testimonial p {
margin-left: 2.618em; }
blockquote:before, .testimonial:before {
content: "“";
display: block;
font-size: 4.235801032em;
font-family: proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
color: #f39c12;
margin: 0 1rem 0 -1rem;
float: left; }
blockquote cite, .testimonial cite {
font-size: .618em;
display: block;
text-align: center;
padding-top: 1em;
color: rgba(0, 0, 0, 0.5); }
blockquote cite:before, .testimonial cite:before {
content: '~ ';
display: inline;
padding: 0 2px 0 0;
font-smoothing: antialiased; }
.testimonial, .quote {
border: none !important;
margin: 3.618em auto !important;
font-size: 1.218em; }
.testimonial p, .quote p {
margin-left: 2.618em;
margin-right: 1.618em; }
.testimonial:before, .quote:before {
content: "";
opacity: 0.25;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1; }
.testimonial.bubble:before, .quote.bubble:before {
background: url(assets/images/sketch-highlight-bubble.png) center center no-repeat;
background-size: 100% 100%; }
.testimonial.paint:before, .quote.paint:before {
background: url(assets/images/sketch-highlight-paint.png) center center no-repeat;
background-size: 100% 100%; }
.testimonial.marker, .quote.marker {
padding: 2.618em 1.218em !important; }
.testimonial.marker:before, .quote.marker:before {
background: url(assets/images/sketch-highlight-marker.png) center center no-repeat;
background-size: 100% 100%; }
.testimonial.purple:before, .quote.purple:before {
filter: hue-rotate(180deg); }
.testimonial.blue:before, .quote.blue:before {
filter: hue-rotate(145deg); }
.testimonial.yellow:before, .quote.yellow:before {
filter: hue-rotate(335deg) saturate(0.8); }
.testimonial cite, .quote cite {
text-align: left;
font-style: normal;
font-weight: 500;
font-size: 0.875em; }
.uppercase {
text-transform: uppercase; }
.dropcap {
float: left;
padding: 3px 3px 0 0;
font-size: 3em;
font-weight: bold;
line-height: 1;
font-family: proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
.rounded-corner, pre, .device .img, .device div, .device figcaption, .device .wp-caption .wp-caption-text, .page-numbers li .page-numbers, .rounded-corner img, pre img, .device .img img, .device div img, .device figcaption img, .device .wp-caption .wp-caption-text img, .page-numbers li .page-numbers img {
border: 1px transparent solid;
border-radius: 5px; }
/* Reset storefront theme's image borders */
img {
border-radius: 0; }
.shadow, .card:hover, .blog.home .content-area article:hover, .blog.archive .content-area article:hover, .cta:hover, .notify:hover, .pricing:hover, .bctt-click-to-tweet:hover {
box-shadow: 0 1px 0.618em 0 rgba(0, 0, 0, 0.05); }
.shadow-large, .blog.home .content-area article:hover, .blog.archive .content-area article:hover, .primary-navigation ul.menu ul.sub-menu, .secondary-navigation ul.menu ul.sub-menu {
box-shadow: 0 1em 2.218em 0 rgba(0, 0, 0, 0.2);
transition: box-shadow .3s ease; }
figure, .wp-caption {
margin-top: 1.618em !important;
margin-bottom: 1.618em !important; }
figcaption, .wp-caption .wp-caption-text {
margin: 0.375em 0.618em;
padding: 0;
color: rgba(0, 0, 0, 0.5);
font-family: proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
border-bottom: none;
font-size: 0.875rem;
font-style: italic;
text-align: center;
letter-spacing: -0.03rem;
line-height: 1.618; }
figure, .wp-caption, .device, .card, .blog.home .content-area article, .blog.archive .content-area article, .cta, .notify, .pricing, .bctt-click-to-tweet, .screenshot {
/*box-sizing: content-box;*/
position: relative; }
.screenshot, .card, .blog.home .content-area article, .blog.archive .content-area article, .cta, .notify, .pricing, .bctt-click-to-tweet {
border-radius: 5px;
position: relative;
padding: 0.25em;
margin: 2em auto;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
text-align: center;
color: rgba(0, 0, 0, 0.75); }
.device {
justify-content: center;
align-items: center;
background: #fff;
box-shadow: inset 0 4px 7px 1px #fff, inset 0 -5px 20px rgba(173, 186, 204, 0.25), 0 2px 6px rgba(0, 21, 64, 0.14), 0 10px 20px rgba(0, 21, 64, 0.05);
pointer-events: none;
border-radius: 2em;
padding: 0.875em 1.75em; }
.device.phone {
padding: 0.875em 0.875em 1.75em 0.875em; }
.device .img, .device div {
border: 2px solid whitesmoke; }
.device figcaption, .device .wp-caption .wp-caption-text {
margin: 0.25em 0 !important;
font-family: proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-style: normal !important;
background: whitesmoke; }
.browser {
padding: 42px 10px 10px 10px !important; }
.browser figcaption, .browser .wp-caption .wp-caption-text {
display: none; }
/* Horizontal rules */
hr {
display: block;
clear: both;
width: 33%;
margin: 1.618em auto;
border: none;
background: rgba(0, 0, 0, 0.05);
height: 1px; }
hr.narrow {
width: 4em;
height: 3px;
margin-top: 1.618em;
margin-bottom: 1.618em; }
hr.full {
margin-left: 0;
margin-right: 0;
width: 100%; }
hr.clear {
border: none;
background: transparent;
display: block; }
hr.gap {
margin-top: 3.618em;
margin-bottom: 3.618em; }
hr.left {
margin-left: 0; }
hr.accent {
background-color: #f42267;
height: 3px;
margin-top: 1.618em;
margin-bottom: 0.618em; }
h1.display + hr.accent, h2.display + hr.accent, h3.display + hr.accent, h4.display + hr.accent {
margin-top: -1em; }
h1 + hr.accent, h2 + hr.accent, h3 + hr.accent, h4 + hr.accent {
margin-top: 0; }
hr.accent + p {
margin-top: 1.618em; }
.darkbg hr:not(.clear):not(.accent) {
background: rgba(255, 255, 255, 0.85) !important; }
.pulled {
margin: 2.618em 4.008em;
font-size: 1.0625rem;
font-weight: 500;
line-height: 1.55;
max-width: 20em;
border-left: 1px dotted rgba(0, 0, 0, 0.5);
padding-left: 1.618em;
font-family: proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
color: rgba(0, 0, 0, 0.95);
position: relative;
z-index: 9; }
.pulled > * {
font-family: proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
.pulled.left {
float: left; }
.pulled.right {
float: right; }
@media (min-width: 769px) {
.pulled.left {
margin-left: -4.008em; }
.pulled.right {
margin-right: -4.008em; } }
/* Decorations */
u, .underline {
text-decoration: none;
border-bottom: none;
padding-bottom: 0.4em;
background: url(assets/images/underline.svg) bottom left no-repeat;
background-size: 100% 0.318em; }
u.green, .underline.green {
background-image: url(assets/images/underline-green.svg); }
u.red, .underline.red {
background-image: url(assets/images/underline-red.svg); }
u.line, .underline.line {
background: none;
padding-bottom: initial;
border-bottom: 0.1em solid #ffcc00; }
u.line.green, .underline.line.green {
border-bottom: 0.1em solid #aad400; }
u.line.red, .underline.line.red {
border-bottom: 0.1em solid #c83737; }
ul.checkmark li {
list-style-type: none;
padding: 0.25em 0 0 2.35em;
position: relative;
margin-bottom: 0.618em; }
ul.checkmark li:before {
content: " ";
display: block;
position: absolute;
top: .5em;
border: solid 0.618em rgba(68, 173, 105, 0.2);
border-radius: 0.618em;
left: 0.5em; }
ul.checkmark li:after {
content: " ";
display: block;
position: absolute;
top: 0.5em;
width: 0.25em;
height: 0.6em;
border: solid #44ad69;
border-width: 0 0.15em 0.15em 0;
left: 1em;
margin-top: 0.1em;
transform: rotate(50deg); }
ul.inline li {
list-style-type: none;
display: inline-block;
margin-right: 1.618em;
margin-bottom: 0.618em; }
.pill, ul.pills li {
font-size: 0.875em;
background: rgba(0, 0, 0, 0.05);
padding: 0.218em 0.618em;
border-radius: 3px; }
.darkbg .pill, .darkbg ul.pills li {
background: rgba(200, 55, 55, 0.5); }
/* Wide and Full Width content */
.wide {
margin-left: 0;
margin-right: 0; }
.widex, .hero, .full-size-x, .full-width {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw; }
.widex .figure, .hero .figure, .full-size-x .figure, .full-width .figure {
margin: auto; }
.full-size-y, .full-height {
height: 100vh;
padding-top: 5%;
padding-bottom: 5%; }
ins {
background-color: #d6fce2; }
mark {
font-weight: inherit; }
mark, .highlight {
border-radius: 1em 0 1em 0;
background-image: linear-gradient(-100deg, rgba(250, 247, 133, 0.4), rgba(250, 247, 133, 0.8) 95%, rgba(250, 247, 133, 0.2)); }
.scaleup {
transform: scale(1.075); }
.scaleup-hover:hover {
transform: scale(1.075); }
.scaleup-hover {
transform: scale(1);
transition: all 0.3s ease-in-out; }
/* Multi column layouts */
.twocolumn {
column-count: 2;
column-gap: 2.618em;
padding-bottom: 3.618em;
font-size: 0.875em;
line-height: 1.618; }
.note:before, p.nocomments:before {
content: "\00a0";
position: absolute;
width: 1.618em;
height: 1px;
line-height: 1px;
border-top: 1px solid rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
z-index: 1; }
.note:not(.woocommerce-OrderUpdate) {
position: relative;
padding-top: 0.875em;
max-width: 25em;
margin-top: 3.706em; }
.note:not(.woocommerce-OrderUpdate), .note:not(.woocommerce-OrderUpdate) > * {
color: rgba(0, 0, 0, 0.5);
font-family: proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.875rem;
line-height: 1.618; }
/* Tables */
table, table tbody, table th, table tr, table tbody td, table td, table tbody tr:nth-child(2n) td {
background-color: transparent; }
table {
width: 100%;
margin: 0 0 2.618em;
border-collapse: collapse;
border-spacing: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
line-height: 2;
font-size: 0.9375rem;
color: rgba(0, 0, 0, 0.95); }
table td, table th, table thead th {
padding: 1em 0.618em 1em 1em;
line-height: 1.618;
border-top: 1px solid rgba(0, 0, 0, 0.1); }
table.wide tr td:first-of-type {
white-space: nowrap; }
@media (max-width: 568px) {
table.wide tr td:first-of-type {
white-space: normal; } }
table caption {
margin: 2.618em 0; }
table th {
text-align: left;
font-weight: bold;
color: rgba(0, 0, 0, 0.95); }
a {
font-weight: inherit; }
a:hover {
text-decoration: underline; }
a.underline {
border-bottom: 0.2em solid #1e73be;
background: none; }
a.underline:hover {
text-decoration: none; }
/* Blog Archive */
.blog.home .content-area header.page-header, .blog.archive .content-area header.page-header {
display: none; }
.blog.home .content-area article, .blog.archive .content-area article {
width: 44.1176470588%;
float: left;
margin-right: 5.8823529412%;
margin: 3.706325903em auto;
text-align: left;
padding: 0;
display: inline-block;
float: left;
clear: left;
font-size: 0.875rem;
transition: all 0.3s ease-in-out; }
.blog.home .content-area article header, .blog.archive .content-area article header {
margin-bottom: 0 !important;
border-bottom: 0; }
.blog.home .content-area article header img, .blog.archive .content-area article header img {
border-radius: 0; }
.blog.home .content-area article.category-featured, .blog.archive .content-area article.category-featured {
border-top: 5px solid #44ad69; }
.blog.home .content-area article .entry-content, .blog.home .content-area article .type-post .entry-content, .blog.archive .content-area article .entry-content, .blog.archive .content-area article .type-post .entry-content {
font-size: 1.12rem;
line-height: 1.618;
padding: 0 1.618rem 0;
font-family: proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
margin-bottom: 2.617924em; }
.blog.home .content-area article h1, .blog.archive .content-area article h1 {
font-size: 1.618rem;
padding: 1.618rem;
margin: 0; }
.blog.home .content-area article h1 a, .blog.archive .content-area article h1 a {
font-weight: 700; }
.blog.home .content-area article.sticky h1:before, .blog.archive .content-area article.sticky h1:before {
display: none; }
.blog.home .content-area article:nth-child(even), .blog.archive .content-area article:nth-child(even) {
width: 44.1176470588%;
float: right;
margin-right: 0;
float: right;
clear: right; }
.blog.home .content-area article:nth-child(2), .blog.archive .content-area article:nth-child(2) {
margin-top: 9.7028795333em; }
.blog.home .content-area article:last-of-type, .blog.archive .content-area article:last-of-type {
margin-bottom: 3.618rem; }
.blog.home .content-area .site-main, .blog.archive .content-area .site-main {
position: relative;
/*
&:after {
content: '';
display: block;
width: 1px;
height: 100%;
background: rgba(0,0,0,.05);
position: absolute;
top: 0;
left: 50%;
z-index: -1;
right: inherit;
}
nav.navigation {
background: #fff;
}
*/ }
@media (max-width: 568px) {
.blog.home .content-area article {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
float: none;
clear: both;
font-size: 0.875rem; }
.blog.home .content-area article:nth-child(even) {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
margin-right: initial;
float: none;
clear: both;
margin-top: 2.617924em; } }
/* Text styles */
.dark, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
color: #000; }
.darkbg {
color: rgba(255, 255, 255, 0.85) !important; }
.darkbg > *, .darkbg a, .darkbg h1, .darkbg h2, .darkbg h3, .darkbg h4, .darkbg h5, .darkbg h6 {
color: rgba(255, 255, 255, 0.85) !important; }
.darkbg a:not(.button) {
text-decoration: underline; }
.darkbg .dark {
color: #FFF !important; }
.center {
text-align: center;
margin: auto; }
.justify {
text-align: justify; }
.button, button {
cursor: pointer;
border-radius: 5px; }
.button.large, button.large {
font-size: 1.618em; }
.button.small, .secondary-navigation ul.menu li:last-of-type a, button.small {
text-transform: uppercase;
box-shadow: none; }
.button:hover, button:hover {
text-decoration: none; }
.darkbg .button.hollow:hover, .darkbg .button.outline:hover, .darkbg button.hollow:hover, .darkbg button.outline:hover {
color: #fff !important; }
.button.hollow:hover, .button.outline:hover, button.hollow:hover, button.outline:hover {
color: #000 !important; }
.button.grey.hollow, .button.grey.outline, button.grey.hollow, button.grey.outline {
border-color: #788290;
color: #788290; }
.button.grey, .button.grey.hollow:hover, .button.grey.outline:hover, button.grey, button.grey.hollow:hover, button.grey.outline:hover {
background-color: #788290; }
.button.green.hollow, .secondary-navigation ul.menu li:last-of-type a.hollow, .button.green.outline, .secondary-navigation ul.menu li:last-of-type a.outline, button.green.hollow, button.green.outline {
border-color: #4fad43;
color: #4fad43; }
.button.green, .secondary-navigation ul.menu li:last-of-type a, .button.green.hollow:hover, .secondary-navigation ul.menu li:last-of-type a.hollow:hover, .button.green.outline:hover, .secondary-navigation ul.menu li:last-of-type a.outline:hover, button.green, button.green.hollow:hover, button.green.outline:hover {
background-color: #4fad43; }
.button.orange.hollow, .button.orange.outline, button.orange.hollow, button.orange.outline {
border-color: #f5873f;
color: #f5873f; }
.button.orange, .button.orange.hollow:hover, .button.orange.outline:hover, button.orange, button.orange.hollow:hover, button.orange.outline:hover {
background-color: #f5873f; }
.button.hollow, .button.outline, button.hollow, button.outline {
background-color: transparent !important;
border: 1px solid;
color: inherit !important; }
.site-header-cart .widget_shopping_cart, .primary-navigation ul.menu ul.sub-menu, .primary-navigation ul.nav-menu ul.children {
background: #fff;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.3); }
.primary-navigation ul ul li, .secondary-navigation ul ul li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.secondary-navigation ul.menu li:last-of-type a {
color: #FFF;
font-weight: bold;
padding: 0.618em 1em;
border-radius: 3px; }
.arrow.right:after, .page-numbers li .page-numbers.next:after {
content: " →"; }
.arrow.left:before, .page-numbers li .page-numbers.prev:before {
content: "← "; }
.page-numbers li .page-numbers {
border-color: transparent !important;
font-size: 0.875em; }
.page-numbers li .page-numbers.next {
background-color: rgba(0, 140, 221, 0.1); }
.page-numbers li .page-numbers.next:hover {
background-color: rgba(0, 140, 221, 0.3); }
.button, button, input, select {
font-family: proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
.cta {
padding: 1.618em; }
.cta p {
font-size: 0.875em; }
/* Aside */
aside, blockquote, .testimonial {
padding: 1.41575em;
margin: 1.618em auto;
border: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
color: rgba(0, 0, 0, 0.95); }
/* Notification Boxes */
.notify {
border: none;
box-shadow: none;
display: block;
padding: 0.618em 1.218em 1.218em 1.218em;
margin: 3.75em auto;
font-size: 0.9em;
text-align: left;
line-height: 1.618;
background-color: #dcf0fa; }
.notify .heading {
margin: 0;
font-size: 1.218em;
font-family: proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
letter-spacing: -0.05em;
font-weight: 700;
padding: 0 0 0.618em 0;
position: relative;
overflow: hidden;
white-space: nowrap;
text-align: center; }
.notify .heading:before, .notify .heading:after {
content: "";
position: relative;
display: inline-block;
width: 50%;
height: 1px;
vertical-align: middle;
opacity: 0.8;
background-color: #323232; }
.notify .heading:before {
left: -.5em;
margin: 0 0 0 -50%; }
.notify .heading:after {
left: .5em;
margin: 0 -50% 0 0; }
.notify .heading > span {
display: inline-block;
vertical-align: middle;
white-space: normal; }
.notify .icon {
display: block;
text-align: center;
font-family: FontAwesome;
display: inline-block;
font-size: 1.4em;
font-weight: 300; }
.notify .icon.circle {
width: 1.618em;
height: 1.618em;
border: 1px solid;
margin: auto 0.218em; }
.notify p {
margin-bottom: 1em; }
.notify .heading {
color: #1b86bc; }
.notify .heading:before, .notify .heading:after {
background-color: #1b86bc; }
.notify.success {
background-color: #d8fdb6; }
.notify.success .heading {
color: #56af05; }
.notify.success .heading:before, .notify.success .heading:after {
background-color: #56af05; }
.notify.warning {
background-color: #feffc3; }
.notify.warning .heading {
color: #8e9000; }
.notify.warning .heading:before, .notify.warning .heading:after {
background-color: #8e9000; }
.notify.tip {
background-color: #ffe1bb; }
.notify.tip .heading {
color: #bb6900; }
.notify.tip .heading:before, .notify.tip .heading:after {
background-color: #bb6900; }
.notify > :last-child, .cta > :last-child, aside > :last-child, blockquote > :last-child, .testimonial > :last-child {
margin-bottom: 0 !important; }
.notify > :first-child, .cta > :first-child, aside > :first-child, blockquote > :first-child, .testimonial > :first-child {
margin-top: 0 !important; }
/* Pricing tables */
.pricing {
padding: 1em;
text-align: left; }
.pricing ul {
margin: 0; }
.circle {
overflow: hidden;
width: 5em;
height: 5em;
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.avatar, .circle, .testimonial img {
border-radius: 50%; }
.grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%); }
.grayscale.grayscale-fade {
-webkit-transition: -webkit-filter .5s; }
.grayscale.grayscale-off, .grayscale.grayscale-fade:hover {
-webkit-filter: grayscale(0%);
filter: none; }
/* Better Click to Tweet */
.bctt-click-to-tweet {
display: block;
position: relative;
padding: 1em;
margin: 2.618em auto;
background: linear-gradient(to right bottom, #8E54E9, #4776E6);
transform: rotate(-1.6deg);
transition: all 0.3s ease-in-out; }
.bctt-click-to-tweet:hover {
transform: none; }
.bctt-click-to-tweet .bctt-ctt-text a {
color: #FFF !important;
font-size: 1.618rem;
letter-spacing: -0.018em; }
.bctt-click-to-tweet .bctt-ctt-text:before {
content: "";
display: block;
font-size: 1.618rem;
color: rgba(255, 255, 255, 0.5);
font-family: FontAwesome; }
.bctt-click-to-tweet a.bctt-ctt-btn {
margin: 1em auto 0;
position: relative;
display: block;
text-transform: uppercase;
font-family: proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: .7em;
font-weight: bold;
color: #55DDFE !important; }
.pulled .bctt-click-to-tweet {
margin-top: 0;
margin-bottom: 0;
transform: none; }
footer {
opacity: 0.8; }
footer:hover {
opacity: 1; }
.site-footer {
padding: 2.618em 0;
font-size: 0.875rem; }
@media (max-width: 568px) {
.site-footer {
font-size: 1rem; } }
.site-footer .widget {
margin: 0; }
.site-footer .widget .widget-title, .site-footer .widget .widgettitle {
padding: 0;
margin-bottom: 0.3em;
text-transform: uppercase;
font-size: 1em;
border-bottom: none;
font-weight: bold; }
.site-footer .widget ul li {
text-indent: -1em;
margin: 0 0 0.618em 1em; }
.site-footer .card, .site-footer .blog.home .content-area article, .blog.home .content-area .site-footer article, .site-footer .blog.archive .content-area article, .blog.archive .content-area .site-footer article, .site-footer .cta, .site-footer .notify, .site-footer .pricing, .site-footer .bctt-click-to-tweet {
margin: 0; }
.site-footer .site-info {
padding: 1.618em 0;
font-size: 0.875em; }
@media (min-width: 768px) {
.site-footer .footer-widgets {
padding-top: 0;
border-bottom: none; } }
/* Inserted Content */
.inserted.entry-content {
max-width: 100vw !important;
margin: 0 auto !important;
padding: 0;
font-size: 1rem !important; }
/* Columns */
section {
position: relative; }
.column, .column.two-thirds, .two-thirds, .column.two-third, .two-third, .column.one-third, .one-third, .column.one-half, .one-half, .column.one-forth, .column.one-fourth, .one-forth, .one-fourth {
float: left;
margin-right: 4%; }
.two-thirds.column, .two-thirds, .two-thirds, .two-third.column, .two-third, .two-third {
width: 65.33332%; }
.one-third.column, .one-third, .one-third {
width: 30.66666%; }
.one-half.column, .one-half, .one-half {
width: 48%;
position: relative; }
.one-forth.column, .one-forth, .one-fourth.column, .one-fourth, .one-forth, .one-fourth {
width: 22%; }
.column.last, .last.two-thirds, .last.two-third, .last.one-third, .last.one-half, .last.one-forth, .last.one-fourth, .row .column:last-of-type, .row .two-thirds:last-of-type, .row .two-third:last-of-type, .row .one-third:last-of-type, .row .one-half:last-of-type, .row .one-forth:last-of-type, .row .one-fourth:last-of-type, .last {
margin-right: 0; }
/* Simplify columns for smaller devices */
@media (max-width: 768px) {
.two-thirds.column, .two-thirds, .two-third.column, .two-third, .one-half.column, .one-half, .one-third.column, .one-third {
float: none;
margin-right: 0;
margin-bottom: 1.618em;
width: 100%; }
.one-forth.column, .one-forth, .one-fourth.column, .one-fourth {
width: 48%; }
.column.last, .last.two-thirds, .last.two-third, .last.one-third, .last.one-half, .last.one-forth, .last.one-fourth {
margin-bottom: 0; } }
.site-header {
background: transparent;
border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
/* Hero sections */
.hero {
margin-top: -17.2em;
padding-top: 8em; }
@media (min-width: 768px) {
.hero h1.display {
font-size: 6rem;
font-weight: 600;
letter-spacing: -0.04em;
line-height: 1em; } }
/* Homepage & Hero Section */
.fade1, .fade2, .fade3, .fade4 {
position: absolute;
animation-fill-mode: both;
width: 800px;
height: 600px;
z-index: -1; }
.fade1:before, .fade2:before, .fade3:before, .fade4:before {
content: "";
position: absolute;
height: 600px;
width: 800px;
z-index: -1;
right: 200px;
top: -200px; }
.fade1, .fade2, .fade1:before, .fade2:before {
z-index: 0; }
.fade1 {
animation: 2s ease 0s fadeInFader1;
top: -100px;
right: -300px;
width: 700px;
background-image: linear-gradient(90deg, rgba(227, 231, 248, 0) 0%, #8BBAF5 100%);
transform: translate(-150px, -200px) rotate(-45deg); }
.fade1:before {
background-image: linear-gradient(90deg, rgba(227, 231, 248, 0) 0%, #E8F2FC 100%); }
@keyframes fadeInFader1 {
0% {
opacity: 0;
transform: translate3d(-50px, -200px, 0px) rotate(-45deg); }
100% {
opacity: 1;
transform: translate3d(-150px, -200px, 0px) rotate(-45deg); } }
.fade2 {
animation: 2s ease 0s fadeInFader2;
bottom: 0px;
left: 0px;
background-image: linear-gradient(-90deg, rgba(237, 240, 243, 0) 0%, #8BBAF5 100%);
transform: translate(-360px, 0px) rotate(-45deg); }
.fade2:before {
background-image: linear-gradient(-90deg, rgba(227, 231, 248, 0) 0%, #E8F2FC 100%); }
@keyframes fadeInFader2 {
0% {
opacity: 0;
transform: translate3d(-460px, 0px, 0px) rotate(-45deg); }
100% {
opacity: 1;
transform: translate3d(-360px, 0px, 0px) rotate(-45deg); } }
.fade3 {
position: absolute;
right: -800px;
top: 0px;
background-image: linear-gradient(90deg, rgba(227, 231, 248, 0) 0%, #8BBAF5 100%);
transform: translate(-360px, 0px) rotate(-45deg); }
.fade3:before {
right: -40px;
width: 1000px;
background-image: linear-gradient(90deg, rgba(227, 231, 248, 0) 0%, #E8F2FC 100%); }
.fade4 {
top: 0px;
left: 0px;
background-image: linear-gradient(-90deg, rgba(237, 240, 243, 0) 0%, rgba(54, 51, 175, 0.57) 100%);
transform: translate(-360px, 0px) rotate(-45deg);
z-index: 1; }
.fade4:before {
background-image: linear-gradient(-90deg, rgba(227, 231, 248, 0) 0%, rgba(236, 218, 255, 0.43) 100%); }
.home.page .hero {
background-color: #f8faff;
padding-left: 2.618em;
padding-right: 2.618em; }
@media (max-width: 1024px) {
.home.page .hero {
padding-left: 1em;
padding-right: 1em; } }
.home.page .hero .container {
max-width: 1600px;
margin: 0 auto;
z-index: 5; }
.home.page .hero h1.display {
font-size: 3.618em; }
.home.page .hero .row {
display: flex;
align-items: center;
height: 75vh; }
.home.page .hero .row .description {
flex: 0 1 600px;
animation: 2s ease 0.4s showIntroDescription;
animation-fill-mode: both;
padding-left: 2.618em; }
.home.page .hero .row .media {
flex: 1;
position: relative;
animation: 1.4s ease-in-out 0.2s showIntroMedia;
animation-fill-mode: both;
transform: perspective(1260px) rotateY(-20.2deg) rotateX(10.6deg) scale(1);
padding-left: 120px; }
.home.page .hero .row .media .container {
position: absolute;
animation-fill-mode: both; }
.home.page .hero .row .media .container .shot {
box-shadow: 0 2px 50px 0 rgba(139, 186, 245, 0.5);
background-size: cover; }
.home.page .hero .row .media .container:nth-child(1) {
z-index: 2;
width: 95%;
animation: 0.5s ease-in-out 0.5s showIntroShot1; }
.home.page .hero .row .media .container:nth-child(1) .shot {
padding-bottom: 57%;
transform: translate(0, -70%); }
.home.page .hero .row .media .container:nth-child(2) {
z-index: 1;
width: 37%;
animation: 0.7s ease-in-out 0.5s showIntroShot2; }
.home.page .hero .row .media .container:nth-child(2) .shot {
padding-bottom: 105%;
transform: translate(-45%, -10%); }
.home.page .hero .row .media .container:nth-child(3) {
z-index: 3;
width: 75%;
animation: 0.5s ease-in-out 0.8s showIntroShot3; }
.home.page .hero .row .media .container:nth-child(3) .shot {
padding-bottom: 81%;
transform: translate(30%, -36%); }
.home.page .hero .row .media .container:nth-child(4) {
z-index: 4;
width: 500px;
animation: 0.5s ease-in-out 0.8s showIntroShot3; }
.home.page .hero .row .media .container:nth-child(4) .shot {
padding-bottom: 81%;
transform: translate(10%, -16%); }
@keyframes showIntroDescription {
0% {
transform: perspective(1260px) rotateY(25deg) rotateX(15deg); }
100% {
transform: perspective(1260px) rotateY(0deg) rotateX(0deg); } }
@keyframes showIntroMedia {
0% {
transform: perspective(1260px) rotateY(50deg) rotateX(-30deg) scale(0.8); }
100% {
transform: perspective(1260px) rotateY(-20.2deg) rotateX(10.6deg) scale(1); } }
@keyframes showIntroShot1 {
0% {
transform: perspective(700px) translate3d(200px, -150px, -200px); }
100% {
transform: perspective(700px) translate3d(0px, 0px, 0px); } }
@keyframes showIntroShot2 {
0% {
transform: perspective(700px) translate3d(250px, -250px, -200px); }
100% {
transform: perspective(700px) translate3d(0px, 0px, 0px); } }
@keyframes showIntroShot3 {
0% {
transform: perspective(700px) translate3d(200px, -100px, -200px); }
100% {
transform: perspective(700px) translate3d(0px, 0px, 0px); } }
@media (max-width: 768px) {
.home.page .hero {
padding-top: 6em;
height: auto !important; }
.home.page .hero .row {
flex-direction: column-reverse;
height: auto !important; }
.home.page .hero .row > * {
font-size: 0.8em; }
.home.page .hero .row .description {
padding: 0.618em;
width: auto;
flex-basis: auto; }
.home.page .hero .row .description .intro {
margin-bottom: 1.218em; }
.home.page .hero .row .media {
width: 100%;
padding-top: 35%;
padding-bottom: 45%; } }
@media (max-width: 1024px) {
.home.page .hero {
height: auto !important; }
.home.page .hero .row {
height: auto !important; }
.home.page .hero .row .description {
flex-basis: 500px;
padding-left: 0; }
.home.page .hero .row .media {
padding-left: 60px; } }
@media (min-width: 1700px) {
.home.page .hero .row .description {
padding-left: 200px;
flex-basis: 760px; }
.home.page .hero .row .media {
padding-left: 200px; } }
.fidget.spin {
animation: spin 1.2s 0s linear both infinite; }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
.peoplesay p:after {
content: "...";
color: rgba(0, 0, 0, 0.2);
display: block; }
.outcome .quote {
margin: 0 auto 2.618em !important;
padding: 0;
font-size: 1.618rem; }
.outcome .quote p {
margin: 0 0 1.41575rem; }
.outcome .quote cite {
font-size: 1rem;
margin-top: -1.4em; }
.outcome .quote p > cite {
margin-top: -1.41575rem; }
.faq h5 {
margin-top: 1.618em; }
.shake, .secondary-navigation ul.menu li:last-of-type a {
animation-duration: 5s;
animation-iteration-count: infinite;
animation-name: shake-hv;
animation-timing-function: ease-in-out; }
@keyframes shake-hv {
0%, 80% {
transform: translate(0, 0) rotate(0); }
60%, 70% {
transform: translate(0, -0.5px) rotate(2.5deg); }
62%, 72% {
transform: translate(0, 1.5px) rotate(-0.5deg); }
65%, 75% {
transform: translate(0, -1.5px) rotate(2.5deg); }
67%, 77% {
transform: translate(0, 2.5px) rotate(-1.5deg); } }
.woocommerce-message a {
font-weight: 700;
text-decoration: underline; }
/* My Account */
body.woocommerce-account .menu-secondary-menu-main-container {
display: none; }
.woocommerce-MyAccount-header {
margin-bottom: 0.618em; }
.woocommerce-MyAccount-header:before, .woocommerce-MyAccount-header:after {
content: "";
display: table; }
.woocommerce-MyAccount-header:after {
clear: both; }
.woocommerce-MyAccount-welcome {
width: 17.6470588235%;
float: left;
margin-right: 5.8823529412%; }
.woocommerce-MyAccount-welcome .name {
float: left;
margin-top: 0.618em; }
.woocommerce-MyAccount-welcome .avatar {
float: right;
margin-left: 0.618em; }
.woocommerce-MyAccount-notices {
width: 76.4705882353%;
float: right;
margin-right: 0; }
.woocommerce-MyAccount-navigation-link.is-active {
font-size: 1.1em;
font-weight: 700; }
.woocommerce-MyAccount-navigation-link.is-active a {
color: #f5873f; }
/* My Account - End */
.woocommerce.columns-4 {
padding: 0 0 0 1em; }
.woocommerce.columns-4 ul.products li.product {
width: 24%;
padding: 0.5em;
text-align: left;
margin-bottom: 0; }
.woocommerce.columns-4 ul.products li.product .content {
height: 11em;
overflow: hidden; }
/* Shop Page */
ul.products li.product .heading h3, ul.products li.product .heading h2 {
font-weight: bold !important;
font-size: 1.3em !important;
text-align: center;
line-height: 1.3;
margin-bottom: unset; }
.storefront-full-width-content.single-product div.product .summary {
float: none;
margin-right: auto; }
/* CSS for Add to Cart button on single product page - Start */
.single-product .woocommerce-breadcrumb, .single-product .header-widget-region {
display: none; }
.single-product div.product {
overflow: initial; }
.single-product .product .summary {
display: none; }
.single-product .product .summary .product_title {
font-size: 2em;
margin-bottom: 0.1em; }
.single-product div.product .woocommerce-product-rating {
border: none;
margin-bottom: 1em; }
.single-product div.product .woocommerce-product-rating .star-rating {
float: none;
margin: auto; }
.single-product .panel {
font-size: 0.8em;
margin: 1.618em 0;
padding: 1.618em 0;
border-top: 1px solid rgba(0, 0, 0, 0.05); }
.single-product #tab-description {
font-size: inherit;
border-top: none; }
.single-product .radioswitch {
margin: 1.618em 0 1em; }
.single-product .subscription-options-title {
font-weight: 700;
text-transform: uppercase;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 0.618em; }
.single-product form.cart button[type="submit"] {
padding: 0.618em 1.618em;
font-size: 1.4em;
margin: 0.309em; }
.single-product form.cart {
margin-bottom: 0; }
form.cart {
margin-bottom: 0; }
.before.add_to_cart_form {
text-align: center; }
.before.add_to_cart_form .container {
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 0.8em;
display: inline-block;
background-color: #FFFFED;
min-width: 35%; }
.before.add_to_cart_form .price {
margin-bottom: 0.618em;
font-weight: normal; }
p.cart {
text-align: center;
margin-left: -1em; }
ul.variation-options {
list-style: none;
font-size: 0.8em;
display: inline-block;
margin: 0 0 1.2em; }
ul.variation-options li {
text-align: left;
margin-top: 1em;
cursor: pointer !important; }
ul.variation-options li span.variation-label {
display: flex;
text-transform: uppercase;
line-height: 1em; }
ul.variation-options li span.variation-radio {
float: left;
margin-right: .3em; }
ul.variation-options li span.variation-radio.checked .fa-circle {
color: #00870c; }
ul.variation-options li span.variation-radio .fa-circle {
color: lightgrey; }
ul.variation-options li span.variation-radio .fa-inverse {
color: #fff;
opacity: 0; }
ul.variation-options li span.variation-radio.checked .fa-inverse,
ul.variation-options li span.variation-radio .fa-inverse:hover {
opacity: 1; }
ul.variation-options span.price {
font-size: 1.2em;
font-weight: bold !important; }
ul.variation-options del.sa-custom-regular-price {
font-size: 1.2em; }
ul.variation-options del.sa-custom-regular-price span.price {
visibility: visible;
font-size: inherit !important;
color: inherit !important; }
ul.variation-options del.sa-custom-regular-price + span.price {
color: #ea1d1d; }
/* Radio Switch formatting */
.radioswitch {
text-transform: uppercase;
font-size: 1em; }
.radioswitch * {
display: inline-block;
cursor: pointer; }
.radioswitch label {
font-weight: bold !important; }
.radioswitch label:not(:last-child) {
margin-right: 1em; }
.radioswitch input[name=period] {
vertical-align: middle; }
/* Hide 'What is PayPal' link */
.woocommerce-checkout .woocommerce-checkout-review-order .payment_method_paypal a {
display: none; }
/* Change icon for Recommended Products endpoint in My Account */
.woocommerce-MyAccount-navigation-link--recommended-products a:before {
content: "\f02e" !important; }
/* Hide weak password indicator on checkout page */
.checkout.woocommerce-checkout .woocommerce-password-strength,
.checkout.woocommerce-checkout .woocommerce-password-hint {
display: none !important; }