7145 lines
201 KiB
CSS
7145 lines
201 KiB
CSS
|
@charset "UTF-8";
|
||
|
|
/*
|
||
|
|
Theme Name: Hestia
|
||
|
|
Theme URI: https://themeisle.com/themes/hestia/
|
||
|
|
Author: ThemeIsle
|
||
|
|
Author URI: https://themeisle.com
|
||
|
|
Description: Hestia is a modern WordPress theme for professionals. It fits creative business, small businesses (restaurants, wedding planners, sport/medical shops), startups, corporate businesses, online agencies and firms, portfolios, ecommerce (WooCommerce), and freelancers. It has a multipurpose one-page design, widgetized footer, blog/news page and a clean look, is compatible with: Flat Parallax Slider, Photo Gallery, Travel Map and Elementor Page Builder . The theme is responsive, WPML, Retina ready, SEO friendly, and uses Material Kit for design.
|
||
|
|
Version: 1.1.43
|
||
|
|
License: GNU General Public License v2 or later
|
||
|
|
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
||
|
|
Text Domain: hestia
|
||
|
|
WordPress Available: yes
|
||
|
|
Requires License: no
|
||
|
|
Tags: blog, custom-logo, portfolio, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
|
||
|
|
|
||
|
|
This theme, like WordPress, is licensed under the GPL.
|
||
|
|
Use it to make something cool, have fun, and share what you've learned with others.
|
||
|
|
|
||
|
|
Hestia is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
|
||
|
|
Underscores is distributed under the terms of the GNU GPL v2 or later.
|
||
|
|
*/
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
>>> TABLE OF CONTENTS:
|
||
|
|
----------------------------------------------------------------
|
||
|
|
# General
|
||
|
|
## Generic styles
|
||
|
|
## Buttons and links
|
||
|
|
# Navigation
|
||
|
|
# Forms
|
||
|
|
# Pagination and navbar
|
||
|
|
# Typography
|
||
|
|
# Cards styling
|
||
|
|
# Tables
|
||
|
|
# Sections Styling
|
||
|
|
## About Section
|
||
|
|
## Portfolio Section
|
||
|
|
## Contact Section
|
||
|
|
## Team Section
|
||
|
|
## Subscribe Section
|
||
|
|
# Footer
|
||
|
|
# Blog
|
||
|
|
## Content
|
||
|
|
## Sidebar
|
||
|
|
## Attachment Page
|
||
|
|
# Woocommerce Integration
|
||
|
|
## My Account Page
|
||
|
|
## Generic
|
||
|
|
## YITH Magnifier
|
||
|
|
# Responsive
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
a, .form-group.label-static label.control-label, .form-group.label-placeholder label.control-label, .form-group.label-floating label.control-label, .pagination a, .pagination span, .card-background:after, .hestia-top-bar .widget.widget_search form:not(.form-group), .hestia-top-bar .widget.widget_product_search form:not(.form-group), .hestia-top-bar .widget.widget_shopping_cart .cart_list, .hestia-top-bar li a[href*="facebook.com"]:before, .hestia-top-bar li a[href*="twitter.com"]:before, .hestia-top-bar li a[href*="pinterest.com"]:before, .hestia-top-bar li a[href*="google.com"]:before, .hestia-top-bar li a[href*="linkedin.com"]:before, .hestia-top-bar li a[href*="dribbble.com"]:before, .hestia-top-bar li a[href*="github.com"]:before, .hestia-top-bar li a[href*="youtube.com"]:before, .hestia-top-bar li a[href*="instagram.com"]:before, .hestia-top-bar li a[href*="reddit.com"]:before, .hestia-top-bar li a[href*="tumblr.com"]:before, .hestia-top-bar li a[href*="behance.com"]:before, .hestia-top-bar li a[href*="snapchat.com"]:before, .hestia-top-bar li a[href*="deviantart.com"]:before, .hestia-top-bar li a[href*="vimeo.com"]:before, .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li a, .woocommerce nav.woocommerce-pagination ul li a {
|
||
|
|
-webkit-transition: all 0.3s ease;
|
||
|
|
-moz-transition: all 0.3s ease;
|
||
|
|
-ms-transition: all 0.3s ease;
|
||
|
|
-o-transition: all 0.3s ease;
|
||
|
|
transition: all 0.3s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
button,
|
||
|
|
input[type="submit"],
|
||
|
|
input[type="button"],
|
||
|
|
.btn, .woocommerce .single-product div.product form.cart .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input.button:disabled, .woocommerce input.button[disabled]:disabled, #add_payment_method .wc-proceed-to-checkout a.checkout-button,
|
||
|
|
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
|
||
|
|
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, .added_to_cart.wc-forward {
|
||
|
|
-webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
|
||
|
|
transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
|
||
|
|
transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
|
transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
# Typography
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
body {
|
||
|
|
direction: ltr;
|
||
|
|
color: #3C4858;
|
||
|
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||
|
|
font-weight: 300;
|
||
|
|
line-height: 21px;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1, h2, h3, h4, h5, h6 {
|
||
|
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||
|
|
font-weight: 300;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: #9c27b0;
|
||
|
|
}
|
||
|
|
a:hover, a:focus {
|
||
|
|
color: #89229b;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
blockquote p {
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
font-size: 53.2px;
|
||
|
|
line-height: 61.18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
h2 {
|
||
|
|
font-size: 36.4px;
|
||
|
|
line-height: 54.6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
h3 {
|
||
|
|
margin: 20px 0 10px;
|
||
|
|
font-size: 25.55px;
|
||
|
|
line-height: 35.77px;
|
||
|
|
}
|
||
|
|
|
||
|
|
h4 {
|
||
|
|
font-size: 18.2px;
|
||
|
|
line-height: 28.21px;
|
||
|
|
}
|
||
|
|
|
||
|
|
h5 {
|
||
|
|
margin-bottom: 15px;
|
||
|
|
font-size: 17.5px;
|
||
|
|
line-height: 27.125px;
|
||
|
|
}
|
||
|
|
|
||
|
|
h6 {
|
||
|
|
font-size: 12.6px;
|
||
|
|
line-height: 18.9px;
|
||
|
|
font-weight: 500;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-title, .title, .card-title, .info-title, .footer-brand, .footer-big h4, .footer-big h5, .media .media-heading {
|
||
|
|
font-family: "Roboto Slab", "Times New Roman", serif;
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
.hestia-title, .hestia-title a, .title, .title a, .card-title, .card-title a, .info-title, .info-title a, .footer-brand, .footer-brand a, .footer-big h4, .footer-big h4 a, .footer-big h5, .footer-big h5 a, .media .media-heading, .media .media-heading a {
|
||
|
|
color: #3C4858;
|
||
|
|
text-decoration: none;
|
||
|
|
word-wrap: break-word;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1.title,
|
||
|
|
h1.hestia-title,
|
||
|
|
.pricing h2.title,
|
||
|
|
.pricing h2.hestia-title,
|
||
|
|
.contactus h2.title,
|
||
|
|
.contactus h2.hestia-title {
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
h2.title,
|
||
|
|
h2.hestia-title {
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.carousel h1.hestia-title,
|
||
|
|
.carousel h2.title {
|
||
|
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||
|
|
font-size: 67.2px;
|
||
|
|
line-height: 77.28px;
|
||
|
|
}
|
||
|
|
.carousel span.sub-title {
|
||
|
|
display: block;
|
||
|
|
margin: 10px 0 60px;
|
||
|
|
font-family: "Roboto Slab", "Times New Roman", serif;
|
||
|
|
font-size: 18.2px;
|
||
|
|
line-height: 25.48px;
|
||
|
|
}
|
||
|
|
.carousel .buttons a {
|
||
|
|
padding: 17px 35px;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.description, .card-description, .footer-big {
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.subscribe-description {
|
||
|
|
color: #efefef;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-warning {
|
||
|
|
color: #ff9800;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-primary {
|
||
|
|
color: #9c27b0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-danger {
|
||
|
|
color: #f44336;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-success {
|
||
|
|
color: #4caf50;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-info {
|
||
|
|
color: #00bcd4;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-rose {
|
||
|
|
color: #e91e63;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-gray {
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tooltip {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transition: opacity,-webkit-transform 0.2s ease;
|
||
|
|
transition: opacity,-webkit-transform 0.2s ease;
|
||
|
|
transition: opacity,transform 0.2s ease;
|
||
|
|
transition: opacity,transform 0.2s ease,-webkit-transform 0.2s ease;
|
||
|
|
-webkit-transform: translate3d(0, 5px, 0);
|
||
|
|
-ms-transform: translate3d(0, 5px, 0);
|
||
|
|
transform: translate3d(0, 5px, 0);
|
||
|
|
}
|
||
|
|
.tooltip.in {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translate3d(0, 0px, 0);
|
||
|
|
-ms-transform: translate3d(0, 0px, 0);
|
||
|
|
transform: translate3d(0, 0px, 0);
|
||
|
|
}
|
||
|
|
.tooltip.left .tooltip-arrow {
|
||
|
|
border-left-color: #fff;
|
||
|
|
}
|
||
|
|
.tooltip.right .tooltip-arrow {
|
||
|
|
border-right-color: #fff;
|
||
|
|
}
|
||
|
|
.tooltip.top .tooltip-arrow {
|
||
|
|
border-top-color: #fff;
|
||
|
|
}
|
||
|
|
.tooltip.bottom .tooltip-arrow {
|
||
|
|
border-bottom-color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tooltip-inner {
|
||
|
|
min-width: 130px;
|
||
|
|
padding: 10px 15px;
|
||
|
|
border: none;
|
||
|
|
border-radius: 3px;
|
||
|
|
color: #555;
|
||
|
|
background: #fff;
|
||
|
|
-webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
|
||
|
|
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 18px;
|
||
|
|
text-transform: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.screen-reader-text {
|
||
|
|
clip: rect(1px, 1px, 1px, 1px);
|
||
|
|
position: absolute !important;
|
||
|
|
height: 1px;
|
||
|
|
width: 1px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.screen-reader-text:focus {
|
||
|
|
background-color: #f1f1f1;
|
||
|
|
border-radius: 3px;
|
||
|
|
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
||
|
|
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
||
|
|
clip: auto !important;
|
||
|
|
color: #21759b;
|
||
|
|
display: block;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: bold;
|
||
|
|
height: auto;
|
||
|
|
left: 5px;
|
||
|
|
line-height: normal;
|
||
|
|
padding: 15px 23px 14px;
|
||
|
|
text-decoration: none;
|
||
|
|
top: 5px;
|
||
|
|
width: auto;
|
||
|
|
z-index: 100000;
|
||
|
|
/* Above WP toolbar. */
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
# Elements
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## General
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
body {
|
||
|
|
direction: ltr;
|
||
|
|
background-color: #e5e5e5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.container {
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
* {
|
||
|
|
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||
|
|
-webkit-tap-highlight-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
embed, iframe, img, object, video, button, input, select, textarea, .wp-caption {
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
img {
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul, ol {
|
||
|
|
margin-bottom: 30px;
|
||
|
|
line-height: 25.2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
legend {
|
||
|
|
border-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.animation-transition-fast, .navbar, .panel .panel-heading i, .section-cards .card {
|
||
|
|
-webkit-transition: all 150ms ease;
|
||
|
|
transition: all 150ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.thumbnail {
|
||
|
|
padding: 0;
|
||
|
|
border: 0 none;
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section-image .description .default-link,
|
||
|
|
.section-image .default-link,
|
||
|
|
.hestia-title .default-link,
|
||
|
|
.title .default-link,
|
||
|
|
.default-link:hover,
|
||
|
|
.default-link {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.description .default-link {
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
|
||
|
|
body.menu-open {
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Buttons
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
:focus, :active, ::-moz-focus-inner {
|
||
|
|
outline: 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
button,
|
||
|
|
input[type="submit"]::-moz-focus-inner,
|
||
|
|
input[type="button"]::-moz-focus-inner,
|
||
|
|
.btn::-moz-focus-inner {
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
button,
|
||
|
|
input,
|
||
|
|
select,
|
||
|
|
textarea {
|
||
|
|
font-family: inherit;
|
||
|
|
font-size: inherit;
|
||
|
|
line-height: inherit;
|
||
|
|
padding: 7px;
|
||
|
|
}
|
||
|
|
button:focus,
|
||
|
|
input:focus,
|
||
|
|
select:focus,
|
||
|
|
textarea:focus {
|
||
|
|
outline: 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
button,
|
||
|
|
input[type="submit"],
|
||
|
|
input[type="button"],
|
||
|
|
.btn {
|
||
|
|
position: relative;
|
||
|
|
margin: 10px 1px;
|
||
|
|
padding: 12px 30px;
|
||
|
|
border: none;
|
||
|
|
border-radius: 3px;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 400;
|
||
|
|
white-space: normal;
|
||
|
|
letter-spacing: 0;
|
||
|
|
text-transform: uppercase;
|
||
|
|
will-change: box-shadow,transform;
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type="number"] {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
button,
|
||
|
|
input[type="submit"],
|
||
|
|
input[type="button"],
|
||
|
|
.btn,
|
||
|
|
.btn.btn-default {
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
|
||
|
|
}
|
||
|
|
button:hover, button:focus, button:active,
|
||
|
|
input[type="submit"]:hover,
|
||
|
|
input[type="submit"]:focus,
|
||
|
|
input[type="submit"]:active,
|
||
|
|
input[type="button"]:hover,
|
||
|
|
input[type="button"]:focus,
|
||
|
|
input[type="button"]:active,
|
||
|
|
.btn:hover,
|
||
|
|
.btn:focus,
|
||
|
|
.btn:active,
|
||
|
|
.btn.btn-default:hover,
|
||
|
|
.btn.btn-default:focus,
|
||
|
|
.btn.btn-default:active {
|
||
|
|
-webkit-box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
|
||
|
|
-moz-box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
|
||
|
|
box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
button:hover,
|
||
|
|
button:focus,
|
||
|
|
input[type="submit"]:hover,
|
||
|
|
input[type="submit"]:focus,
|
||
|
|
input[type="submit"]:active,
|
||
|
|
input[type="button"]:hover,
|
||
|
|
input[type="button"]:focus,
|
||
|
|
input[type="button"]:active,
|
||
|
|
.btn,
|
||
|
|
.btn:hover,
|
||
|
|
.btn:focus,
|
||
|
|
.btn:active,
|
||
|
|
.btn.active,
|
||
|
|
.btn:active:focus,
|
||
|
|
.btn:active:hover,
|
||
|
|
.btn.active:focus,
|
||
|
|
.btn.active:hover,
|
||
|
|
.open > .btn.dropdown-toggle,
|
||
|
|
.open > .btn.dropdown-toggle:focus,
|
||
|
|
.open > .btn.dropdown-toggle:hover,
|
||
|
|
.btn.btn-default,
|
||
|
|
.btn.btn-default:hover,
|
||
|
|
.btn.btn-default:focus,
|
||
|
|
.btn.btn-default:active,
|
||
|
|
.btn.btn-default.active,
|
||
|
|
.btn.btn-default:active:focus,
|
||
|
|
.btn.btn-default:active:hover,
|
||
|
|
.btn.btn-default.active:focus,
|
||
|
|
.btn.btn-default.active:hover,
|
||
|
|
.open > .btn.btn-default.dropdown-toggle,
|
||
|
|
.open > .btn.btn-default.dropdown-toggle:focus,
|
||
|
|
.open > .btn.btn-default.dropdown-toggle:hover {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #999999;
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn > a:hover,
|
||
|
|
.btn > a:focus,
|
||
|
|
.btn > a:active,
|
||
|
|
.btn:hover > a,
|
||
|
|
.btn:focus > a,
|
||
|
|
.btn:active > a {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-simple, .btn.btn-simple:hover, .btn.btn-simple:focus, .btn.btn-simple:active,
|
||
|
|
.btn.btn-default.btn-simple,
|
||
|
|
.btn.btn-default.btn-simple:hover,
|
||
|
|
.btn.btn-default.btn-simple:focus,
|
||
|
|
.btn.btn-default.btn-simple:active {
|
||
|
|
color: #999999;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
button, input[type="submit"], input[type="button"], .btn.btn-primary {
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
|
||
|
|
}
|
||
|
|
button:hover, button:focus, button:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
|
||
|
|
-webkit-box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
|
||
|
|
-moz-box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
|
||
|
|
box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-primary.btn-simple, .btn.btn-primary.btn-simple:hover, .btn.btn-primary.btn-simple:focus, .btn.btn-primary.btn-simple:active {
|
||
|
|
color: #9c27b0;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
button,
|
||
|
|
button:hover,
|
||
|
|
input[type="submit"],
|
||
|
|
input[type="submit"]:hover,
|
||
|
|
input[type="button"],
|
||
|
|
input[type="button"]:hover,
|
||
|
|
input#searchsubmit,
|
||
|
|
.btn.btn-primary,
|
||
|
|
.btn.btn-primary:hover,
|
||
|
|
.btn.btn-primary:focus,
|
||
|
|
.btn.btn-primary:active,
|
||
|
|
.btn.btn-primary.active,
|
||
|
|
.btn.btn-primary:active:focus,
|
||
|
|
.btn.btn-primary:active:hover,
|
||
|
|
.btn.btn-primary.active:focus,
|
||
|
|
.btn.btn-primary.active:hover,
|
||
|
|
.open > .btn.btn-primary.dropdown-toggle,
|
||
|
|
.open > .btn.btn-primary.dropdown-toggle:focus,
|
||
|
|
.open > .btn.btn-primary.dropdown-toggle:hover {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #9c27b0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-danger {
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12);
|
||
|
|
}
|
||
|
|
.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active {
|
||
|
|
-webkit-box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
|
||
|
|
-moz-box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
|
||
|
|
box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-danger.btn-simple,
|
||
|
|
.btn.btn-danger.btn-simple:hover,
|
||
|
|
.btn.btn-danger.btn-simple:focus,
|
||
|
|
.btn.btn-danger.btn-simple:active,
|
||
|
|
.btn.btn-danger,
|
||
|
|
.btn.btn-danger:hover,
|
||
|
|
.btn.btn-danger:focus,
|
||
|
|
.btn.btn-danger:active,
|
||
|
|
.btn.btn-danger.active,
|
||
|
|
.btn.btn-danger:active:focus,
|
||
|
|
.btn.btn-danger:active:hover,
|
||
|
|
.btn.btn-danger.active:focus,
|
||
|
|
.btn.btn-danger.active:hover,
|
||
|
|
.open > .btn.btn-danger.dropdown-toggle,
|
||
|
|
.open > .btn.btn-danger.dropdown-toggle:focus,
|
||
|
|
.open > .btn.btn-danger.dropdown-toggle:hover {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #f44336;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-rose {
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12);
|
||
|
|
}
|
||
|
|
.btn.btn-rose:hover, .btn.btn-rose:focus, .btn.btn-rose:active {
|
||
|
|
-webkit-box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
|
||
|
|
-moz-box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
|
||
|
|
box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-rose.btn-simple, .btn.btn-rose.btn-simple:hover, .btn.btn-rose.btn-simple:focus, .btn.btn-rose.btn-simple:active {
|
||
|
|
color: #e91e63;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-rose,
|
||
|
|
.btn.btn-rose:hover,
|
||
|
|
.btn.btn-rose:focus,
|
||
|
|
.btn.btn-rose:active,
|
||
|
|
.btn.btn-rose.active,
|
||
|
|
.btn.btn-rose:active:focus,
|
||
|
|
.btn.btn-rose:active:hover,
|
||
|
|
.btn.btn-rose.active:focus,
|
||
|
|
.btn.btn-rose.active:hover,
|
||
|
|
.open > .btn.btn-rose.dropdown-toggle,
|
||
|
|
.open > .btn.btn-rose.dropdown-toggle:focus,
|
||
|
|
.open > .btn.btn-rose.dropdown-toggle:hover {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #e91e63;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-white {
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
|
||
|
|
color: #999999;
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
.btn.btn-white.btn-white:focus, .btn.btn-white.btn-white:hover {
|
||
|
|
color: #fff;
|
||
|
|
background-color: rgba(153, 153, 153, 0.6);
|
||
|
|
}
|
||
|
|
.btn.btn-white.btn-simple {
|
||
|
|
color: #fff;
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
.btn.btn-round {
|
||
|
|
border-radius: 30px;
|
||
|
|
}
|
||
|
|
.btn:not(.btn-just-icon):not(.btn-fab) .fa {
|
||
|
|
position: relative;
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
.btn.btn-just-icon {
|
||
|
|
padding: 12px;
|
||
|
|
font-size: 20px;
|
||
|
|
line-height: 20px;
|
||
|
|
}
|
||
|
|
.btn.btn-just-icon i {
|
||
|
|
width: 20px;
|
||
|
|
}
|
||
|
|
.btn.btn-just-icon.btn-lg {
|
||
|
|
padding: 13px 18px;
|
||
|
|
font-size: 22px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn .fa {
|
||
|
|
position: relative;
|
||
|
|
top: -1px;
|
||
|
|
font-size: 17px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar button.navbar-toggle, .navbar button.navbar-toggle:hover {
|
||
|
|
color: #555;
|
||
|
|
}
|
||
|
|
.navbar.navbar-transparent button.navbar-toggle, .navbar.navbar-transparent button.navbar-toggle:hover {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.navbar .button:hover {
|
||
|
|
box-shadow: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-facebook, .btn.btn-facebook:hover, .btn.btn-facebook:focus, .btn.btn-facebook:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-facebook,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-facebook:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-facebook:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-facebook:active {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #3b5998;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-facebook,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-facebook {
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
|
||
|
|
}
|
||
|
|
.btn.btn-facebook:hover, .btn.btn-facebook:focus, .btn.btn-facebook:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-facebook:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-facebook:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-facebook:active {
|
||
|
|
-webkit-box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2);
|
||
|
|
-moz-box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2);
|
||
|
|
box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-facebook.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-facebook.btn-simple {
|
||
|
|
color: #3b5998;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-twitter, .btn.btn-twitter:hover, .btn.btn-twitter:focus, .btn.btn-twitter:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-twitter,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-twitter:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-twitter:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-twitter:active {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #55acee;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-twitter,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-twitter {
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
|
||
|
|
}
|
||
|
|
.btn.btn-twitter:hover, .btn.btn-twitter:focus, .btn.btn-twitter:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-twitter:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-twitter:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-twitter:active {
|
||
|
|
-webkit-box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2);
|
||
|
|
-moz-box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2);
|
||
|
|
box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-twitter.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-twitter.btn-simple {
|
||
|
|
color: #55acee;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-pinterest, .btn.btn-pinterest:hover, .btn.btn-pinterest:focus, .btn.btn-pinterest:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-pinterest,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-pinterest:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-pinterest:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-pinterest:active {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #cc2127;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-pinterest,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-pinterest {
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);
|
||
|
|
}
|
||
|
|
.btn.btn-pinterest:hover, .btn.btn-pinterest:focus, .btn.btn-pinterest:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-pinterest:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-pinterest:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-pinterest:active {
|
||
|
|
-webkit-box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(204, 33, 39, 0.2);
|
||
|
|
-moz-box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(204, 33, 39, 0.2);
|
||
|
|
box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(204, 33, 39, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-pinterest.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-pinterest.btn-simple {
|
||
|
|
color: #cc2127;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-google, .btn.btn-google:hover, .btn.btn-google:focus, .btn.btn-google:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-google,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-google:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-google:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-google:active {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #dd4b39;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-google,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-google {
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
|
||
|
|
}
|
||
|
|
.btn.btn-google:hover, .btn.btn-google:focus, .btn.btn-google:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-google:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-google:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-google:active {
|
||
|
|
-webkit-box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2);
|
||
|
|
-moz-box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2);
|
||
|
|
box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-google.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-google.btn-simple {
|
||
|
|
color: #dd4b39;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-linkedin, .btn.btn-linkedin:hover, .btn.btn-linkedin:focus, .btn.btn-linkedin:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-linkedin,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-linkedin:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-linkedin:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-linkedin:active {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #0976b4;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-linkedin,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-linkedin {
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);
|
||
|
|
}
|
||
|
|
.btn.btn-linkedin:hover, .btn.btn-linkedin:focus, .btn.btn-linkedin:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-linkedin:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-linkedin:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-linkedin:active {
|
||
|
|
-webkit-box-shadow: 0 14px 26px -12px rgba(9, 118, 180, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 118, 180, 0.2);
|
||
|
|
-moz-box-shadow: 0 14px 26px -12px rgba(9, 118, 180, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 118, 180, 0.2);
|
||
|
|
box-shadow: 0 14px 26px -12px rgba(9, 118, 180, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 118, 180, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-linkedin.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-linkedin.btn-simple {
|
||
|
|
color: #0976b4;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-dribbble, .btn.btn-dribbble:hover, .btn.btn-dribbble:focus, .btn.btn-dribbble:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-dribbble,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-dribbble:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-dribbble:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-dribbble:active {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #ea4c89;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-dribbble,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-dribbble {
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);
|
||
|
|
}
|
||
|
|
.btn.btn-dribbble:hover, .btn.btn-dribbble:focus, .btn.btn-dribbble:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-dribbble:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-dribbble:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-dribbble:active {
|
||
|
|
-webkit-box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 76, 137, 0.2);
|
||
|
|
-moz-box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 76, 137, 0.2);
|
||
|
|
box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 76, 137, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-dribbble.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-dribbble.btn-simple {
|
||
|
|
color: #ea4c89;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-github, .btn.btn-github:hover, .btn.btn-github:focus, .btn.btn-github:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-github,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-github:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-github:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-github:active {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-github,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-github {
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
|
||
|
|
}
|
||
|
|
.btn.btn-github:hover, .btn.btn-github:focus, .btn.btn-github:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-github:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-github:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-github:active {
|
||
|
|
-webkit-box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2);
|
||
|
|
-moz-box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2);
|
||
|
|
box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-github.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-github.btn-simple {
|
||
|
|
color: #333;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-youtube, .btn.btn-youtube:hover, .btn.btn-youtube:focus, .btn.btn-youtube:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-youtube,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-youtube:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-youtube:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-youtube:active {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #e52d27;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-youtube,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-youtube {
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);
|
||
|
|
}
|
||
|
|
.btn.btn-youtube:hover, .btn.btn-youtube:focus, .btn.btn-youtube:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-youtube:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-youtube:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-youtube:active {
|
||
|
|
-webkit-box-shadow: 0 14px 26px -12px rgba(229, 45, 39, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(229, 45, 39, 0.2);
|
||
|
|
-moz-box-shadow: 0 14px 26px -12px rgba(229, 45, 39, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(229, 45, 39, 0.2);
|
||
|
|
box-shadow: 0 14px 26px -12px rgba(229, 45, 39, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(229, 45, 39, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-youtube.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-youtube.btn-simple {
|
||
|
|
color: #e52d27;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-instagram, .btn.btn-instagram:hover, .btn.btn-instagram:focus, .btn.btn-instagram:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-instagram,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-instagram:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-instagram:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-instagram:active {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #125688;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-instagram,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-instagram {
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14), 0 3px 1px -2px rgba(18, 86, 136, 0.2), 0 1px 5px 0 rgba(18, 86, 136, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14), 0 3px 1px -2px rgba(18, 86, 136, 0.2), 0 1px 5px 0 rgba(18, 86, 136, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14), 0 3px 1px -2px rgba(18, 86, 136, 0.2), 0 1px 5px 0 rgba(18, 86, 136, 0.12);
|
||
|
|
}
|
||
|
|
.btn.btn-instagram:hover, .btn.btn-instagram:focus, .btn.btn-instagram:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-instagram:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-instagram:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-instagram:active {
|
||
|
|
-webkit-box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(18, 86, 136, 0.2);
|
||
|
|
-moz-box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(18, 86, 136, 0.2);
|
||
|
|
box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(18, 86, 136, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-instagram.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-instagram.btn-simple {
|
||
|
|
color: #125688;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-reddit, .btn.btn-reddit:hover, .btn.btn-reddit:focus, .btn.btn-reddit:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-reddit,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-reddit:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-reddit:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-reddit:active {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #ff4500;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-reddit,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-reddit {
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(255, 69, 0, 0.14), 0 3px 1px -2px rgba(255, 69, 0, 0.2), 0 1px 5px 0 rgba(255, 69, 0, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(255, 69, 0, 0.14), 0 3px 1px -2px rgba(255, 69, 0, 0.2), 0 1px 5px 0 rgba(255, 69, 0, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(255, 69, 0, 0.14), 0 3px 1px -2px rgba(255, 69, 0, 0.2), 0 1px 5px 0 rgba(255, 69, 0, 0.12);
|
||
|
|
}
|
||
|
|
.btn.btn-reddit:hover, .btn.btn-reddit:focus, .btn.btn-reddit:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-reddit:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-reddit:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-reddit:active {
|
||
|
|
-webkit-box-shadow: 0 14px 26px -12px rgba(255, 69, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 69, 0, 0.2);
|
||
|
|
-moz-box-shadow: 0 14px 26px -12px rgba(255, 69, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 69, 0, 0.2);
|
||
|
|
box-shadow: 0 14px 26px -12px rgba(255, 69, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 69, 0, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-reddit.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-reddit.btn-simple {
|
||
|
|
color: #ff4500;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-tumblr, .btn.btn-tumblr:hover, .btn.btn-tumblr:focus, .btn.btn-tumblr:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-tumblr,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-tumblr:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-tumblr:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-tumblr:active {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #35465c;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-tumblr,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-tumblr {
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12);
|
||
|
|
}
|
||
|
|
.btn.btn-tumblr:hover, .btn.btn-tumblr:focus, .btn.btn-tumblr:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-tumblr:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-tumblr:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-tumblr:active {
|
||
|
|
-webkit-box-shadow: 0 14px 26px -12px rgba(53, 70, 92, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(53, 70, 92, 0.2);
|
||
|
|
-moz-box-shadow: 0 14px 26px -12px rgba(53, 70, 92, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(53, 70, 92, 0.2);
|
||
|
|
box-shadow: 0 14px 26px -12px rgba(53, 70, 92, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(53, 70, 92, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-tumblr.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-tumblr.btn-simple {
|
||
|
|
color: #35465c;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-behance, .btn.btn-behance:hover, .btn.btn-behance:focus, .btn.btn-behance:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-behance,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-behance:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-behance:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-behance:active {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #1769ff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-behance,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-behance {
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12);
|
||
|
|
}
|
||
|
|
.btn.btn-behance:hover, .btn.btn-behance:focus, .btn.btn-behance:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-behance:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-behance:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-behance:active {
|
||
|
|
-webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
|
||
|
|
-moz-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
|
||
|
|
box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-behance.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-behance.btn-simple {
|
||
|
|
color: #1769ff;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-snapchat, .btn.btn-snapchat:hover, .btn.btn-snapchat:focus, .btn.btn-snapchat:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-snapchat,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-snapchat:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-snapchat:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-snapchat:active {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #fffc00;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-snapchat,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-snapchat {
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(255, 252, 0, 0.14), 0 3px 1px -2px rgba(255, 252, 0, 0.2), 0 1px 5px 0 rgba(255, 252, 0, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(255, 252, 0, 0.14), 0 3px 1px -2px rgba(255, 252, 0, 0.2), 0 1px 5px 0 rgba(255, 252, 0, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(255, 252, 0, 0.14), 0 3px 1px -2px rgba(255, 252, 0, 0.2), 0 1px 5px 0 rgba(255, 252, 0, 0.12);
|
||
|
|
}
|
||
|
|
.btn.btn-snapchat:hover, .btn.btn-snapchat:focus, .btn.btn-snapchat:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-snapchat:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-snapchat:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-snapchat:active {
|
||
|
|
-webkit-box-shadow: 0 14px 26px -12px rgba(255, 252, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 252, 0, 0.2);
|
||
|
|
-moz-box-shadow: 0 14px 26px -12px rgba(255, 252, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 252, 0, 0.2);
|
||
|
|
box-shadow: 0 14px 26px -12px rgba(255, 252, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 252, 0, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-snapchat.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-snapchat.btn-simple {
|
||
|
|
color: #fffc00;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-deviantart, .btn.btn-deviantart:hover, .btn.btn-deviantart:focus, .btn.btn-deviantart:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-deviantart,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-deviantart:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-deviantart:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-deviantart:active {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #05cc47;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-deviantart,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-deviantart {
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(5, 204, 71, 0.14), 0 3px 1px -2px rgba(5, 204, 71, 0.2), 0 1px 5px 0 rgba(5, 204, 71, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(5, 204, 71, 0.14), 0 3px 1px -2px rgba(5, 204, 71, 0.2), 0 1px 5px 0 rgba(5, 204, 71, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(5, 204, 71, 0.14), 0 3px 1px -2px rgba(5, 204, 71, 0.2), 0 1px 5px 0 rgba(5, 204, 71, 0.12);
|
||
|
|
}
|
||
|
|
.btn.btn-deviantart:hover, .btn.btn-deviantart:focus, .btn.btn-deviantart:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-deviantart:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-deviantart:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-deviantart:active {
|
||
|
|
-webkit-box-shadow: 0 14px 26px -12px rgba(5, 204, 71, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(5, 204, 71, 0.2);
|
||
|
|
-moz-box-shadow: 0 14px 26px -12px rgba(5, 204, 71, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(5, 204, 71, 0.2);
|
||
|
|
box-shadow: 0 14px 26px -12px rgba(5, 204, 71, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(5, 204, 71, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-deviantart.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-deviantart.btn-simple {
|
||
|
|
color: #05cc47;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-vimeo, .btn.btn-vimeo:hover, .btn.btn-vimeo:focus, .btn.btn-vimeo:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-vimeo,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-vimeo:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-vimeo:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-vimeo:active {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #1ab7ea;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-vimeo,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-vimeo {
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(26, 183, 234, 0.14), 0 3px 1px -2px rgba(26, 183, 234, 0.2), 0 1px 5px 0 rgba(26, 183, 234, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(26, 183, 234, 0.14), 0 3px 1px -2px rgba(26, 183, 234, 0.2), 0 1px 5px 0 rgba(26, 183, 234, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(26, 183, 234, 0.14), 0 3px 1px -2px rgba(26, 183, 234, 0.2), 0 1px 5px 0 rgba(26, 183, 234, 0.12);
|
||
|
|
}
|
||
|
|
.btn.btn-vimeo:hover, .btn.btn-vimeo:focus, .btn.btn-vimeo:active,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-vimeo:hover,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-vimeo:focus,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-vimeo:active {
|
||
|
|
-webkit-box-shadow: 0 14px 26px -12px rgba(26, 183, 234, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(26, 183, 234, 0.2);
|
||
|
|
-moz-box-shadow: 0 14px 26px -12px rgba(26, 183, 234, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(26, 183, 234, 0.2);
|
||
|
|
box-shadow: 0 14px 26px -12px rgba(26, 183, 234, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(26, 183, 234, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-vimeo.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-vimeo.btn-simple {
|
||
|
|
color: #1ab7ea;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.disabled,
|
||
|
|
.btn.disabled:hover,
|
||
|
|
.btn.disabled:focus,
|
||
|
|
.btn.disabled.focus,
|
||
|
|
.btn.disabled:active,
|
||
|
|
.btn.disabled.active,
|
||
|
|
.btn:disabled,
|
||
|
|
.btn:disabled:hover,
|
||
|
|
.btn:disabled:focus,
|
||
|
|
.btn.focus:disabled,
|
||
|
|
.btn:disabled:active,
|
||
|
|
.btn.active:disabled,
|
||
|
|
.btn[disabled],
|
||
|
|
.btn[disabled]:hover,
|
||
|
|
.btn[disabled]:focus,
|
||
|
|
.btn[disabled].focus,
|
||
|
|
.btn[disabled]:active,
|
||
|
|
.btn[disabled].active,
|
||
|
|
fieldset[disabled] .btn,
|
||
|
|
fieldset[disabled] .btn:hover,
|
||
|
|
fieldset[disabled] .btn:focus,
|
||
|
|
fieldset[disabled] .btn.focus,
|
||
|
|
fieldset[disabled] .btn:active,
|
||
|
|
fieldset[disabled] .btn.active, .btn.btn-simple,
|
||
|
|
.btn.btn-default.btn-simple, .btn.btn-primary.btn-simple, .btn.btn-danger.btn-simple, .btn.btn-rose.btn-simple, .btn.btn-white.btn-simple, .navbar button.navbar-toggle, .navbar button.navbar-toggle:hover, .btn.btn-facebook.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-facebook.btn-simple, .btn.btn-twitter.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-twitter.btn-simple, .btn.btn-pinterest.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-pinterest.btn-simple, .btn.btn-google.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-google.btn-simple, .btn.btn-linkedin.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-linkedin.btn-simple, .btn.btn-dribbble.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-dribbble.btn-simple, .btn.btn-github.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-github.btn-simple, .btn.btn-youtube.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-youtube.btn-simple, .btn.btn-instagram.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-instagram.btn-simple, .btn.btn-reddit.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-reddit.btn-simple, .btn.btn-tumblr.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-tumblr.btn-simple, .btn.btn-behance.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-behance.btn-simple, .btn.btn-snapchat.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-snapchat.btn-simple, .btn.btn-deviantart.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-deviantart.btn-simple, .btn.btn-vimeo.btn-simple,
|
||
|
|
.navbar .navbar-nav > li > a.btn.btn-vimeo.btn-simple, .woocommerce.single-product .page-header .container .cart-contents-content.btn-white.btn-simple:focus, .woocommerce.single-product .page-header .container .cart-contents-content.btn-white.btn-simple:hover {
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
-moz-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Forms
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
legend {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
font-size: 21px;
|
||
|
|
}
|
||
|
|
|
||
|
|
output {
|
||
|
|
padding-top: 8px;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 1.42857;
|
||
|
|
}
|
||
|
|
|
||
|
|
.radio label,
|
||
|
|
.checkbox label {
|
||
|
|
min-height: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
select {
|
||
|
|
-webkit-appearance: none;
|
||
|
|
-moz-appearance: none;
|
||
|
|
appearance: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.label {
|
||
|
|
background-color: #fff;
|
||
|
|
border-radius: 2px;
|
||
|
|
}
|
||
|
|
.label.label-default {
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
.label.label-primary {
|
||
|
|
background-color: #9c27b0;
|
||
|
|
}
|
||
|
|
.label.label-success {
|
||
|
|
background-color: #4caf50;
|
||
|
|
}
|
||
|
|
.label.label-danger {
|
||
|
|
background-color: #f44336;
|
||
|
|
}
|
||
|
|
.label.label-rose {
|
||
|
|
background-color: #e91e63;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-control {
|
||
|
|
height: 36px;
|
||
|
|
padding: 7px 0;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 1.42857;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-control-static {
|
||
|
|
min-height: 34px;
|
||
|
|
padding-top: 8px;
|
||
|
|
padding-bottom: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder,
|
||
|
|
.form-group .form-control::-moz-placeholder,
|
||
|
|
.form-group .form-control:-ms-input-placeholder,
|
||
|
|
.form-group .form-control::-webkit-input-placeholder {
|
||
|
|
color: #aaa;
|
||
|
|
font-weight: 400;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-control[readonly],
|
||
|
|
.form-control[disabled],
|
||
|
|
fieldset[disabled] .form-control,
|
||
|
|
.form-group .form-control[readonly],
|
||
|
|
.form-group .form-control[disabled],
|
||
|
|
fieldset[disabled] .form-group .form-control {
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-control[disabled],
|
||
|
|
fieldset[disabled] .form-control,
|
||
|
|
.form-group .form-control[disabled],
|
||
|
|
fieldset[disabled] .form-group .form-control {
|
||
|
|
border-bottom: 1px dotted #d2d2d2;
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-control {
|
||
|
|
margin-bottom: 7px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-control::-moz-placeholder, .form-group .form-control::-moz-placeholder,
|
||
|
|
.form-control:-ms-input-placeholder, .form-group
|
||
|
|
.form-control:-ms-input-placeholder,
|
||
|
|
.form-control::-webkit-input-placeholder, .form-group
|
||
|
|
.form-control::-webkit-input-placeholder,
|
||
|
|
.checkbox label, .form-group
|
||
|
|
.checkbox label,
|
||
|
|
.radio label, .form-group
|
||
|
|
.radio label,
|
||
|
|
label, .form-group
|
||
|
|
label {
|
||
|
|
color: #aaa;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 400;
|
||
|
|
line-height: 1.42857;
|
||
|
|
}
|
||
|
|
|
||
|
|
label.control-label {
|
||
|
|
margin: 16px 0 0;
|
||
|
|
color: #aaa;
|
||
|
|
font-size: 11px;
|
||
|
|
font-weight: 400;
|
||
|
|
line-height: 1.07143;
|
||
|
|
}
|
||
|
|
|
||
|
|
.help-block {
|
||
|
|
margin-top: 0;
|
||
|
|
font-size: 11px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-group {
|
||
|
|
padding-bottom: 7px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.form-group .form-control {
|
||
|
|
margin-bottom: 7px;
|
||
|
|
}
|
||
|
|
.form-group label.control-label {
|
||
|
|
margin: 16px 0 0;
|
||
|
|
color: #aaa;
|
||
|
|
font-size: 11px;
|
||
|
|
font-weight: 400;
|
||
|
|
line-height: 1.07143;
|
||
|
|
}
|
||
|
|
.form-group input[type=file] {
|
||
|
|
position: relative;
|
||
|
|
z-index: 100;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.form-group textarea {
|
||
|
|
resize: none;
|
||
|
|
}
|
||
|
|
.form-group textarea ~ .form-control-highlight {
|
||
|
|
margin-top: -11px;
|
||
|
|
}
|
||
|
|
.form-group .help-block {
|
||
|
|
margin-top: 0;
|
||
|
|
font-size: 11px;
|
||
|
|
display: none;
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
.form-group.label-static label.control-label, .form-group.label-placeholder label.control-label, .form-group.label-floating label.control-label {
|
||
|
|
position: absolute;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
.form-group.label-floating label.control-label {
|
||
|
|
will-change: left,top,contents;
|
||
|
|
}
|
||
|
|
.form-group.label-placeholder:not(.is-empty) label.control-label {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label {
|
||
|
|
top: -7px;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 1.42857;
|
||
|
|
}
|
||
|
|
.form-group.label-static label.control-label, .form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label {
|
||
|
|
top: -28px;
|
||
|
|
left: 0;
|
||
|
|
font-size: 11px;
|
||
|
|
line-height: 1.07143;
|
||
|
|
}
|
||
|
|
.form-group.is-focused .form-control .material-input:after {
|
||
|
|
background-color: #9c27b0;
|
||
|
|
}
|
||
|
|
.form-group.is-focused.label-placeholder label, .form-group.is-focused.label-placeholder label.control-label {
|
||
|
|
color: #aaa;
|
||
|
|
}
|
||
|
|
.form-group.is-focused select.form-control {
|
||
|
|
border-color: #d2d2d2;
|
||
|
|
}
|
||
|
|
.form-group.has-warning.is-focused .form-control {
|
||
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9800), to(#ff9800)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2));
|
||
|
|
background-image: -webkit-linear-gradient(#ff9800, #ff9800), -webkit-linear-gradient(#d2d2d2, #d2d2d2);
|
||
|
|
background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#d2d2d2, #d2d2d2);
|
||
|
|
}
|
||
|
|
.form-group.has-warning label.control-label {
|
||
|
|
color: #ff9800;
|
||
|
|
}
|
||
|
|
.form-group.has-error.is-focused .form-control {
|
||
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#f44336), to(#f44336)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2));
|
||
|
|
background-image: -webkit-linear-gradient(#f44336, #f44336), -webkit-linear-gradient(#d2d2d2, #d2d2d2);
|
||
|
|
background-image: linear-gradient(#f44336, #f44336), linear-gradient(#d2d2d2, #d2d2d2);
|
||
|
|
}
|
||
|
|
.form-group.has-error label.control-label {
|
||
|
|
color: #f44336;
|
||
|
|
}
|
||
|
|
.form-group.has-success.is-focused .form-control {
|
||
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#4caf50), to(#4caf50)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2));
|
||
|
|
background-image: -webkit-linear-gradient(#4caf50, #4caf50), -webkit-linear-gradient(#d2d2d2, #d2d2d2);
|
||
|
|
background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#d2d2d2, #d2d2d2);
|
||
|
|
}
|
||
|
|
.form-group.has-success label.control-label {
|
||
|
|
color: #4caf50;
|
||
|
|
}
|
||
|
|
.form-group.has-info.is-focused .form-control {
|
||
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#00bcd4), to(#00bcd4)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2));
|
||
|
|
background-image: -webkit-linear-gradient(#00bcd4, #00bcd4), -webkit-linear-gradient(#d2d2d2, #d2d2d2);
|
||
|
|
background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#d2d2d2, #d2d2d2);
|
||
|
|
}
|
||
|
|
.form-group.has-info label.control-label, .form-group.has-info .help-block {
|
||
|
|
color: #00bcd4;
|
||
|
|
}
|
||
|
|
|
||
|
|
select.form-control {
|
||
|
|
border: 0;
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
select.form-control[multiple],
|
||
|
|
select .form-group.is-focused select.form-control[multiple] {
|
||
|
|
height: 85px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.input-group-btn .btn {
|
||
|
|
margin: 0 0 7px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.input-group .input-group-btn {
|
||
|
|
padding: 0 12px;
|
||
|
|
}
|
||
|
|
.input-group .input-group-addon {
|
||
|
|
padding: 6px 15px 0;
|
||
|
|
border: 0;
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-control-feedback {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
.has-success .form-control-feedback {
|
||
|
|
opacity: 1;
|
||
|
|
color: #4caf50;
|
||
|
|
}
|
||
|
|
.has-error .form-control-feedback {
|
||
|
|
opacity: 1;
|
||
|
|
color: #f44336;
|
||
|
|
}
|
||
|
|
|
||
|
|
.searchform label,
|
||
|
|
.search-form label {
|
||
|
|
display: table-cell;
|
||
|
|
vertical-align: top;
|
||
|
|
padding-right: 25px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.searchform,
|
||
|
|
.search-form,
|
||
|
|
.woocommerce-product-search {
|
||
|
|
display: table;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.searchform input[type=submit],
|
||
|
|
.search-form input[type=submit],
|
||
|
|
.woocommerce-product-search input[type=submit] {
|
||
|
|
display: table-cell;
|
||
|
|
vertical-align: top;
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: 0;
|
||
|
|
text-align: center;
|
||
|
|
text-indent: -9999px;
|
||
|
|
top: -19px;
|
||
|
|
width: 45px;
|
||
|
|
}
|
||
|
|
.searchform input[type=search],
|
||
|
|
.search-form input[type=search],
|
||
|
|
.woocommerce-product-search input[type=search] {
|
||
|
|
height: 36px;
|
||
|
|
}
|
||
|
|
.searchform:after,
|
||
|
|
.search-form:after,
|
||
|
|
.woocommerce-product-search:after {
|
||
|
|
color: #fff;
|
||
|
|
content: "\f002";
|
||
|
|
font-family: 'Fontawesome';
|
||
|
|
font-size: 18px;
|
||
|
|
pointer-events: none;
|
||
|
|
position: absolute;
|
||
|
|
right: 15px;
|
||
|
|
top: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-control,
|
||
|
|
.form-group .form-control,
|
||
|
|
.woocommerce form .form-row input.input-text,
|
||
|
|
.woocommerce form .form-row textarea, .woocommerce div.product form.cart .variations select, .woocommerce .woocommerce-ordering select, .woocommerce-cart .shop_table .actions .coupon .input-text, .woocommerce-checkout #customer_details select,
|
||
|
|
.woocommerce-checkout #order_review select,
|
||
|
|
.woocommerce-checkout .woocomerce-form select {
|
||
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#9c27b0), to(#9c27b0)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2));
|
||
|
|
background-image: -webkit-linear-gradient(#9c27b0, #9c27b0), -webkit-linear-gradient(#d2d2d2, #d2d2d2);
|
||
|
|
background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#d2d2d2, #d2d2d2);
|
||
|
|
float: none;
|
||
|
|
border: 0;
|
||
|
|
border-radius: 0;
|
||
|
|
background-color: transparent;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center bottom, center -webkit-calc(100% - 1px);
|
||
|
|
background-position: center bottom, center calc(100% - 1px);
|
||
|
|
background-size: 0 2px, 100% 1px;
|
||
|
|
font-weight: 400;
|
||
|
|
-webkit-transition: background 0s ease-out;
|
||
|
|
transition: background 0s ease-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-group.is-focused .form-control {
|
||
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#9c27b0), to(#9c27b0)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2));
|
||
|
|
background-image: -webkit-linear-gradient(#9c27b0, #9c27b0), -webkit-linear-gradient(#d2d2d2, #d2d2d2);
|
||
|
|
background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#d2d2d2, #d2d2d2);
|
||
|
|
outline: none;
|
||
|
|
background-size: 100% 2px,100% 1px;
|
||
|
|
-webkit-transition-duration: 0.3s;
|
||
|
|
transition-duration: 0.3s;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-group.is-focused select.form-control, .form-group.has-warning .form-control, .form-group.has-error .form-control, .form-group.has-success .form-control, .form-group.has-info .form-control, select.form-control, .form-control,
|
||
|
|
.form-group .form-control,
|
||
|
|
.woocommerce form .form-row input.input-text,
|
||
|
|
.woocommerce form .form-row textarea, .woocommerce div.product form.cart .variations select, .woocommerce .woocommerce-ordering select, .woocommerce-cart .shop_table .actions .coupon .input-text, .woocommerce-checkout #customer_details select,
|
||
|
|
.woocommerce-checkout #order_review select,
|
||
|
|
.woocommerce-checkout .woocomerce-form select, .form-group.is-focused .form-control {
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
-moz-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Navigation
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
body:not(.home) .navbar-default .navbar-nav > .active > a, body:not(.home) .navbar-default .navbar-nav > .active > a:hover, body:not(.home) .navbar-default .navbar-nav > .active > a:focus {
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar {
|
||
|
|
border: 0;
|
||
|
|
padding: 0;
|
||
|
|
border-radius: 3px;
|
||
|
|
-webkit-box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
|
||
|
|
box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
|
||
|
|
}
|
||
|
|
.navbar > .container {
|
||
|
|
transition: padding .3s ease;
|
||
|
|
padding-top: 10px;
|
||
|
|
padding-bottom: 10px;
|
||
|
|
}
|
||
|
|
.navbar > .container .navbar-brand {
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
.navbar.navbar-default .navbar-nav > .btn.open > a, .navbar.navbar-default .navbar-nav > .btn.active > a, .navbar.navbar-default .navbar-nav > .btn > a {
|
||
|
|
color: #fff;
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
.navbar.navbar-not-transparent .navbar-nav > .active:not(.btn) > a, .navbar.navbar-not-transparent .navbar-nav > .active:not(.btn) > a:hover, .navbar.navbar-not-transparent .navbar-nav > .active:not(.btn) > a:focus {
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
.navbar.navbar-transparent .navbar-nav > .active > a, .navbar.navbar-transparent .navbar-nav > .active > a:hover, .navbar.navbar-transparent .navbar-nav > .active > a:focus {
|
||
|
|
background: transparent;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.navbar .navbar-right {
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav > li {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav > li > a {
|
||
|
|
padding-top: 15px;
|
||
|
|
padding-bottom: 15px;
|
||
|
|
border-radius: 3px;
|
||
|
|
color: inherit;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 400;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav > li > a:hover:before, .navbar .navbar-nav > li > a:focus:before {
|
||
|
|
color: inherit;
|
||
|
|
-webkit-transform: scaleX(1);
|
||
|
|
-ms-transform: scaleX(1);
|
||
|
|
transform: scaleX(1);
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav > li > a .fa {
|
||
|
|
max-width: 20px;
|
||
|
|
font-size: 20px;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav > li > a:not(.btn-just-icon) .fa {
|
||
|
|
position: relative;
|
||
|
|
top: 2px;
|
||
|
|
margin-top: -4px;
|
||
|
|
margin-right: 4px;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav > li > a:not(.btn) .fa {
|
||
|
|
position: relative;
|
||
|
|
top: 0;
|
||
|
|
margin-top: -3px;
|
||
|
|
margin-right: 3px;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav > li .dropdown-menu {
|
||
|
|
margin-top: -5px;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav > li.btn {
|
||
|
|
padding: 0 10px;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav > li.btn a:hover:before, .navbar .navbar-nav > li.btn a:focus:before {
|
||
|
|
-webkit-transform: scaleX(0);
|
||
|
|
-ms-transform: scaleX(0);
|
||
|
|
transform: scaleX(0);
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav > li:hover > .dropdown-menu {
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav > li:not(.btn) > a:before {
|
||
|
|
position: absolute;
|
||
|
|
z-index: -1;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
border-radius: 3px;
|
||
|
|
background-color: rgba(255, 255, 255, 0.1);
|
||
|
|
content: "";
|
||
|
|
-webkit-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
|
||
|
|
-moz-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
|
||
|
|
-o-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
|
||
|
|
-ms-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
|
||
|
|
transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
|
||
|
|
-webkit-transform: scaleX(0);
|
||
|
|
-ms-transform: scaleX(0);
|
||
|
|
transform: scaleX(0);
|
||
|
|
-webkit-transform-origin: 50%;
|
||
|
|
-ms-transform-origin: 50%;
|
||
|
|
transform-origin: 50%;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav > li:not(.btn):hover a:before {
|
||
|
|
color: inherit;
|
||
|
|
-webkit-transform: scaleX(1);
|
||
|
|
-ms-transform: scaleX(1);
|
||
|
|
transform: scaleX(1);
|
||
|
|
}
|
||
|
|
.navbar:not(.hestia_center) .title-logo-wrapper {
|
||
|
|
max-width: 250px;
|
||
|
|
}
|
||
|
|
.navbar .navbar-brand {
|
||
|
|
padding: 0;
|
||
|
|
position: relative;
|
||
|
|
color: inherit;
|
||
|
|
line-height: 30px;
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
.navbar .navbar-brand img {
|
||
|
|
max-height: 50px;
|
||
|
|
}
|
||
|
|
.navbar .navbar-brand p {
|
||
|
|
font-size: 18px;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
|
||
|
|
color: inherit;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
.navbar .navbar-toggle {
|
||
|
|
float: right;
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
.navbar .navbar-toggle .icon-bar {
|
||
|
|
border: 1px solid;
|
||
|
|
}
|
||
|
|
.navbar .navbar-header {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.navbar .navbar-collapse {
|
||
|
|
border-top: none;
|
||
|
|
}
|
||
|
|
.navbar .btn {
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0;
|
||
|
|
will-change: initial;
|
||
|
|
}
|
||
|
|
.navbar.navbar-transparent {
|
||
|
|
color: #fff;
|
||
|
|
background-color: transparent;
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
.navbar.navbar-transparent .navbar-nav > .active > a {
|
||
|
|
background: transparent;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.navbar.navbar-transparent > .container {
|
||
|
|
padding-top: 25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar {
|
||
|
|
color: #555;
|
||
|
|
background-color: #fff;
|
||
|
|
-webkit-transition: all 150ms ease 0s;
|
||
|
|
transition: all 150ms ease 0s;
|
||
|
|
}
|
||
|
|
.navbar .dropdown-menu {
|
||
|
|
border: 0;
|
||
|
|
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
|
||
|
|
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
|
||
|
|
border-radius: 3px !important;
|
||
|
|
}
|
||
|
|
.navbar .dropdown-menu > .active > a {
|
||
|
|
color: #555;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
.navbar .dropdown-menu li {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.navbar .dropdown-menu li:hover > a {
|
||
|
|
background-color: #9c27b0;
|
||
|
|
-webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
|
||
|
|
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
|
||
|
|
}
|
||
|
|
.navbar .dropdown-menu li:hover > a i {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.navbar .dropdown-menu li > a {
|
||
|
|
color: #555;
|
||
|
|
background-color: transparent;
|
||
|
|
margin: 0 5px;
|
||
|
|
padding: 12px 20px 12px 12px;
|
||
|
|
border-radius: 2px;
|
||
|
|
font-size: 13px;
|
||
|
|
-webkit-transition: all 150ms linear;
|
||
|
|
transition: all 150ms linear;
|
||
|
|
}
|
||
|
|
.navbar .dropdown-menu li > a > i {
|
||
|
|
position: relative;
|
||
|
|
top: 1px;
|
||
|
|
min-width: 30px;
|
||
|
|
margin-right: 12px;
|
||
|
|
color: #333;
|
||
|
|
opacity: .5;
|
||
|
|
font-size: 24px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.navbar .dropdown-menu li > a .fa {
|
||
|
|
position: relative;
|
||
|
|
top: 1px;
|
||
|
|
margin-top: -4px;
|
||
|
|
margin-right: 12px;
|
||
|
|
font-size: 20px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.navbar .dropdown-menu li:hover > a {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-fixed-top {
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown-submenu {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.dropdown-submenu > .dropdown-menu {
|
||
|
|
display: none !important;
|
||
|
|
top: 0;
|
||
|
|
left: 100%;
|
||
|
|
margin-top: -6px;
|
||
|
|
margin-left: -1px;
|
||
|
|
}
|
||
|
|
.dropdown-submenu:hover > .dropdown-menu {
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
.dropdown-submenu:hover > .dropdown-toggle .caret {
|
||
|
|
border-left: 4px dashed;
|
||
|
|
border-top: 4px solid transparent;
|
||
|
|
border-bottom: 4px solid transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar.hestia_center {
|
||
|
|
float: none !important;
|
||
|
|
}
|
||
|
|
.navbar.hestia_center .navbar-collapse {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.navbar.hestia_center .navbar-header {
|
||
|
|
display: block !important;
|
||
|
|
text-align: center;
|
||
|
|
padding-bottom: 10px;
|
||
|
|
width: 100%;
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
.navbar.hestia_center .navbar-brand {
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
.navbar.hestia_center .navbar-brand > img {
|
||
|
|
display: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-toggle .icon-bar {
|
||
|
|
transition: .3s ease;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(1) {
|
||
|
|
-webkit-transform: rotate(45deg);
|
||
|
|
-moz-transform: rotate(45deg);
|
||
|
|
-o-transform: rotate(45deg);
|
||
|
|
transform: rotate(45deg);
|
||
|
|
top: 6px;
|
||
|
|
}
|
||
|
|
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) {
|
||
|
|
width: 0;
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) {
|
||
|
|
-webkit-transform: rotate(-45deg);
|
||
|
|
-moz-transform: rotate(-45deg);
|
||
|
|
-o-transform: rotate(-45deg);
|
||
|
|
transform: rotate(-45deg);
|
||
|
|
top: -6px;
|
||
|
|
}
|
||
|
|
.navbar-toggle[aria-expanded="false"] .icon-bar:nth-child(1) {
|
||
|
|
top: 0;
|
||
|
|
-webkit-transform-origin: left center;
|
||
|
|
-moz-transform-origin: left center;
|
||
|
|
-o-transform-origin: left center;
|
||
|
|
transform-origin: left center;
|
||
|
|
}
|
||
|
|
.navbar-toggle[aria-expanded="false"] .icon-bar:nth-child(2) {
|
||
|
|
top: 0;
|
||
|
|
-webkit-transform-origin: left center;
|
||
|
|
-moz-transform-origin: left center;
|
||
|
|
-o-transform-origin: left center;
|
||
|
|
transform-origin: left center;
|
||
|
|
}
|
||
|
|
.navbar-toggle[aria-expanded="false"] .icon-bar:nth-child(3) {
|
||
|
|
top: 0;
|
||
|
|
-webkit-transform-origin: left center;
|
||
|
|
-moz-transform-origin: left center;
|
||
|
|
-o-transform-origin: left center;
|
||
|
|
transform-origin: left center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Navbar Widgets
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.hestia_right .blog-sidebar-wrapper, .hestia_right .header-sidebar-wrapper {
|
||
|
|
float: none;
|
||
|
|
display: table-cell;
|
||
|
|
width: 100%;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.hestia_right .blog-sidebar-wrapper .header-widgets-wrapper, .hestia_right .header-sidebar-wrapper .header-widgets-wrapper {
|
||
|
|
position: relative;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.hestia_right .blog-sidebar-wrapper .header-widgets-wrapper .widget, .hestia_right .header-sidebar-wrapper .header-widgets-wrapper .widget {
|
||
|
|
vertical-align: middle;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.header-widgets-wrapper .widget {
|
||
|
|
margin: 0 10px 0 0;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget:last-of-type {
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget,
|
||
|
|
.header-widgets-wrapper .widget h5,
|
||
|
|
.header-widgets-wrapper .widget .textwidget {
|
||
|
|
display: inline-block;
|
||
|
|
line-height: inherit;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget h5 {
|
||
|
|
margin: 0 5px 0 0;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget .btn {
|
||
|
|
padding: 3px 10px;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget .btn a {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_nav_menu h5, .header-widgets-wrapper .widget.widget_categories h5, .header-widgets-wrapper .widget.widget_product_categories h5, .header-widgets-wrapper .widget.widget_search h5, .header-widgets-wrapper .widget.widget_product_search h5, .header-widgets-wrapper .widget.widget_meta h5 {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_nav_menu input[type=submit], .header-widgets-wrapper .widget.widget_categories input[type=submit], .header-widgets-wrapper .widget.widget_product_categories input[type=submit], .header-widgets-wrapper .widget.widget_search input[type=submit], .header-widgets-wrapper .widget.widget_product_search input[type=submit], .header-widgets-wrapper .widget.widget_meta input[type=submit] {
|
||
|
|
opacity: 0;
|
||
|
|
left: -15px;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget .searchform:after,
|
||
|
|
.header-widgets-wrapper .widget .search-form:after,
|
||
|
|
.header-widgets-wrapper .widget .woocommerce-product-search:after {
|
||
|
|
right: 30px;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_product_search form, .header-widgets-wrapper .widget.widget_search form {
|
||
|
|
top: 15px;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_product_search form:after, .header-widgets-wrapper .widget.widget_search form:after {
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_product_search form .control-label, .header-widgets-wrapper .widget.widget_search form .control-label {
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_shopping_cart {
|
||
|
|
margin-top: 7px;
|
||
|
|
cursor: pointer;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_shopping_cart .button.checkout {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_shopping_cart .wc-forward:not(.checkout) {
|
||
|
|
opacity: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: -5px;
|
||
|
|
left: -4px;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_shopping_cart:before {
|
||
|
|
color: #333;
|
||
|
|
content: "\f07a";
|
||
|
|
font-family: 'Fontawesome';
|
||
|
|
font-size: 18px;
|
||
|
|
margin-right: 5px;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_shopping_cart:hover .cart_list {
|
||
|
|
opacity: 1;
|
||
|
|
display: block;
|
||
|
|
visibility: visible;
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_shopping_cart h5 {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_shopping_cart .widget_shopping_cart_content {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_shopping_cart .cart_list {
|
||
|
|
margin-top: 0;
|
||
|
|
display: block;
|
||
|
|
visibility: hidden;
|
||
|
|
transition: all .3s ease;
|
||
|
|
opacity: 0;
|
||
|
|
padding: 0 15px 15px;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 15px;
|
||
|
|
z-index: 10;
|
||
|
|
border: 0;
|
||
|
|
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
|
||
|
|
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
|
||
|
|
border-radius: 3px !important;
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_shopping_cart .cart_list li {
|
||
|
|
color: #333;
|
||
|
|
display: block;
|
||
|
|
margin-top: 15px;
|
||
|
|
padding-bottom: 0;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_shopping_cart .cart_list li a:not(.remove) {
|
||
|
|
color: #333;
|
||
|
|
margin: 0;
|
||
|
|
padding-right: 65px;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_shopping_cart .cart_list li img {
|
||
|
|
float: left;
|
||
|
|
width: 50px;
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 15px;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_shopping_cart .cart_list li .quantity {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_shopping_cart .cart_list li .variation {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_shopping_cart .cart_list li.empty {
|
||
|
|
font-size: inherit;
|
||
|
|
line-height: 1.2;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_shopping_cart .total {
|
||
|
|
border: none;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_shopping_cart .total strong {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper .widget.widget_shopping_cart .total .amount {
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper ul {
|
||
|
|
line-height: inherit;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper ul li {
|
||
|
|
cursor: auto;
|
||
|
|
display: inline-block;
|
||
|
|
margin: 0 5px;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper ul li:first-child {
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper ul li:last-child {
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper ul li a {
|
||
|
|
font-size: inherit;
|
||
|
|
line-height: inherit;
|
||
|
|
padding: 0;
|
||
|
|
text-transform: inherit;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper ul li a:before {
|
||
|
|
background-color: transparent;
|
||
|
|
position: static;
|
||
|
|
font-family: 'FontAwesome';
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper ul li a:hover, .header-widgets-wrapper ul li a:focus {
|
||
|
|
background-color: transparent;
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper ul li a[href*="tel:"]:before,
|
||
|
|
.header-widgets-wrapper ul li a[href*="mailto:"]:before {
|
||
|
|
margin-right: 7px;
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper ul li a[href*="tel:"]:before {
|
||
|
|
content: '\f095';
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper ul li a[href*="mailto:"]:before {
|
||
|
|
content: '\f0e0';
|
||
|
|
}
|
||
|
|
.header-widgets-wrapper ul li.dropdown .caret {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-transparent .widget a {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.navbar-transparent .widget .btn:hover a {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.navbar-transparent .widget.widget_shopping_cart:before {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.navbar-transparent .widget.widget_search form:after, .navbar-transparent .widget.widget_search form.form-group:before, .navbar-transparent .widget.widget_search form .control-label, .navbar-transparent .widget.widget_product_search form:after, .navbar-transparent .widget.widget_product_search form.form-group:before, .navbar-transparent .widget.widget_product_search form .control-label {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Pagination
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.pagination {
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.pagination > li > a {
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.pagination a, .pagination span {
|
||
|
|
min-width: 30px;
|
||
|
|
height: 30px;
|
||
|
|
margin: 0 3px;
|
||
|
|
padding: 0 11px;
|
||
|
|
border-radius: 30px !important;
|
||
|
|
color: #999999;
|
||
|
|
background: transparent;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 400;
|
||
|
|
line-height: 30px;
|
||
|
|
text-transform: uppercase;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.pagination a:hover, .pagination a:focus {
|
||
|
|
color: #999999;
|
||
|
|
background-color: #eee;
|
||
|
|
}
|
||
|
|
.pagination span:not(.dots):hover, .pagination span:not(.dots):focus {
|
||
|
|
color: #999999;
|
||
|
|
background-color: #eee;
|
||
|
|
}
|
||
|
|
.pagination span.current, .pagination span.current:focus, .pagination span.current:hover {
|
||
|
|
border-color: #9c27b0;
|
||
|
|
color: #fff;
|
||
|
|
background-color: #9c27b0;
|
||
|
|
-webkit-box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2);
|
||
|
|
box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2);
|
||
|
|
}
|
||
|
|
.pagination .next.page-numbers:after {
|
||
|
|
content: " \00bb";
|
||
|
|
}
|
||
|
|
.pagination .prev.page-numbers:before {
|
||
|
|
content: "\00ab ";
|
||
|
|
}
|
||
|
|
|
||
|
|
.label {
|
||
|
|
padding: 5px 12px;
|
||
|
|
border-radius: 12px;
|
||
|
|
font-size: 10px;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
.label.label-default {
|
||
|
|
background-color: #999999;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
# Cards styling
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.card {
|
||
|
|
display: inline-block;
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
margin-bottom: 30px;
|
||
|
|
border-radius: 6px;
|
||
|
|
color: rgba(0, 0, 0, 0.87);
|
||
|
|
background: #fff;
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||
|
|
}
|
||
|
|
.card .card-image {
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
height: 60%;
|
||
|
|
margin-top: -30px;
|
||
|
|
margin-right: 15px;
|
||
|
|
margin-left: 15px;
|
||
|
|
border-radius: 6px;
|
||
|
|
-webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
|
||
|
|
-moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
|
||
|
|
-o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
|
||
|
|
-ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
|
||
|
|
transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
|
||
|
|
-webkit-transform: translate(0, 0);
|
||
|
|
-ms-transform: translate(0, 0);
|
||
|
|
transform: translate(0, 0);
|
||
|
|
}
|
||
|
|
.card .card-image img {
|
||
|
|
float: left;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
/* WooCommerce fix */
|
||
|
|
margin: 0 !important;
|
||
|
|
border-radius: 6px;
|
||
|
|
}
|
||
|
|
.card .category:not([class*="text-"]) {
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
.card .content {
|
||
|
|
padding: 15px 30px;
|
||
|
|
}
|
||
|
|
.card .header {
|
||
|
|
margin: 15px;
|
||
|
|
padding: 15px 0;
|
||
|
|
border-radius: 3px;
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
.card .header-primary,
|
||
|
|
.card .content-primary {
|
||
|
|
background: -webkit-linear-gradient(30deg, #ab47bc, #7b1fa2);
|
||
|
|
background: linear-gradient(60deg, #ab47bc, #7b1fa2);
|
||
|
|
}
|
||
|
|
.card [class*="header-"],
|
||
|
|
.card [class*="content-"],
|
||
|
|
.card [class*="header-"] .card-title a,
|
||
|
|
.card [class*="header-"] .card-title,
|
||
|
|
.card [class*="header-"] .icon i,
|
||
|
|
.card [class*="content-"] .card-title a,
|
||
|
|
.card [class*="content-"] .card-title,
|
||
|
|
.card [class*="content-"] .icon i,
|
||
|
|
.card [class*="header-"] .author a:hover,
|
||
|
|
.card [class*="header-"] .author a:focus,
|
||
|
|
.card [class*="header-"] .author a:active,
|
||
|
|
.card [class*="content-"] .author a:hover,
|
||
|
|
.card [class*="content-"] .author a:focus,
|
||
|
|
.card [class*="content-"] .author a:active {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.card [class*="header-"] .icon i,
|
||
|
|
.card [class*="content-"] .icon i {
|
||
|
|
border-color: rgba(255, 255, 255, 0.25);
|
||
|
|
}
|
||
|
|
.card [class*="header-"] .author a,
|
||
|
|
.card [class*="header-"] .footer .stats,
|
||
|
|
.card [class*="header-"] .category,
|
||
|
|
.card [class*="header-"] .card-description,
|
||
|
|
.card [class*="content-"] .author a,
|
||
|
|
.card [class*="content-"] .footer .stats,
|
||
|
|
.card [class*="content-"] .category,
|
||
|
|
.card [class*="content-"] .card-description,
|
||
|
|
.card [class*="content-"] h1 small,
|
||
|
|
.card [class*="content-"] h2 small,
|
||
|
|
.card [class*="content-"] h3 small {
|
||
|
|
color: rgba(255, 255, 255, 0.8);
|
||
|
|
}
|
||
|
|
.card [class*="content-"] {
|
||
|
|
border-radius: 6px;
|
||
|
|
}
|
||
|
|
.card img {
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
.card .category .fa {
|
||
|
|
position: relative;
|
||
|
|
top: 6px;
|
||
|
|
line-height: 0;
|
||
|
|
}
|
||
|
|
.card .author .avatar {
|
||
|
|
overflow: hidden;
|
||
|
|
width: 30px;
|
||
|
|
height: 30px;
|
||
|
|
margin-right: 5px;
|
||
|
|
border-radius: 50%;
|
||
|
|
}
|
||
|
|
.card .author a {
|
||
|
|
color: #3C4858;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.card .author .date {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.card .footer {
|
||
|
|
margin-top: 15px;
|
||
|
|
}
|
||
|
|
.card .footer div {
|
||
|
|
/* WooCommerce fix */
|
||
|
|
display: inline-block !important;
|
||
|
|
}
|
||
|
|
.card .footer .author,
|
||
|
|
.card .footer .stats {
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
.card .footer .stats {
|
||
|
|
float: right;
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
.card .footer .stats .fa {
|
||
|
|
position: relative;
|
||
|
|
top: 4px;
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
.card .checkbox {
|
||
|
|
margin-top: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card-contact .header {
|
||
|
|
margin-top: -20px;
|
||
|
|
padding: 15px 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card-plain {
|
||
|
|
background: transparent;
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
-moz-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
.card-plain .content {
|
||
|
|
padding-right: 5px;
|
||
|
|
padding-left: 5px;
|
||
|
|
}
|
||
|
|
.card-plain .card-image {
|
||
|
|
margin: 0;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
.card-plain .card-image a {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.card-plain .card-image img {
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card-form-horizontal .content {
|
||
|
|
padding-right: 15px;
|
||
|
|
padding-left: 15px;
|
||
|
|
}
|
||
|
|
.card-form-horizontal .form-group {
|
||
|
|
margin: 3px 0 0;
|
||
|
|
padding-bottom: 0;
|
||
|
|
}
|
||
|
|
.card-form-horizontal .form-group .form-control {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.card-form-horizontal .btn {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.card-form-horizontal .input-group .input-group-addon {
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card-profile {
|
||
|
|
margin-top: 30px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.card-profile .card-avatar {
|
||
|
|
overflow: hidden;
|
||
|
|
max-width: 130px;
|
||
|
|
max-height: 130px;
|
||
|
|
margin: -50px auto 0;
|
||
|
|
border-radius: 50%;
|
||
|
|
}
|
||
|
|
.card-profile.card-plain .card-avatar {
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card-testimonial {
|
||
|
|
margin-top: 30px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.card-testimonial .card-avatar {
|
||
|
|
max-width: 100px;
|
||
|
|
max-height: 100px;
|
||
|
|
margin: 30px auto 0;
|
||
|
|
}
|
||
|
|
.card-testimonial .card-avatar img {
|
||
|
|
overflow: hidden;
|
||
|
|
max-width: 130px;
|
||
|
|
max-height: 130px;
|
||
|
|
margin: -50px auto 0;
|
||
|
|
border-radius: 50%;
|
||
|
|
}
|
||
|
|
.card-testimonial .card-avatar + .content {
|
||
|
|
margin-top: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card-blog {
|
||
|
|
margin-top: 30px;
|
||
|
|
}
|
||
|
|
.card-blog.sticky {
|
||
|
|
padding: 20px;
|
||
|
|
}
|
||
|
|
.card-blog.sticky .card-image {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
.card-blog .row .category {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.card-blog .row .category a {
|
||
|
|
color: #00bcd4;
|
||
|
|
}
|
||
|
|
.card-blog .card-title {
|
||
|
|
margin-top: 5px;
|
||
|
|
font-size: 18.2px;
|
||
|
|
line-height: 25.48px;
|
||
|
|
}
|
||
|
|
.card-blog a.moretag,
|
||
|
|
.card-blog a.more-link {
|
||
|
|
display: inline-block;
|
||
|
|
margin-left: 5px;
|
||
|
|
color: #23527c;
|
||
|
|
}
|
||
|
|
.card-blog a.moretag:hover,
|
||
|
|
.card-blog a.more-link:hover {
|
||
|
|
color: #89229b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card-pricing {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.card-pricing .card-title {
|
||
|
|
margin-top: 30px;
|
||
|
|
font-size: 60px;
|
||
|
|
}
|
||
|
|
.card-pricing .content {
|
||
|
|
padding: 15px !important;
|
||
|
|
}
|
||
|
|
.card-pricing small {
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
.card-pricing small:first-child {
|
||
|
|
position: relative;
|
||
|
|
top: -17px;
|
||
|
|
font-size: 26px;
|
||
|
|
}
|
||
|
|
.card-pricing ul {
|
||
|
|
max-width: 240px;
|
||
|
|
margin: 10px auto;
|
||
|
|
padding: 0;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
.card-pricing ul li {
|
||
|
|
padding: 12px 0;
|
||
|
|
border-bottom: 1px solid rgba(153, 153, 153, 0.3);
|
||
|
|
color: #999999;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.card-pricing ul li:last-child {
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.card-pricing ul li b {
|
||
|
|
color: #3C4858;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card-background {
|
||
|
|
background-position: center center;
|
||
|
|
background-size: cover;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.card-background .content {
|
||
|
|
position: relative;
|
||
|
|
z-index: 2;
|
||
|
|
max-width: 440px;
|
||
|
|
min-height: 280px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding-top: 40px;
|
||
|
|
padding-bottom: 40px;
|
||
|
|
}
|
||
|
|
.card-background .card-title {
|
||
|
|
margin-top: 10px;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.card-background:after {
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
z-index: 1;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
border-radius: 6px;
|
||
|
|
opacity: 0;
|
||
|
|
background-color: rgba(0, 0, 0, 0.56);
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.card-background:hover:after {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card-product {
|
||
|
|
margin-top: 30px;
|
||
|
|
}
|
||
|
|
.card-product .btn-simple.btn-just-icon {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.card-product .footer {
|
||
|
|
display: table;
|
||
|
|
margin-top: 5px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.card-product .footer .price {
|
||
|
|
display: table-cell !important;
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
.card-product .footer .price h4 {
|
||
|
|
color: #3C4858;
|
||
|
|
line-height: 1.2;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.card-product .footer .stats {
|
||
|
|
display: table-cell !important;
|
||
|
|
padding-left: 10px;
|
||
|
|
vertical-align: bottom;
|
||
|
|
float: none;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
.card-product .footer .stats a {
|
||
|
|
margin: 10px 0 !important;
|
||
|
|
}
|
||
|
|
.card-product .footer .stats .fa {
|
||
|
|
top: 0;
|
||
|
|
margin-bottom: 2px;
|
||
|
|
}
|
||
|
|
.card-product .card-title,
|
||
|
|
.card-product .category,
|
||
|
|
.card-product .card-description {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.card-product .category {
|
||
|
|
font-size: 13px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.img-thumbnail {
|
||
|
|
border-radius: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.iframe-container iframe {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card .card-image, .card .header, .card-profile .card-avatar, .card-testimonial .card-avatar img, .card-raised, .img-raised, .iframe-container iframe {
|
||
|
|
-webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
|
||
|
|
-moz-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
|
||
|
|
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
# Tables
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
table {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
table > thead > tr > th {
|
||
|
|
font-size: 21px;
|
||
|
|
font-weight: 300;
|
||
|
|
padding: 12px 8px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
table > tbody > tr > th,
|
||
|
|
table > tfoot > tr > th,
|
||
|
|
table > thead > tr > td,
|
||
|
|
table > tbody > tr > td,
|
||
|
|
table > tfoot > tr > td {
|
||
|
|
padding: 12px 8px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
table > tbody > tr {
|
||
|
|
position: relative;
|
||
|
|
border-bottom: 1px solid #eee;
|
||
|
|
}
|
||
|
|
table > tbody > tr:last-child {
|
||
|
|
border-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
# Sections
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Slider
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.carousel .page-header {
|
||
|
|
z-index: -2;
|
||
|
|
}
|
||
|
|
.carousel .carousel-control.left, .carousel .carousel-control.right {
|
||
|
|
z-index: 99;
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
.carousel .item {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.carousel .carousel-control {
|
||
|
|
text-shadow: none;
|
||
|
|
}
|
||
|
|
.carousel .carousel-control.left {
|
||
|
|
/*rtl:ignore*/
|
||
|
|
right: auto;
|
||
|
|
/*rtl:ignore*/
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.carousel .carousel-control.right {
|
||
|
|
/*rtl:ignore*/
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
.carousel .carousel-control .fa {
|
||
|
|
display: inline-block;
|
||
|
|
position: absolute;
|
||
|
|
z-index: 5;
|
||
|
|
top: 50%;
|
||
|
|
bottom: 15px;
|
||
|
|
font-size: 50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Generic
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.section-gray {
|
||
|
|
background: #f0f0f0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section {
|
||
|
|
padding: 70px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section-dark, .section-image {
|
||
|
|
background: #232323;
|
||
|
|
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #585858), color-stop(100%, #232323));
|
||
|
|
background: -webkit-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
|
||
|
|
background: -webkit-radial-gradient(center ellipse, #585858 0%, #232323 100%);
|
||
|
|
background: radial-gradient(ellipse at center, #585858 0%, #232323 100%);
|
||
|
|
background-color: #343434;
|
||
|
|
background-size: 200% 240%;
|
||
|
|
background-size: 550% 450%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section-dark .hestia-title,
|
||
|
|
.section-dark .title,
|
||
|
|
.section-dark .card-plain .card-title,
|
||
|
|
.section-dark .card-plain .icon i,
|
||
|
|
.section-dark .card-plain [class*="text-"],
|
||
|
|
.section-dark .card-plain ul li b,
|
||
|
|
.section-image .hestia-title,
|
||
|
|
.section-image .title,
|
||
|
|
.section-image .card-plain .card-title,
|
||
|
|
.section-image .card-plain .icon i,
|
||
|
|
.section-image .card-plain [class*="text-"],
|
||
|
|
.section-image .card-plain ul li b {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section-dark .description,
|
||
|
|
.section-dark .card-plain .card-description,
|
||
|
|
.section-dark .card-plain .icon,
|
||
|
|
.section-image .description,
|
||
|
|
.section-image .card-plain .card-description,
|
||
|
|
.section-image .card-plain .icon {
|
||
|
|
color: #eaeaea;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section-dark .card-plain .category,
|
||
|
|
.section-image .card-plain .category {
|
||
|
|
color: rgba(255, 255, 255, 0.5);
|
||
|
|
}
|
||
|
|
|
||
|
|
.section-image {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.section-image:after {
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
z-index: 1;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
background-color: rgba(0, 0, 0, 0.7);
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.section-image .container {
|
||
|
|
position: relative;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section, .section-image {
|
||
|
|
background-position: center center;
|
||
|
|
background-size: cover;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-features, .features, .products, .hestia-work, .hestia-testimonials, .hestia-blogs, .subscribe-line {
|
||
|
|
padding: 65px 0 70px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.about,
|
||
|
|
.hestia-about {
|
||
|
|
padding: 65px 0 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.team,
|
||
|
|
.hestia-team {
|
||
|
|
padding: 65px 0 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.testimonials,
|
||
|
|
.hestia-testimonials {
|
||
|
|
padding: 65px 0 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contactus {
|
||
|
|
padding: 90px 0 70px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pricing {
|
||
|
|
padding: 100px 0 70px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## About Section
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.hestia-about {
|
||
|
|
background-attachment: fixed;
|
||
|
|
color: #999999;
|
||
|
|
font-weight: 300;
|
||
|
|
}
|
||
|
|
.hestia-about h1, .hestia-about h2, .hestia-about h3, .hestia-about h4, .hestia-about h5 {
|
||
|
|
color: #3C4858;
|
||
|
|
text-decoration: none;
|
||
|
|
word-wrap: break-word;
|
||
|
|
font-family: "Roboto Slab", "Times New Roman", serif;
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
.hestia-about.section-image {
|
||
|
|
color: #fefefe;
|
||
|
|
}
|
||
|
|
.hestia-about.section-image h1, .hestia-about.section-image h2, .hestia-about.section-image h3, .hestia-about.section-image h4, .hestia-about.section-image h5 {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.hestia-about.section-image h6 {
|
||
|
|
color: rgba(255, 255, 255, 0.76);
|
||
|
|
}
|
||
|
|
.hestia-about p {
|
||
|
|
font-size: 17.5px;
|
||
|
|
line-height: 27.125px;
|
||
|
|
}
|
||
|
|
.hestia-about .customizer-hidden {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.products .shop-item {
|
||
|
|
margin-top: 30px;
|
||
|
|
}
|
||
|
|
.products .shop-item .added_to_cart {
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-ios .hestia-about {
|
||
|
|
background-attachment: scroll;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Portfolio Section
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.hestia-work .portfolio-item {
|
||
|
|
margin-top: 30px;
|
||
|
|
}
|
||
|
|
.hestia-work .card-background .content {
|
||
|
|
padding-bottom: 50px;
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
.hestia-work .col-md-4 .card-background .content {
|
||
|
|
padding-top: 30%;
|
||
|
|
}
|
||
|
|
.hestia-work .col-md-6 .card-background .content {
|
||
|
|
padding-top: 20%;
|
||
|
|
}
|
||
|
|
.hestia-work .card-background:hover .content {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transition: all ease 0.5s;
|
||
|
|
transition: all ease 0.5s;
|
||
|
|
}
|
||
|
|
.hestia-work .card-background .card-title {
|
||
|
|
font-size: 20px;
|
||
|
|
}
|
||
|
|
.hestia-work .portfolio-item:nth-child(6n) .label {
|
||
|
|
background-color: #4caf50;
|
||
|
|
}
|
||
|
|
.hestia-work .portfolio-item:nth-child(6n+1) .label {
|
||
|
|
background-color: #89229b;
|
||
|
|
}
|
||
|
|
.hestia-work .portfolio-item:nth-child(6n+2) .label {
|
||
|
|
background-color: #00bcd4;
|
||
|
|
}
|
||
|
|
.hestia-work .portfolio-item:nth-child(6n+3) .label {
|
||
|
|
background-color: #f44336;
|
||
|
|
}
|
||
|
|
.hestia-work .portfolio-item:nth-child(6n+4) .label {
|
||
|
|
background-color: #ff9800;
|
||
|
|
}
|
||
|
|
.hestia-work .portfolio-item:nth-child(6n+5) .label {
|
||
|
|
background-color: #e91e63;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Contact Section
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.contactus .content .row {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.contactus .form-group {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.contactus .pirate_forms_wrap .form_field_wrap {
|
||
|
|
line-height: 0;
|
||
|
|
}
|
||
|
|
.contactus .card .content {
|
||
|
|
padding: 15px;
|
||
|
|
}
|
||
|
|
.contactus .pirate_forms_wrap {
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
.contactus .pirate_forms_wrap .btn {
|
||
|
|
margin: 10px 0 15px;
|
||
|
|
}
|
||
|
|
.contactus .contact_message_wrap {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.contactus .contact_submit_wrap {
|
||
|
|
text-align: right;
|
||
|
|
margin-bottom: 0;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.contactus .hestia-info,
|
||
|
|
.contactus .info {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.contactus .hestia-info,
|
||
|
|
.contactus .hestia-info p,
|
||
|
|
.contactus .hestia-info a:not(.btn),
|
||
|
|
.contactus .info,
|
||
|
|
.contactus .info p,
|
||
|
|
.contactus .info a:not(.btn) {
|
||
|
|
color: #ccc;
|
||
|
|
}
|
||
|
|
.contactus .hestia-info a:not(.btn):hover,
|
||
|
|
.contactus .info a:not(.btn):hover {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
.contactus .hestia-info:first-child,
|
||
|
|
.contactus .info:first-child {
|
||
|
|
margin-top: 30px;
|
||
|
|
}
|
||
|
|
.contactus .hestia-info .info-title,
|
||
|
|
.contactus .info .info-title {
|
||
|
|
margin-top: 20px;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.contactus .hestia-info .icon,
|
||
|
|
.contactus .info .icon {
|
||
|
|
margin-top: 14px;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.contactus h5.description {
|
||
|
|
color: #ccc;
|
||
|
|
}
|
||
|
|
.contactus .card-contact {
|
||
|
|
margin-top: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contact_submit_wrap {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Features Section
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.hestia-features, .features {
|
||
|
|
padding: 75px 0 55px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.hestia-features .hestia-title,
|
||
|
|
.hestia-features .title, .features .hestia-title,
|
||
|
|
.features .title {
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
.hestia-features .hestia-info,
|
||
|
|
.hestia-features .info, .features .hestia-info,
|
||
|
|
.features .info {
|
||
|
|
padding: 70px 0 30px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
.hestia-features .hestia-info p,
|
||
|
|
.hestia-features .info p, .features .hestia-info p,
|
||
|
|
.features .info p {
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-info, .info {
|
||
|
|
max-width: 360px;
|
||
|
|
}
|
||
|
|
.hestia-info .icon, .info .icon {
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
.hestia-info .icon > i, .info .icon > i {
|
||
|
|
font-size: 61.6px;
|
||
|
|
}
|
||
|
|
.hestia-info .info-title, .info .info-title {
|
||
|
|
margin: 30px 0 15px;
|
||
|
|
color: #3C4858;
|
||
|
|
}
|
||
|
|
.hestia-info p, .info p {
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.info-horizontal .icon {
|
||
|
|
float: left;
|
||
|
|
margin-top: 24px;
|
||
|
|
margin-right: 10px;
|
||
|
|
}
|
||
|
|
.info-horizontal .icon > i {
|
||
|
|
font-size: 36.4px;
|
||
|
|
}
|
||
|
|
.info-horizontal .description {
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon.icon-primary {
|
||
|
|
color: #9c27b0;
|
||
|
|
}
|
||
|
|
.icon.icon-success {
|
||
|
|
color: #4caf50;
|
||
|
|
}
|
||
|
|
.icon.icon-danger {
|
||
|
|
color: #f44336;
|
||
|
|
}
|
||
|
|
.icon.icon-rose {
|
||
|
|
color: #e91e63;
|
||
|
|
}
|
||
|
|
|
||
|
|
.single-product .hestia-features,
|
||
|
|
.single-product .features {
|
||
|
|
padding: 50px 0 0;
|
||
|
|
}
|
||
|
|
.single-product .hestia-features > div h2,
|
||
|
|
.single-product .features > div h2 {
|
||
|
|
font-size: 25.55px;
|
||
|
|
}
|
||
|
|
.single-product .hestia-features > div h5,
|
||
|
|
.single-product .features > div h5 {
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.single-product .hestia-features .hestia-info > p, .single-product .hestia-features .info > p,
|
||
|
|
.single-product .features .hestia-info > p,
|
||
|
|
.single-product .features .info > p {
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Team Section
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.hestia-team .card, .team .card {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.hestia-team .card .footer, .team .card .footer {
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
.hestia-team h5.description, .team h5.description {
|
||
|
|
margin-bottom: 70px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-team .footer a[href*="facebook.com"],
|
||
|
|
.team .footer a[href*="facebook.com"],
|
||
|
|
.footer-menu a[href*="facebook.com"] {
|
||
|
|
color: #3b5998;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-team .footer a[href*="twitter.com"],
|
||
|
|
.team .footer a[href*="twitter.com"],
|
||
|
|
.footer-menu a[href*="twitter.com"] {
|
||
|
|
color: #55acee;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-team .footer a[href*="pinterest.com"],
|
||
|
|
.team .footer a[href*="pinterest.com"],
|
||
|
|
.footer-menu a[href*="pinterest.com"] {
|
||
|
|
color: #cc2127;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-team .footer a[href*="google.com"],
|
||
|
|
.team .footer a[href*="google.com"],
|
||
|
|
.footer-menu a[href*="google.com"] {
|
||
|
|
color: #dd4b39;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-team .footer a[href*="linkedin.com"],
|
||
|
|
.team .footer a[href*="linkedin.com"],
|
||
|
|
.footer-menu a[href*="linkedin.com"] {
|
||
|
|
color: #0976b4;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-team .footer a[href*="dribbble.com"],
|
||
|
|
.team .footer a[href*="dribbble.com"],
|
||
|
|
.footer-menu a[href*="dribbble.com"] {
|
||
|
|
color: #ea4c89;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-team .footer a[href*="github.com"],
|
||
|
|
.team .footer a[href*="github.com"],
|
||
|
|
.footer-menu a[href*="github.com"] {
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-team .footer a[href*="youtube.com"],
|
||
|
|
.team .footer a[href*="youtube.com"],
|
||
|
|
.footer-menu a[href*="youtube.com"] {
|
||
|
|
color: #e52d27;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-team .footer a[href*="instagram.com"],
|
||
|
|
.team .footer a[href*="instagram.com"],
|
||
|
|
.footer-menu a[href*="instagram.com"] {
|
||
|
|
color: #125688;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-team .footer a[href*="reddit.com"],
|
||
|
|
.team .footer a[href*="reddit.com"],
|
||
|
|
.footer-menu a[href*="reddit.com"] {
|
||
|
|
color: #ff4500;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-team .footer a[href*="tumblr.com"],
|
||
|
|
.team .footer a[href*="tumblr.com"],
|
||
|
|
.footer-menu a[href*="tumblr.com"] {
|
||
|
|
color: #35465c;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-team .footer a[href*="behance.com"],
|
||
|
|
.team .footer a[href*="behance.com"],
|
||
|
|
.footer-menu a[href*="behance.com"] {
|
||
|
|
color: #1769ff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-team .footer a[href*="snapchat.com"],
|
||
|
|
.team .footer a[href*="snapchat.com"],
|
||
|
|
.footer-menu a[href*="snapchat.com"] {
|
||
|
|
color: #fffc00;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-team .footer a[href*="deviantart.com"],
|
||
|
|
.team .footer a[href*="deviantart.com"],
|
||
|
|
.footer-menu a[href*="deviantart.com"] {
|
||
|
|
color: #05cc47;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-team .footer a[href*="vimeo.com"],
|
||
|
|
.team .footer a[href*="vimeo.com"],
|
||
|
|
.footer-menu a[href*="vimeo.com"] {
|
||
|
|
color: #1ab7ea;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Subscribe Section
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.subscribe-line {
|
||
|
|
padding: 65px 0;
|
||
|
|
}
|
||
|
|
.subscribe-line .card {
|
||
|
|
margin-top: 30px;
|
||
|
|
}
|
||
|
|
.subscribe-line .card .input-group {
|
||
|
|
display: table;
|
||
|
|
}
|
||
|
|
.subscribe-line .card .input-group .input-group-addon {
|
||
|
|
display: table-cell;
|
||
|
|
width: 1%;
|
||
|
|
}
|
||
|
|
.subscribe-line.subscribe-line-image {
|
||
|
|
position: relative;
|
||
|
|
background-position: top center;
|
||
|
|
background-size: cover;
|
||
|
|
}
|
||
|
|
.subscribe-line.subscribe-line-image .title,
|
||
|
|
.subscribe-line.subscribe-line-image .hestia-title {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.subscribe-line.subscribe-line-image:after {
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
z-index: 1;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
background-color: rgba(0, 0, 0, 0.66);
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.subscribe-line.subscribe-line-image .container {
|
||
|
|
position: relative;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
.subscribe-line .card h5,
|
||
|
|
.subscribe-line .sib_loader {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Blog Section
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.hestia-blogs article:nth-child(6n) .category a {
|
||
|
|
color: #4caf50;
|
||
|
|
}
|
||
|
|
.hestia-blogs article:nth-child(6n+1) .category a {
|
||
|
|
color: #89229b;
|
||
|
|
}
|
||
|
|
.hestia-blogs article:nth-child(6n+2) .category a {
|
||
|
|
color: #00bcd4;
|
||
|
|
}
|
||
|
|
.hestia-blogs article:nth-child(6n+3) .category a {
|
||
|
|
color: #f44336;
|
||
|
|
}
|
||
|
|
.hestia-blogs article:nth-child(6n+4) .category a {
|
||
|
|
color: #ff9800;
|
||
|
|
}
|
||
|
|
.hestia-blogs article:nth-child(6n+5) .category a {
|
||
|
|
color: #e91e63;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Footer
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.footer .widget h5 {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
font-size: 18.2px;
|
||
|
|
line-height: 25.48px;
|
||
|
|
}
|
||
|
|
.footer a {
|
||
|
|
color: #3C4858;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-big {
|
||
|
|
color: #999999;
|
||
|
|
padding: 30px 0 18px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.footer-big ul {
|
||
|
|
margin-bottom: 0;
|
||
|
|
padding: 0;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
.footer-big ul li a {
|
||
|
|
display: inline-block;
|
||
|
|
position: relative;
|
||
|
|
padding: 5px 0;
|
||
|
|
border-radius: 3px;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 500;
|
||
|
|
text-decoration: none;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
.footer-big ul li a:hover {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.footer-big ul li .btn {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.footer-big p {
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a {
|
||
|
|
padding: 15px;
|
||
|
|
}
|
||
|
|
.footer-big .copyright {
|
||
|
|
padding: 15px 0;
|
||
|
|
}
|
||
|
|
.footer-big .content {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.footer-big hr {
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-black {
|
||
|
|
background: #323437;
|
||
|
|
}
|
||
|
|
.footer-black a {
|
||
|
|
opacity: 0.86;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.footer-black a:hover, .footer-black a:focus {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.footer-black h5, .footer-black h4, .footer-black i, .footer-black .copyright {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.footer-black hr {
|
||
|
|
border-color: rgba(255, 255, 255, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-bottom-footer-content {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-center {
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-big .footer-menu li a[href*="mailto:"],
|
||
|
|
.footer-big .footer-menu li a[href*="tel:"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="mailto:"]:before,
|
||
|
|
.footer-big .footer-menu li a[href*="tel:"]:before {
|
||
|
|
color: #fff;
|
||
|
|
font-family: 'FontAwesome';
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="mailto:"]:hover:before,
|
||
|
|
.footer-big .footer-menu li a[href*="tel:"]:hover:before {
|
||
|
|
color: #999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-big .footer-menu li a[href*="mailto:"]:before {
|
||
|
|
content: '\f0e0';
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-big .footer-menu li a[href*="tel:"]:before {
|
||
|
|
content: '\f095';
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-big .footer-menu li a[href*="facebook.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="facebook.com"]:before {
|
||
|
|
content: "";
|
||
|
|
font-family: 'FontAwesome';
|
||
|
|
color: #3c4858;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="facebook.com"]:hover:before {
|
||
|
|
color: #3b5998;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-black .footer-menu li a[href*="facebook.com"]:before {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-big .footer-menu li a[href*="twitter.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="twitter.com"]:before {
|
||
|
|
content: "";
|
||
|
|
font-family: 'FontAwesome';
|
||
|
|
color: #3c4858;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="twitter.com"]:hover:before {
|
||
|
|
color: #55acee;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-black .footer-menu li a[href*="twitter.com"]:before {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-big .footer-menu li a[href*="pinterest.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="pinterest.com"]:before {
|
||
|
|
content: "";
|
||
|
|
font-family: 'FontAwesome';
|
||
|
|
color: #3c4858;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="pinterest.com"]:hover:before {
|
||
|
|
color: #cc2127;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-black .footer-menu li a[href*="pinterest.com"]:before {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-big .footer-menu li a[href*="google.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="google.com"]:before {
|
||
|
|
content: "";
|
||
|
|
font-family: 'FontAwesome';
|
||
|
|
color: #3c4858;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="google.com"]:hover:before {
|
||
|
|
color: #dd4b39;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-black .footer-menu li a[href*="google.com"]:before {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-big .footer-menu li a[href*="linkedin.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="linkedin.com"]:before {
|
||
|
|
content: "";
|
||
|
|
font-family: 'FontAwesome';
|
||
|
|
color: #3c4858;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="linkedin.com"]:hover:before {
|
||
|
|
color: #0976b4;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-black .footer-menu li a[href*="linkedin.com"]:before {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-big .footer-menu li a[href*="dribbble.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="dribbble.com"]:before {
|
||
|
|
content: "";
|
||
|
|
font-family: 'FontAwesome';
|
||
|
|
color: #3c4858;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="dribbble.com"]:hover:before {
|
||
|
|
color: #ea4c89;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-black .footer-menu li a[href*="dribbble.com"]:before {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-big .footer-menu li a[href*="github.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="github.com"]:before {
|
||
|
|
content: "";
|
||
|
|
font-family: 'FontAwesome';
|
||
|
|
color: #3c4858;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="github.com"]:hover:before {
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-black .footer-menu li a[href*="github.com"]:before {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-big .footer-menu li a[href*="youtube.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="youtube.com"]:before {
|
||
|
|
content: "";
|
||
|
|
font-family: 'FontAwesome';
|
||
|
|
color: #3c4858;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="youtube.com"]:hover:before {
|
||
|
|
color: #e52d27;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-black .footer-menu li a[href*="youtube.com"]:before {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-big .footer-menu li a[href*="instagram.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="instagram.com"]:before {
|
||
|
|
content: "";
|
||
|
|
font-family: 'FontAwesome';
|
||
|
|
color: #3c4858;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="instagram.com"]:hover:before {
|
||
|
|
color: #125688;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-black .footer-menu li a[href*="instagram.com"]:before {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-big .footer-menu li a[href*="reddit.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="reddit.com"]:before {
|
||
|
|
content: "";
|
||
|
|
font-family: 'FontAwesome';
|
||
|
|
color: #3c4858;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="reddit.com"]:hover:before {
|
||
|
|
color: #ff4500;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-black .footer-menu li a[href*="reddit.com"]:before {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-big .footer-menu li a[href*="tumblr.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="tumblr.com"]:before {
|
||
|
|
content: "";
|
||
|
|
font-family: 'FontAwesome';
|
||
|
|
color: #3c4858;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="tumblr.com"]:hover:before {
|
||
|
|
color: #35465c;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-black .footer-menu li a[href*="tumblr.com"]:before {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-big .footer-menu li a[href*="behance.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="behance.com"]:before {
|
||
|
|
content: "";
|
||
|
|
font-family: 'FontAwesome';
|
||
|
|
color: #3c4858;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="behance.com"]:hover:before {
|
||
|
|
color: #1769ff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-black .footer-menu li a[href*="behance.com"]:before {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-big .footer-menu li a[href*="snapchat.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="snapchat.com"]:before {
|
||
|
|
content: "";
|
||
|
|
font-family: 'FontAwesome';
|
||
|
|
color: #3c4858;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="snapchat.com"]:hover:before {
|
||
|
|
color: #fffc00;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-black .footer-menu li a[href*="snapchat.com"]:before {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-big .footer-menu li a[href*="deviantart.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="deviantart.com"]:before {
|
||
|
|
content: "";
|
||
|
|
font-family: 'FontAwesome';
|
||
|
|
color: #3c4858;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="deviantart.com"]:hover:before {
|
||
|
|
color: #05cc47;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-black .footer-menu li a[href*="deviantart.com"]:before {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-big .footer-menu li a[href*="vimeo.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="vimeo.com"]:before {
|
||
|
|
content: "";
|
||
|
|
font-family: 'FontAwesome';
|
||
|
|
color: #3c4858;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.footer-big .footer-menu li a[href*="vimeo.com"]:hover:before {
|
||
|
|
color: #1ab7ea;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-black .footer-menu li a[href*="vimeo.com"]:before {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Top bar
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.hestia-top-bar {
|
||
|
|
font-size: 12px;
|
||
|
|
height: 40px;
|
||
|
|
line-height: 40px;
|
||
|
|
max-height: 40px;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .col-md-6,
|
||
|
|
.hestia-top-bar .col-md-12 {
|
||
|
|
max-height: 40px;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .col-md-6.pull-right,
|
||
|
|
.hestia-top-bar .col-md-12.pull-right {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget {
|
||
|
|
margin: 0 10px 0 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget:last-of-type {
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget,
|
||
|
|
.hestia-top-bar .widget h5,
|
||
|
|
.hestia-top-bar .widget .textwidget {
|
||
|
|
display: inline-block;
|
||
|
|
line-height: inherit;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget h5 {
|
||
|
|
margin: 0 5px 0 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget .btn {
|
||
|
|
padding: 3px 10px;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_nav_menu h5, .hestia-top-bar .widget.widget_categories h5, .hestia-top-bar .widget.widget_product_categories h5 {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_search h5, .hestia-top-bar .widget.widget_product_search h5 {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_search .label-floating, .hestia-top-bar .widget.widget_product_search .label-floating {
|
||
|
|
display: inline-block;
|
||
|
|
font-size: inherit;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_search .label-floating .control-label, .hestia-top-bar .widget.widget_product_search .label-floating .control-label {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_search .label-floating.is-empty .control-label, .hestia-top-bar .widget.widget_product_search .label-floating.is-empty .control-label {
|
||
|
|
font-size: inherit;
|
||
|
|
position: absolute;
|
||
|
|
font-weight: 300;
|
||
|
|
left: 25px;
|
||
|
|
top: 12px;
|
||
|
|
margin-top: 0;
|
||
|
|
text-align: left;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_search .label-floating.is-focused .control-label, .hestia-top-bar .widget.widget_product_search .label-floating.is-focused .control-label {
|
||
|
|
opacity: 0;
|
||
|
|
font-size: inherit;
|
||
|
|
line-height: 20px;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_search .label-floating:not(.is-empty) .control-label, .hestia-top-bar .widget.widget_product_search .label-floating:not(.is-empty) .control-label {
|
||
|
|
opacity: 0;
|
||
|
|
left: 25px;
|
||
|
|
top: 12px;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_search form:not(.form-group), .hestia-top-bar .widget.widget_product_search form:not(.form-group) {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_search form.form-group, .hestia-top-bar .widget.widget_product_search form.form-group {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_search form.form-group input[type=search], .hestia-top-bar .widget.widget_product_search form.form-group input[type=search] {
|
||
|
|
background: none;
|
||
|
|
border: none;
|
||
|
|
font-size: inherit;
|
||
|
|
font-weight: 300;
|
||
|
|
float: none;
|
||
|
|
margin: 2px 0 0 25px;
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_search form.form-group input[type=submit], .hestia-top-bar .widget.widget_product_search form.form-group input[type=submit] {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_search form.form-group:after, .hestia-top-bar .widget.widget_product_search form.form-group:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_search form.form-group:before, .hestia-top-bar .widget.widget_product_search form.form-group:before {
|
||
|
|
color: #fff;
|
||
|
|
content: "\f002";
|
||
|
|
font-family: 'Fontawesome';
|
||
|
|
font-size: 18px;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_search .search-form {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_shopping_cart {
|
||
|
|
cursor: pointer;
|
||
|
|
padding-left: 25px;
|
||
|
|
position: relative;
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_shopping_cart:before {
|
||
|
|
color: #fff;
|
||
|
|
content: "\f07a";
|
||
|
|
font-family: 'Fontawesome';
|
||
|
|
font-size: 18px;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
z-index: 9999;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_shopping_cart:hover .cart_list {
|
||
|
|
display: inline-block;
|
||
|
|
opacity: 1;
|
||
|
|
visibility: visible;
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_shopping_cart .button.checkout {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_shopping_cart .wc-forward:not(.checkout) {
|
||
|
|
opacity: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: -5px;
|
||
|
|
left: -4px;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_shopping_cart h5 {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_shopping_cart .widget_shopping_cart_content {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_shopping_cart .cart_list {
|
||
|
|
border-radius: 0 0 6px 6px;
|
||
|
|
opacity: 0;
|
||
|
|
visibility: hidden;
|
||
|
|
margin-top: -10px;
|
||
|
|
padding: 0 15px 15px;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 40px;
|
||
|
|
z-index: 10;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_shopping_cart .cart_list li {
|
||
|
|
display: block;
|
||
|
|
margin-top: 15px;
|
||
|
|
padding-bottom: 0;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_shopping_cart .cart_list li a:not(.remove) {
|
||
|
|
margin: 0;
|
||
|
|
padding-right: 65px;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_shopping_cart .cart_list li img {
|
||
|
|
float: left;
|
||
|
|
width: 50px;
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 15px;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_shopping_cart .cart_list li .quantity {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_shopping_cart .cart_list li .variation {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_shopping_cart .cart_list li.empty {
|
||
|
|
font-size: inherit;
|
||
|
|
line-height: 1.2;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_shopping_cart .total {
|
||
|
|
border: none;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_shopping_cart .total strong {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_shopping_cart .total .amount {
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
.hestia-top-bar ul {
|
||
|
|
line-height: inherit;
|
||
|
|
}
|
||
|
|
.hestia-top-bar ul li {
|
||
|
|
cursor: auto;
|
||
|
|
display: inline-block;
|
||
|
|
margin: 0 5px;
|
||
|
|
}
|
||
|
|
.hestia-top-bar ul li:first-child {
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar ul li:last-child {
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar ul li a {
|
||
|
|
font-size: inherit;
|
||
|
|
line-height: inherit;
|
||
|
|
padding: 0;
|
||
|
|
text-transform: inherit;
|
||
|
|
}
|
||
|
|
.hestia-top-bar ul li a:before {
|
||
|
|
background-color: transparent;
|
||
|
|
position: static;
|
||
|
|
font-family: 'FontAwesome';
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.hestia-top-bar ul li a:hover, .hestia-top-bar ul li a:focus {
|
||
|
|
background-color: transparent;
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
.hestia-top-bar ul li a[href*="tel:"]:before,
|
||
|
|
.hestia-top-bar ul li a[href*="mailto:"]:before {
|
||
|
|
margin-right: 7px;
|
||
|
|
}
|
||
|
|
.hestia-top-bar ul li a[href*="tel:"]:before {
|
||
|
|
content: '\f095';
|
||
|
|
}
|
||
|
|
.hestia-top-bar ul li a[href*="mailto:"]:before {
|
||
|
|
content: '\f0e0';
|
||
|
|
}
|
||
|
|
.hestia-top-bar ul li.dropdown .caret {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-top-bar li a[href*="facebook.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="facebook.com"]:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="facebook.com"]:hover:before {
|
||
|
|
color: #3b5998;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-top-bar li a[href*="twitter.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="twitter.com"]:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="twitter.com"]:hover:before {
|
||
|
|
color: #55acee;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-top-bar li a[href*="pinterest.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="pinterest.com"]:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="pinterest.com"]:hover:before {
|
||
|
|
color: #cc2127;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-top-bar li a[href*="google.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="google.com"]:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="google.com"]:hover:before {
|
||
|
|
color: #dd4b39;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-top-bar li a[href*="linkedin.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="linkedin.com"]:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="linkedin.com"]:hover:before {
|
||
|
|
color: #0976b4;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-top-bar li a[href*="dribbble.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="dribbble.com"]:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="dribbble.com"]:hover:before {
|
||
|
|
color: #ea4c89;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-top-bar li a[href*="github.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="github.com"]:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="github.com"]:hover:before {
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-top-bar li a[href*="youtube.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="youtube.com"]:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="youtube.com"]:hover:before {
|
||
|
|
color: #e52d27;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-top-bar li a[href*="instagram.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="instagram.com"]:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="instagram.com"]:hover:before {
|
||
|
|
color: #125688;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-top-bar li a[href*="reddit.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="reddit.com"]:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="reddit.com"]:hover:before {
|
||
|
|
color: #ff4500;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-top-bar li a[href*="tumblr.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="tumblr.com"]:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="tumblr.com"]:hover:before {
|
||
|
|
color: #35465c;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-top-bar li a[href*="behance.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="behance.com"]:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="behance.com"]:hover:before {
|
||
|
|
color: #1769ff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-top-bar li a[href*="snapchat.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="snapchat.com"]:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="snapchat.com"]:hover:before {
|
||
|
|
color: #fffc00;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-top-bar li a[href*="deviantart.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="deviantart.com"]:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="deviantart.com"]:hover:before {
|
||
|
|
color: #05cc47;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-top-bar li a[href*="vimeo.com"] {
|
||
|
|
color: transparent;
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="vimeo.com"]:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.hestia-top-bar li a[href*="vimeo.com"]:hover:before {
|
||
|
|
color: #1ab7ea;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
# Blog
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Content
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.search-no-results .search-form, .error404 .search-form {
|
||
|
|
margin-top: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#authors-on-blog {
|
||
|
|
padding: 80px 0;
|
||
|
|
}
|
||
|
|
#authors-on-blog .card-profile {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
#authors-on-blog .col-md-6:nth-child(2n+1) {
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-post.blog-post-wrapper .section-text h1 {
|
||
|
|
font-size: 63.84px;
|
||
|
|
line-height: 73.416px;
|
||
|
|
}
|
||
|
|
.blog-post.blog-post-wrapper .section-text h2 {
|
||
|
|
font-size: 43.68px;
|
||
|
|
line-height: 65.52px;
|
||
|
|
}
|
||
|
|
.blog-post.blog-post-wrapper .section-text h3 {
|
||
|
|
font-size: 30.66px;
|
||
|
|
line-height: 42.924px;
|
||
|
|
}
|
||
|
|
.blog-post.blog-post-wrapper .section-text h4 {
|
||
|
|
font-size: 31.62px;
|
||
|
|
line-height: 49.011px;
|
||
|
|
}
|
||
|
|
.blog-post.blog-post-wrapper .section-text h5 {
|
||
|
|
font-size: 21px;
|
||
|
|
line-height: 32.55px;
|
||
|
|
}
|
||
|
|
.blog-post.blog-post-wrapper .section-text h6 {
|
||
|
|
font-size: 15.12px;
|
||
|
|
line-height: 22.68px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-post {
|
||
|
|
word-wrap: break-word;
|
||
|
|
line-height: 25.2px;
|
||
|
|
}
|
||
|
|
.blog-post .section-text {
|
||
|
|
padding-bottom: 0;
|
||
|
|
font-size: 16.8px;
|
||
|
|
}
|
||
|
|
.blog-post .section-text p {
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
.blog-post .section-blog-info {
|
||
|
|
padding-top: 15px;
|
||
|
|
}
|
||
|
|
.blog-post .section-blog-info .entry-categories, .blog-post .section-blog-info .entry-tags {
|
||
|
|
word-break: break-all;
|
||
|
|
}
|
||
|
|
.blog-post .section-blog-info .entry-categories span, .blog-post .section-blog-info .entry-tags span {
|
||
|
|
display: inline-block;
|
||
|
|
margin: 5px;
|
||
|
|
}
|
||
|
|
.blog-post .section-blog-info .entry-categories a {
|
||
|
|
display: inline-block;
|
||
|
|
padding: 2px 2px;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.blog-post .section-blog-info .card-profile {
|
||
|
|
margin-top: 0;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.blog-post .section-blog-info .card-profile .description {
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
dl dd, pre {
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.alignleft .avatar {
|
||
|
|
margin-right: 24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.alignright .avatar {
|
||
|
|
margin-left: 24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
article.sticky h2:before {
|
||
|
|
content: "Featured: ";
|
||
|
|
}
|
||
|
|
|
||
|
|
img.centered, .aligncenter {
|
||
|
|
display: block;
|
||
|
|
margin: 0 auto 24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
img.alignnone {
|
||
|
|
margin-bottom: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.alignleft {
|
||
|
|
float: left;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.alignright {
|
||
|
|
float: right;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
img.alignleft, .wp-caption.alignleft {
|
||
|
|
margin: 0 24px 24px 0;
|
||
|
|
margin: 0 2.4rem 2.4rem 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
img.alignright, .wp-caption.alignright {
|
||
|
|
margin: 0 0 24px 24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wp-caption-text {
|
||
|
|
padding-top: 10px;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 700;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gallery-caption {
|
||
|
|
padding-top: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bypostauthor {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Comments
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.media .avatar, .media-body .avatar, .media-area .avatar {
|
||
|
|
overflow: hidden;
|
||
|
|
width: 64px;
|
||
|
|
height: 64px;
|
||
|
|
margin: 0 auto;
|
||
|
|
margin-right: 15px;
|
||
|
|
border-radius: 50%;
|
||
|
|
-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
|
||
|
|
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.media-area .hestia-title,
|
||
|
|
.comment-respond .hestia-title {
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.comment .pull-left {
|
||
|
|
padding-right: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.media-body div.avatar {
|
||
|
|
margin: 0 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.media {
|
||
|
|
overflow: visible;
|
||
|
|
}
|
||
|
|
.media .avatar img {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.media .media-heading {
|
||
|
|
margin-top: 0;
|
||
|
|
font-size: 18.2px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
.media .media-heading small {
|
||
|
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||
|
|
}
|
||
|
|
.media .media-body {
|
||
|
|
padding-right: 10px;
|
||
|
|
}
|
||
|
|
.media .media-body .media .media-body {
|
||
|
|
padding-right: 0;
|
||
|
|
}
|
||
|
|
.media .media-footer .btn {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
.media .media-footer:after {
|
||
|
|
display: table;
|
||
|
|
clear: both;
|
||
|
|
content: " ";
|
||
|
|
}
|
||
|
|
.media p {
|
||
|
|
color: #999999;
|
||
|
|
font-size: 16px;
|
||
|
|
line-height: 25.6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#comments .comment-notes {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section-comments ul.children .comment-author.avatar, .section-comments ul.children .avatar img {
|
||
|
|
width: 40px;
|
||
|
|
height: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-post .media p {
|
||
|
|
color: #555;
|
||
|
|
}
|
||
|
|
.blog-post .section-comments .title {
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
.blog-post .section-comments .comment-respond .author {
|
||
|
|
margin: 15px 20px 0 0;
|
||
|
|
}
|
||
|
|
.blog-post .section-comments .comment-respond .author img {
|
||
|
|
border-radius: 100%;
|
||
|
|
}
|
||
|
|
.blog-post .comment-reply-link {
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 400;
|
||
|
|
text-transform: uppercase;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
label.subscribe-label {
|
||
|
|
font-weight: 300;
|
||
|
|
}
|
||
|
|
|
||
|
|
.media-body {
|
||
|
|
width: 10000px;
|
||
|
|
display: table-cell;
|
||
|
|
overflow: visible;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Sidebar
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.single aside.blog-sidebar {
|
||
|
|
padding: 40px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.widget {
|
||
|
|
margin-bottom: 30px;
|
||
|
|
word-break: break-word;
|
||
|
|
}
|
||
|
|
.widget ul {
|
||
|
|
padding: 0 0 0 10px;
|
||
|
|
margin: 0;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
.widget ul li {
|
||
|
|
line-height: 33.6px;
|
||
|
|
padding-top: 5px;
|
||
|
|
}
|
||
|
|
.widget ul li:first-child {
|
||
|
|
padding-top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
aside .widget .btn a {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
aside .widget a {
|
||
|
|
color: #23527c;
|
||
|
|
font-weight: 500;
|
||
|
|
}
|
||
|
|
|
||
|
|
.widget a:hover {
|
||
|
|
color: #89229b;
|
||
|
|
}
|
||
|
|
.widget #searchform {
|
||
|
|
margin-bottom: 0;
|
||
|
|
padding-bottom: 0;
|
||
|
|
}
|
||
|
|
.widget h5 {
|
||
|
|
font-family: "Roboto Slab", "Times New Roman", serif;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
font-size: 21.84px;
|
||
|
|
font-weight: 700;
|
||
|
|
line-height: 30.576px;
|
||
|
|
}
|
||
|
|
.widget select {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-widget-placeholder {
|
||
|
|
border: 1px dashed #b4b9be;
|
||
|
|
padding: 25px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.hestia-widget-placeholder .widget {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.single .hestia_right aside.blog-sidebar {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia_right .hestia-widget-placeholder {
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.widget_calendar th,
|
||
|
|
.widget_calendar tr,
|
||
|
|
.widget_calendar td {
|
||
|
|
padding: 7px 0;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-sidebar-close,
|
||
|
|
.hestia-sidebar-open {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Attachment Page
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.attachment .main-raised .blog-post {
|
||
|
|
padding-bottom: 130px;
|
||
|
|
}
|
||
|
|
.attachment .sizes {
|
||
|
|
margin-top: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
# Page
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.page-header .container,
|
||
|
|
.page-header .author,
|
||
|
|
.page-header .author a,
|
||
|
|
.page-header .hestia-title,
|
||
|
|
.page-header .title,
|
||
|
|
.page-header .description {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-header {
|
||
|
|
overflow: hidden;
|
||
|
|
height: 90vh;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
border: 0;
|
||
|
|
background-position: center center;
|
||
|
|
background-size: cover;
|
||
|
|
}
|
||
|
|
.page-header .container {
|
||
|
|
padding-top: 30vh;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.page-header .container .hestia-title,
|
||
|
|
.page-header .container .title {
|
||
|
|
margin: 0 0 20px;
|
||
|
|
}
|
||
|
|
.page-header.header-small .container .hestia-title,
|
||
|
|
.page-header.header-small .container .title {
|
||
|
|
margin: 20px 0 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.archive .page-header.header-small .hestia-title,
|
||
|
|
.blog .page-header.header-small .hestia-title,
|
||
|
|
.search .page-header.header-small .hestia-title,
|
||
|
|
.archive .page-header.header-small .title,
|
||
|
|
.blog .page-header.header-small .title,
|
||
|
|
.search .page-header.header-small .title {
|
||
|
|
font-size: 44.8px;
|
||
|
|
line-height: 58.24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-header.header-small {
|
||
|
|
min-height: 300px;
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
.page-header.header-small .container {
|
||
|
|
padding-top: 180px;
|
||
|
|
padding-bottom: 110px;
|
||
|
|
}
|
||
|
|
.page-header.header-small .hestia-title,
|
||
|
|
.page-header.header-small .title {
|
||
|
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||
|
|
font-size: 53.2px;
|
||
|
|
line-height: 79.8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce .page-header.header-small .hestia-title,
|
||
|
|
.woocommerce .page-header.header-small .title {
|
||
|
|
font-size: 53.2px;
|
||
|
|
line-height: 79.8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.header-filter {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.header-filter:before, .header-filter:after {
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.header-filter::before {
|
||
|
|
background-color: rgba(0, 0, 0, 0.5);
|
||
|
|
}
|
||
|
|
.header-filter .container {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.carousel .header-filter:before, .carousel .header-filter:after {
|
||
|
|
z-index: -1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.clear-filter:before {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.header .wrapper {
|
||
|
|
background: #ccc;
|
||
|
|
}
|
||
|
|
.header .btn {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.header h6 {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.phone-container img {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.main {
|
||
|
|
position: relative;
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.main-raised {
|
||
|
|
margin: -60px 30px 0;
|
||
|
|
border-radius: 6px 6px 0 0;
|
||
|
|
-webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
|
||
|
|
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-template-template-pagebuilder-blank .section {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce.archive .main-raised, .single .main-raised {
|
||
|
|
margin-top: -60px;
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce.archive .main-raised {
|
||
|
|
background-color: #e5e5e5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.content-sidebar-left {
|
||
|
|
padding-left: 30px;
|
||
|
|
padding-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.content-sidebar-right {
|
||
|
|
padding-right: 30px;
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shop-sidebar-wrapper {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.content-full.col-md-12 {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
# Woocommerce Integration
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Generic
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.woocommerce.archive .main {
|
||
|
|
background-color: #f0f0f0;
|
||
|
|
}
|
||
|
|
.woocommerce.archive .blog-post {
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: 0;
|
||
|
|
}
|
||
|
|
.woocommerce.archive .blog-post .products {
|
||
|
|
margin-left: -15px;
|
||
|
|
margin-right: -15px;
|
||
|
|
}
|
||
|
|
.woocommerce.archive .blog-post .section {
|
||
|
|
padding: 0 15px 70px;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .main.main-raised {
|
||
|
|
margin: 0;
|
||
|
|
border-radius: 0;
|
||
|
|
-webkit-box-shadow: 0;
|
||
|
|
box-shadow: 0;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .blog-post {
|
||
|
|
background-color: #f0f0f0;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .blog-post .col-md-12 > div[id^=product].product {
|
||
|
|
margin: -315px 0 0;
|
||
|
|
padding: 40px;
|
||
|
|
border-radius: 6px;
|
||
|
|
background: #fff;
|
||
|
|
-webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
|
||
|
|
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .section {
|
||
|
|
padding: 0 0 70px;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .page-header {
|
||
|
|
z-index: 0;
|
||
|
|
min-height: 575px;
|
||
|
|
height: auto;
|
||
|
|
background-position: top center;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .page-header .container .cart-contents-content {
|
||
|
|
right: 15px;
|
||
|
|
position: relative;
|
||
|
|
bottom: -10px;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .page-header .container .cart-contents-content.btn-white {
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
|
||
|
|
color: #999999;
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .page-header .container .cart-contents-content.btn-white.btn-white:focus, .woocommerce.single-product .page-header .container .cart-contents-content.btn-white.btn-white:hover {
|
||
|
|
color: #fff;
|
||
|
|
background-color: rgba(153, 153, 153, 0.6);
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .page-header .container .cart-contents-content.btn-white.btn-white:focus.btn-simple, .woocommerce.single-product .page-header .container .cart-contents-content.btn-white.btn-white:hover.btn-simple {
|
||
|
|
color: #fff;
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .product_title {
|
||
|
|
color: #3C4858;
|
||
|
|
font-family: "Roboto Slab", "Times New Roman", serif;
|
||
|
|
font-size: 36.4px;
|
||
|
|
font-weight: 700;
|
||
|
|
line-height: 54.6px;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .summary .price,
|
||
|
|
.woocommerce.single-product .woocommerce-variation-price .price {
|
||
|
|
display: block;
|
||
|
|
color: #3C4858;
|
||
|
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||
|
|
font-size: 25.55px;
|
||
|
|
font-weight: 300;
|
||
|
|
line-height: 35.77px;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .summary .price del, .woocommerce.single-product .summary .price ins, .woocommerce.single-product .summary .price span,
|
||
|
|
.woocommerce.single-product .woocommerce-variation-price .price del,
|
||
|
|
.woocommerce.single-product .woocommerce-variation-price .price ins,
|
||
|
|
.woocommerce.single-product .woocommerce-variation-price .price span {
|
||
|
|
font-weight: 300;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .summary .price {
|
||
|
|
margin: 10px 0 25px;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .summary .price.price-unit {
|
||
|
|
font-size: 16px;
|
||
|
|
margin: -20px 0 25px;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .woocommerce-variation-price .price {
|
||
|
|
margin: 0 0 25px;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product div.product form.cart table.variations {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product div.product form.cart table.variations td.label label {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product div.product form.cart table.variations td.value {
|
||
|
|
padding-top: 0;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product div.product form.cart table.variations td.value:before {
|
||
|
|
content: '\f0d7';
|
||
|
|
font-family: FontAwesome;
|
||
|
|
position: absolute;
|
||
|
|
top: 7px;
|
||
|
|
right: 10px;
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 12px;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .upsells {
|
||
|
|
margin-top: 60px;
|
||
|
|
padding-top: 0;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .upsells h2 {
|
||
|
|
margin: 0 0 60px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .related {
|
||
|
|
overflow-x: hidden;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .related ul.products {
|
||
|
|
margin: 0 -15px;
|
||
|
|
}
|
||
|
|
.woocommerce .page-header .container {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.woocommerce .page-header .container .cart-contents-content {
|
||
|
|
z-index: 1;
|
||
|
|
right: 15px;
|
||
|
|
position: absolute;
|
||
|
|
bottom: 30px;
|
||
|
|
}
|
||
|
|
.woocommerce .page-header .container .cart-contents-content .fa {
|
||
|
|
vertical-align: -2px;
|
||
|
|
margin-right: 5px;
|
||
|
|
}
|
||
|
|
.woocommerce div.product form.cart .reset_variations {
|
||
|
|
float: right;
|
||
|
|
margin-top: 10px;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
.woocommerce div.product form.cart .reset_variations:after {
|
||
|
|
margin-left: 5px;
|
||
|
|
font-family: "Fontawesome";
|
||
|
|
content: "\f00d";
|
||
|
|
}
|
||
|
|
.woocommerce div.product form.cart input {
|
||
|
|
margin-right: 10px;
|
||
|
|
border: none;
|
||
|
|
border-bottom: 1px solid #ccc;
|
||
|
|
}
|
||
|
|
.woocommerce div.product form.cart .button:after {
|
||
|
|
margin-left: 10px;
|
||
|
|
font-family: "Fontawesome";
|
||
|
|
content: "\f07a";
|
||
|
|
}
|
||
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs {
|
||
|
|
margin-bottom: 60px;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs {
|
||
|
|
overflow: visible;
|
||
|
|
}
|
||
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs li {
|
||
|
|
padding: 0 30px 0 0;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before {
|
||
|
|
border: none;
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a {
|
||
|
|
color: #e91e63;
|
||
|
|
border-bottom: 2px solid #e91e63;
|
||
|
|
}
|
||
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li a {
|
||
|
|
border-bottom: 2px solid transparent;
|
||
|
|
min-width: 100px;
|
||
|
|
padding: 10px 15px;
|
||
|
|
border-radius: 0;
|
||
|
|
color: #555;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 400;
|
||
|
|
line-height: 24px;
|
||
|
|
text-align: center;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li a:hover {
|
||
|
|
border-bottom: 2px solid #e91e63;
|
||
|
|
}
|
||
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.woocommerce div.product .woocommerce-tabs h2 {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.woocommerce div.product .woocommerce-tabs .panel {
|
||
|
|
box-shadow: none;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.woocommerce div.product p.stars a:before {
|
||
|
|
color: #ff9800;
|
||
|
|
}
|
||
|
|
.woocommerce div.product form.cart .variations tr {
|
||
|
|
display: inline-block;
|
||
|
|
width: 48%;
|
||
|
|
margin-bottom: 25px;
|
||
|
|
}
|
||
|
|
.woocommerce div.product form.cart .variations tr:nth-child(2n), .woocommerce div.product form.cart .variations tr td {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.woocommerce div.product form.cart .variations td.label {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.woocommerce div.product form.cart .variations td label {
|
||
|
|
background: transparent;
|
||
|
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||
|
|
font-weight: 400;
|
||
|
|
text-transform: none;
|
||
|
|
}
|
||
|
|
.woocommerce div.product form.cart .variations select {
|
||
|
|
width: 100%;
|
||
|
|
padding: 7px 0;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.woocommerce div.product form.cart .variations select:focus {
|
||
|
|
background-size: 100% 2px,100% 1px;
|
||
|
|
-webkit-transition-duration: 0.3s;
|
||
|
|
transition-duration: 0.3s;
|
||
|
|
}
|
||
|
|
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.woocommerce div.product div.images .flex-control-thumbs {
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
.woocommerce div.product div.images .flex-control-thumbs li {
|
||
|
|
margin-left: 2%;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
width: 32%;
|
||
|
|
}
|
||
|
|
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(3n+1), .woocommerce div.product div.images .flex-control-thumbs li:first-child {
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .summary .price ins {
|
||
|
|
font-weight: 400;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .product .images {
|
||
|
|
margin-bottom: 60px;
|
||
|
|
position: relative;
|
||
|
|
width: 45%;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .product .summary {
|
||
|
|
padding-left: 60px;
|
||
|
|
margin-bottom: 60px;
|
||
|
|
width: 55%;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .product span.onsale {
|
||
|
|
position: absolute;
|
||
|
|
top: -25px;
|
||
|
|
left: -25px;
|
||
|
|
right: auto;
|
||
|
|
z-index: 5;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .product form.cart {
|
||
|
|
margin: 60px 0 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .product .woocommerce-product-rating {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .product .woocommerce-product-rating .star-rating {
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .product .woocommerce-review-link {
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .woocommerce-breadcrumb {
|
||
|
|
margin: 0 0 23px;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .section-text {
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
.woocommerce .shop-item p {
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
.woocommerce ul.products li.product .onsale,
|
||
|
|
.woocommerce span.onsale {
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||
|
|
right: 0;
|
||
|
|
width: auto;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0 10px;
|
||
|
|
border-radius: 3px;
|
||
|
|
background-color: #89229b;
|
||
|
|
font-family: "Roboto Condensed", sans-serif;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 300;
|
||
|
|
line-height: 50px;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
.woocommerce span.onsale {
|
||
|
|
top: -25px;
|
||
|
|
left: -25px;
|
||
|
|
}
|
||
|
|
.woocommerce #respond input#submit.added:after, .woocommerce a.button.added:after, .woocommerce button.button.added:after, .woocommerce input.button.added:after {
|
||
|
|
color: #4caf50;
|
||
|
|
}
|
||
|
|
.woocommerce .single-product div.product form.cart .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt {
|
||
|
|
padding: 12px 30px;
|
||
|
|
border-radius: 3px;
|
||
|
|
color: #fff;
|
||
|
|
background-color: #9c27b0;
|
||
|
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 400;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
.woocommerce input.button.alt {
|
||
|
|
padding: 12px 30px;
|
||
|
|
border-radius: 3px;
|
||
|
|
color: #fff;
|
||
|
|
background-color: #9c27b0;
|
||
|
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 400;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
.woocommerce input.button:disabled {
|
||
|
|
padding: 12px 30px;
|
||
|
|
border-radius: 3px;
|
||
|
|
color: #fff;
|
||
|
|
background-color: #9c27b0;
|
||
|
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 400;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
.woocommerce input.button:disabled[disabled] {
|
||
|
|
padding: 12px 30px;
|
||
|
|
border-radius: 3px;
|
||
|
|
color: #fff;
|
||
|
|
background-color: #9c27b0;
|
||
|
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 400;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
.woocommerce a.button.wc-backward:hover,
|
||
|
|
.woocommerce .single-product div.product form.cart
|
||
|
|
.button:hover,
|
||
|
|
.woocommerce #respond input#submit:hover,
|
||
|
|
.woocommerce button.button:hover,
|
||
|
|
.woocommerce input.button:hover,
|
||
|
|
.woocommerce #respond input#submit.alt:hover,
|
||
|
|
.woocommerce a.button.alt:hover,
|
||
|
|
.woocommerce button.button.alt:hover {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #9c27b0;
|
||
|
|
}
|
||
|
|
.woocommerce input.button.alt:hover {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #9c27b0;
|
||
|
|
}
|
||
|
|
.woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #9c27b0;
|
||
|
|
}
|
||
|
|
.woocommerce .cart-collaterals {
|
||
|
|
margin-top: -60px;
|
||
|
|
margin-bottom: 46.2px;
|
||
|
|
}
|
||
|
|
.woocommerce .cart-collaterals h2 {
|
||
|
|
font-size: 33.6px;
|
||
|
|
margin: 0 0 4px;
|
||
|
|
}
|
||
|
|
.woocommerce .cart-collaterals .cross-sells {
|
||
|
|
width: 52%;
|
||
|
|
}
|
||
|
|
.woocommerce .cart-collaterals .cross-sells .products {
|
||
|
|
margin-top: 30px;
|
||
|
|
}
|
||
|
|
.woocommerce .cart-collaterals .cart_totals {
|
||
|
|
margin-bottom: 14px;
|
||
|
|
width: 44%;
|
||
|
|
}
|
||
|
|
.woocommerce .cart-collaterals .cart_totals th, .woocommerce .cart-collaterals .cart_totals td {
|
||
|
|
padding: 20px 0;
|
||
|
|
}
|
||
|
|
.woocommerce .cart-collaterals .cart_totals th {
|
||
|
|
font-weight: 300;
|
||
|
|
}
|
||
|
|
.woocommerce .cart-collaterals .cart_totals td {
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
.woocommerce .cart-collaterals .cart_totals .checkout-button {
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
.woocommerce .product .card-product {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.woocommerce .product .card-product .card-description p {
|
||
|
|
margin-bottom: 10px;
|
||
|
|
color: #999999;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 300;
|
||
|
|
line-height: 21px;
|
||
|
|
}
|
||
|
|
.woocommerce .product .card-product .footer {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.woocommerce ul.products li.product {
|
||
|
|
width: 25%;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0 15px;
|
||
|
|
background: transparent;
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
.woocommerce ul.products li.product .price del {
|
||
|
|
opacity: 1;
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
.woocommerce ul.products li.product .price ins {
|
||
|
|
font-weight: 300;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.woocommerce ul.products li.product .button {
|
||
|
|
display: inline-block;
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
.woocommerce .hestia-features p {
|
||
|
|
color: #999999;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 300;
|
||
|
|
line-height: 21px;
|
||
|
|
}
|
||
|
|
.woocommerce .related.products {
|
||
|
|
margin-top: 100px;
|
||
|
|
padding-top: 0;
|
||
|
|
}
|
||
|
|
.woocommerce .related.products h2 {
|
||
|
|
margin: 0 0 80px;
|
||
|
|
font-size: 36.4px;
|
||
|
|
font-family: "Roboto Slab", "Times New Roman", serif;
|
||
|
|
font-weight: 700;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.woocommerce ul.products li.product .price {
|
||
|
|
color: #3C4858;
|
||
|
|
font-size: 17px;
|
||
|
|
font-weight: 300;
|
||
|
|
line-height: 1.2;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.woocommerce ul.products li.product .price.price-unit {
|
||
|
|
padding: 0 30px 15px;
|
||
|
|
margin: -20px 0 10px;
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
.woocommerce nav.woocommerce-pagination ul {
|
||
|
|
overflow: visible;
|
||
|
|
border: none;
|
||
|
|
margin: 20px 0;
|
||
|
|
}
|
||
|
|
.woocommerce nav.woocommerce-pagination ul li {
|
||
|
|
overflow: visible;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.woocommerce nav.woocommerce-pagination ul li span.current {
|
||
|
|
min-width: 30px;
|
||
|
|
height: 30px;
|
||
|
|
margin: 0 3px;
|
||
|
|
padding: 0 11px;
|
||
|
|
border-color: #9c27b0;
|
||
|
|
border-radius: 30px;
|
||
|
|
color: #fff;
|
||
|
|
background-color: #9c27b0;
|
||
|
|
-webkit-box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2);
|
||
|
|
box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2);
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
.woocommerce nav.woocommerce-pagination ul li a {
|
||
|
|
min-width: 30px;
|
||
|
|
height: 30px;
|
||
|
|
margin: 0 3px;
|
||
|
|
padding: 0 11px;
|
||
|
|
border: 0;
|
||
|
|
border-radius: 30px;
|
||
|
|
color: #999999;
|
||
|
|
background: transparent;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 400;
|
||
|
|
line-height: 30px;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus {
|
||
|
|
background-color: #eee;
|
||
|
|
}
|
||
|
|
.woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt {
|
||
|
|
margin-bottom: 7px;
|
||
|
|
}
|
||
|
|
.woocommerce dl.variation dd p {
|
||
|
|
margin: 0 4px 0 0;
|
||
|
|
padding: 0 0 3.5px;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 1.42857143;
|
||
|
|
}
|
||
|
|
.woocommerce form .form-row .required {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.woocommerce form .form-row .input-checkbox {
|
||
|
|
margin: 8px 0 0;
|
||
|
|
}
|
||
|
|
.woocommerce .col2-set .woocommerce-account-fields label.checkbox span {
|
||
|
|
margin-left: 20px;
|
||
|
|
}
|
||
|
|
.woocommerce form.login {
|
||
|
|
border: none;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.woocommerce form.login input[type=submit] {
|
||
|
|
margin-right: 20px;
|
||
|
|
}
|
||
|
|
.woocommerce .before-shop-main {
|
||
|
|
margin: 20px 0 25px;
|
||
|
|
}
|
||
|
|
.woocommerce .woocommerce-breadcrumb {
|
||
|
|
color: #999999;
|
||
|
|
font-size: 12px;
|
||
|
|
margin: 0 0 3px;
|
||
|
|
}
|
||
|
|
.woocommerce .woocommerce-breadcrumb a {
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
.woocommerce .woocommerce-breadcrumb a:hover {
|
||
|
|
color: #3C4858;
|
||
|
|
}
|
||
|
|
.woocommerce .woocommerce-result-count {
|
||
|
|
color: #3C4858;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
.woocommerce .woocommerce-ordering,
|
||
|
|
.woocommerce .woocommerce-result-count {
|
||
|
|
margin: 0 !important;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.woocommerce .woocommerce-ordering {
|
||
|
|
margin-top: 10px !important;
|
||
|
|
}
|
||
|
|
.woocommerce .woocommerce-ordering:before {
|
||
|
|
content: '\f0d7';
|
||
|
|
font-family: FontAwesome;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 12px;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
.woocommerce .woocommerce-ordering select {
|
||
|
|
border: none;
|
||
|
|
padding: 0 0 7px 0;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
.woocommerce .woocommerce-ordering select:focus {
|
||
|
|
background-size: 100% 2px,100% 1px;
|
||
|
|
-webkit-transition-duration: 0.3s;
|
||
|
|
transition-duration: 0.3s;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-checkout-payment .woocommerce-info {
|
||
|
|
color: #3C4858;
|
||
|
|
background: #ebe9eb;
|
||
|
|
padding: 0 !important;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout-payment .woocommerce-info:before {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#add_payment_method table.cart td.actions .coupon .input-text,
|
||
|
|
.woocommerce-cart table.cart td.actions .coupon .input-text,
|
||
|
|
.woocommerce-checkout table.cart td.actions .coupon .input-text {
|
||
|
|
width: auto;
|
||
|
|
border: 0;
|
||
|
|
margin: 0 20px 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce table.shop_table,
|
||
|
|
.table > thead > tr > th {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#add_payment_method table.cart img,
|
||
|
|
.woocommerce-cart table.cart img,
|
||
|
|
.woocommerce-checkout table.cart img {
|
||
|
|
width: auto;
|
||
|
|
max-width: 100px;
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-cart .woocommerce-cart-form {
|
||
|
|
margin-bottom: 15px;
|
||
|
|
padding-bottom: 7px;
|
||
|
|
}
|
||
|
|
.woocommerce-cart .shop_table .actions .coupon {
|
||
|
|
margin-bottom: 15px;
|
||
|
|
position: relative;
|
||
|
|
padding-bottom: 7px;
|
||
|
|
}
|
||
|
|
.woocommerce-cart .shop_table .actions .coupon .input-text {
|
||
|
|
height: 36px;
|
||
|
|
font-size: 14px;
|
||
|
|
color: #555;
|
||
|
|
}
|
||
|
|
.woocommerce-cart .shop_table .actions .coupon .input-text:focus {
|
||
|
|
background-size: 100% 2px,100% 1px;
|
||
|
|
-webkit-transition-duration: 0.3s;
|
||
|
|
transition-duration: 0.3s;
|
||
|
|
}
|
||
|
|
.woocommerce-cart .shop_table .blockUI.blockOverlay,
|
||
|
|
.woocommerce-cart .cart-collaterals .blockUI.blockOverlay {
|
||
|
|
background-color: white !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-checkout #customer_details select,
|
||
|
|
.woocommerce-checkout #order_review select,
|
||
|
|
.woocommerce-checkout .woocomerce-form select {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout #customer_details select:focus,
|
||
|
|
.woocommerce-checkout #customer_details .input-text:focus,
|
||
|
|
.woocommerce-checkout #order_review select:focus,
|
||
|
|
.woocommerce-checkout #order_review .input-text:focus,
|
||
|
|
.woocommerce-checkout .woocomerce-form select:focus,
|
||
|
|
.woocommerce-checkout .woocomerce-form .input-text:focus {
|
||
|
|
background-size: 100% 2px,100% 1px;
|
||
|
|
-webkit-transition-duration: 0.3s;
|
||
|
|
transition-duration: 0.3s;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce .quantity .qty {
|
||
|
|
padding: 4px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shop-item > .card > .card-image,
|
||
|
|
.product > .card > .card-image {
|
||
|
|
box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.shop-item:hover > .card > .card-image,
|
||
|
|
.product:hover > .card > .card-image {
|
||
|
|
-webkit-box-shadow: 0 15px 35px -15px rgba(0, 0, 0, 0.5), 0 5px 25px 0 rgba(0, 0, 0, 0.12), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
|
||
|
|
box-shadow: 0 15px 35px -15px rgba(0, 0, 0, 0.5), 0 5px 25px 0 rgba(0, 0, 0, 0.12), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
|
||
|
|
-webkit-transform: translate(0, -10px);
|
||
|
|
-ms-transform: translate(0, -10px);
|
||
|
|
transform: translate(0, -10px);
|
||
|
|
}
|
||
|
|
|
||
|
|
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
|
||
|
|
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
|
||
|
|
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
|
||
|
|
padding: 12px 30px;
|
||
|
|
border-radius: 3px;
|
||
|
|
color: #fff;
|
||
|
|
background-color: #9c27b0;
|
||
|
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 400;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
.added_to_cart.wc-forward {
|
||
|
|
border-radius: 3px;
|
||
|
|
color: #fff;
|
||
|
|
background-color: #9c27b0;
|
||
|
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||
|
|
font-weight: 400;
|
||
|
|
text-transform: uppercase;
|
||
|
|
display: inline-block;
|
||
|
|
bottom: -25px;
|
||
|
|
width: auto;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 5px 15px;
|
||
|
|
font-size: 10px;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-view-cart-wrapper {
|
||
|
|
bottom: -30px;
|
||
|
|
display: block !important;
|
||
|
|
overflow: visible;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.added_to_cart.wc-forward:hover,
|
||
|
|
.woocommerce-message a.button:hover,
|
||
|
|
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
|
||
|
|
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
|
||
|
|
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #9c27b0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-page ul.products li.product {
|
||
|
|
width: 25%;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0 15px;
|
||
|
|
background: transparent;
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-cart table.shop_table {
|
||
|
|
margin-top: -30px;
|
||
|
|
}
|
||
|
|
.woocommerce-cart table.shop_table th {
|
||
|
|
font-size: 13px;
|
||
|
|
font-weight: 300;
|
||
|
|
padding: 20px;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
.woocommerce-cart table.shop_table .product-name a {
|
||
|
|
color: #3C4858;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 500;
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
.woocommerce-cart table.shop_table td {
|
||
|
|
padding: 20px;
|
||
|
|
}
|
||
|
|
.woocommerce-cart table.shop_table td.product-remove {
|
||
|
|
width: 21px;
|
||
|
|
}
|
||
|
|
.woocommerce-cart table.shop_table td.product-thumbnail {
|
||
|
|
width: 100px;
|
||
|
|
}
|
||
|
|
.woocommerce-cart table.shop_table td.actions {
|
||
|
|
padding: 20px 0;
|
||
|
|
}
|
||
|
|
.woocommerce-cart table.shop_table td.actions input[type=submit] {
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-page .title-row {
|
||
|
|
margin-top: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.single-product.woocommerce .thumbnails #slider-prev, .single-product.woocommerce .thumbnails #slider-next {
|
||
|
|
top: 45% !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.variations tr {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.variations tr .label {
|
||
|
|
color: #aaa;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce .single-product div.product form.cart .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input.button:disabled, .woocommerce input.button[disabled]:disabled, #add_payment_method .wc-proceed-to-checkout a.checkout-button,
|
||
|
|
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
|
||
|
|
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, .added_to_cart.wc-forward {
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce a.button.wc-backward:hover,
|
||
|
|
.woocommerce .single-product div.product form.cart
|
||
|
|
.button:hover,
|
||
|
|
.woocommerce #respond input#submit:hover,
|
||
|
|
.woocommerce button.button:hover,
|
||
|
|
.woocommerce input.button:hover,
|
||
|
|
.woocommerce #respond input#submit.alt:hover,
|
||
|
|
.woocommerce a.button.alt:hover,
|
||
|
|
.woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button[disabled]:disabled:hover, .added_to_cart.wc-forward:hover,
|
||
|
|
.woocommerce-message a.button:hover,
|
||
|
|
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
|
||
|
|
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
|
||
|
|
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover, .widget_shopping_cart.widget .remove:hover {
|
||
|
|
-webkit-box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
|
||
|
|
-moz-box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
|
||
|
|
box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.boxed-layout-header {
|
||
|
|
padding-bottom: 60px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Widgets
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.shop-sidebar.card {
|
||
|
|
padding-top: 29px;
|
||
|
|
padding-left: 15px;
|
||
|
|
padding-right: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce ul.product_list_widget, .footer ul.product_list_widget, ul.product_list_widget {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.woocommerce ul.product_list_widget li, .footer ul.product_list_widget li, ul.product_list_widget li {
|
||
|
|
font-size: 14px;
|
||
|
|
padding: 10px 0;
|
||
|
|
}
|
||
|
|
.woocommerce ul.product_list_widget li:after, .footer ul.product_list_widget li:after, ul.product_list_widget li:after {
|
||
|
|
content: " ";
|
||
|
|
display: block;
|
||
|
|
height: 0;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
.woocommerce ul.product_list_widget li a, .footer ul.product_list_widget li a, ul.product_list_widget li a {
|
||
|
|
padding: 0;
|
||
|
|
display: block;
|
||
|
|
margin-bottom: 8px;
|
||
|
|
line-height: normal;
|
||
|
|
font-weight: 400;
|
||
|
|
}
|
||
|
|
.woocommerce ul.product_list_widget li img, .footer ul.product_list_widget li img, ul.product_list_widget li img {
|
||
|
|
float: right;
|
||
|
|
-webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
|
||
|
|
-moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
|
||
|
|
-o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
|
||
|
|
-ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
|
||
|
|
transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
|
||
|
|
border-radius: 6px;
|
||
|
|
margin-left: 20px;
|
||
|
|
width: 70px;
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||
|
|
}
|
||
|
|
.woocommerce ul.product_list_widget li:hover img, .footer ul.product_list_widget li:hover img, ul.product_list_widget li:hover img {
|
||
|
|
transform: translateY(-3px);
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 6px -2px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 6px -2px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 6px -2px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.12);
|
||
|
|
}
|
||
|
|
.woocommerce ul.product_list_widget li .quantity, .footer ul.product_list_widget li .quantity, ul.product_list_widget li .quantity {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.woocommerce ul.product_list_widget li:first-child, .footer ul.product_list_widget li:first-child, ul.product_list_widget li:first-child {
|
||
|
|
padding-top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.star-rating {
|
||
|
|
color: #ff9800;
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
height: 12px;
|
||
|
|
line-height: 1;
|
||
|
|
font-size: 12px;
|
||
|
|
width: 64.8px;
|
||
|
|
font-family: star;
|
||
|
|
}
|
||
|
|
.star-rating:before {
|
||
|
|
content: '\73\73\73\73\73';
|
||
|
|
color: #d3ced2;
|
||
|
|
float: left;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
.star-rating span {
|
||
|
|
position: absolute;
|
||
|
|
padding-top: 18px;
|
||
|
|
}
|
||
|
|
.star-rating span:before {
|
||
|
|
content: '\53\53\53\53\53';
|
||
|
|
top: 0;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#secondary div[id^=woocommerce_rating_filter] li,
|
||
|
|
.footer div[id^=woocommerce_rating_filter] li {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
#secondary div[id^=woocommerce_rating_filter] li a,
|
||
|
|
.footer div[id^=woocommerce_rating_filter] li a {
|
||
|
|
font-weight: 300;
|
||
|
|
}
|
||
|
|
#secondary div[id^=woocommerce_rating_filter] li .star-rating,
|
||
|
|
.footer div[id^=woocommerce_rating_filter] li .star-rating {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
#secondary div[id^=woocommerce_layered_nav] ul,
|
||
|
|
#secondary div[id^=woocommerce_product_categories] ul,
|
||
|
|
.footer div[id^=woocommerce_layered_nav] ul,
|
||
|
|
.footer div[id^=woocommerce_product_categories] ul {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
#secondary div[id^=woocommerce_layered_nav] ul.children,
|
||
|
|
#secondary div[id^=woocommerce_product_categories] ul.children,
|
||
|
|
.footer div[id^=woocommerce_layered_nav] ul.children,
|
||
|
|
.footer div[id^=woocommerce_product_categories] ul.children {
|
||
|
|
padding-left: 15px;
|
||
|
|
}
|
||
|
|
#secondary div[id^=woocommerce_layered_nav] ul li a,
|
||
|
|
#secondary div[id^=woocommerce_product_categories] ul li a,
|
||
|
|
.footer div[id^=woocommerce_layered_nav] ul li a,
|
||
|
|
.footer div[id^=woocommerce_product_categories] ul li a {
|
||
|
|
font-weight: 400;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
#secondary div[id^=woocommerce_layered_nav] ul .count,
|
||
|
|
#secondary div[id^=woocommerce_product_categories] ul .count,
|
||
|
|
.footer div[id^=woocommerce_layered_nav] ul .count,
|
||
|
|
.footer div[id^=woocommerce_product_categories] ul .count {
|
||
|
|
font-size: 14px;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
#secondary div[id^=woocommerce_products] a .product-title,
|
||
|
|
#secondary div[id^=woocommerce_top_rated_products] a .product-title,
|
||
|
|
#secondary div[id^=woocommerce_recently_viewed_products] a .product-title,
|
||
|
|
.footer div[id^=woocommerce_products] a .product-title,
|
||
|
|
.footer div[id^=woocommerce_top_rated_products] a .product-title,
|
||
|
|
.footer div[id^=woocommerce_recently_viewed_products] a .product-title {
|
||
|
|
margin-top: 20px;
|
||
|
|
}
|
||
|
|
#secondary div[id^=woocommerce_products] .amount:first-of-type,
|
||
|
|
#secondary div[id^=woocommerce_products] ins,
|
||
|
|
#secondary div[id^=woocommerce_top_rated_products] .amount:first-of-type,
|
||
|
|
#secondary div[id^=woocommerce_top_rated_products] ins,
|
||
|
|
#secondary div[id^=woocommerce_recently_viewed_products] .amount:first-of-type,
|
||
|
|
#secondary div[id^=woocommerce_recently_viewed_products] ins,
|
||
|
|
.footer div[id^=woocommerce_products] .amount:first-of-type,
|
||
|
|
.footer div[id^=woocommerce_products] ins,
|
||
|
|
.footer div[id^=woocommerce_top_rated_products] .amount:first-of-type,
|
||
|
|
.footer div[id^=woocommerce_top_rated_products] ins,
|
||
|
|
.footer div[id^=woocommerce_recently_viewed_products] .amount:first-of-type,
|
||
|
|
.footer div[id^=woocommerce_recently_viewed_products] ins {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
#secondary div[id^=woocommerce_products] ins .amount,
|
||
|
|
#secondary div[id^=woocommerce_top_rated_products] ins .amount,
|
||
|
|
#secondary div[id^=woocommerce_recently_viewed_products] ins .amount,
|
||
|
|
.footer div[id^=woocommerce_products] ins .amount,
|
||
|
|
.footer div[id^=woocommerce_top_rated_products] ins .amount,
|
||
|
|
.footer div[id^=woocommerce_recently_viewed_products] ins .amount {
|
||
|
|
margin-left: 10px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
#secondary div[id^=woocommerce_recent_reviews] .reviewer,
|
||
|
|
.footer div[id^=woocommerce_recent_reviews] .reviewer {
|
||
|
|
font-size: 15px;
|
||
|
|
}
|
||
|
|
#secondary div[id^=woocommerce_recent_reviews] ul.product_list_widget li > a > img,
|
||
|
|
.footer div[id^=woocommerce_recent_reviews] ul.product_list_widget li > a > img {
|
||
|
|
width: 70px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#secondary div[id^=woocommerce_price_filter],
|
||
|
|
.footer div[id^=woocommerce_price_filter] {
|
||
|
|
padding-right: 14px;
|
||
|
|
}
|
||
|
|
#secondary div[id^=woocommerce_price_filter] .price_slider,
|
||
|
|
.footer div[id^=woocommerce_price_filter] .price_slider {
|
||
|
|
background-color: #c8c8c8;
|
||
|
|
height: 2px;
|
||
|
|
margin: 15px 0 30px;
|
||
|
|
border-radius: 5px;
|
||
|
|
}
|
||
|
|
#secondary div[id^=woocommerce_price_filter] .price_slider .ui-slider-range,
|
||
|
|
.footer div[id^=woocommerce_price_filter] .price_slider .ui-slider-range {
|
||
|
|
background-color: #9c27b0;
|
||
|
|
height: 2px;
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
#secondary div[id^=woocommerce_price_filter] .price_slider .ui-slider-handle,
|
||
|
|
.footer div[id^=woocommerce_price_filter] .price_slider .ui-slider-handle {
|
||
|
|
margin-top: -6px;
|
||
|
|
margin-left: 0;
|
||
|
|
background: #fff;
|
||
|
|
border: 1px solid #9c27b0;
|
||
|
|
border-radius: 50%;
|
||
|
|
height: 14px;
|
||
|
|
width: 14px;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||
|
|
-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||
|
|
transition: transform .3s ease;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
#secondary div[id^=woocommerce_price_filter] .price_slider .ui-slider-handle:focus,
|
||
|
|
.footer div[id^=woocommerce_price_filter] .price_slider .ui-slider-handle:focus {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
#secondary div[id^=woocommerce_price_filter] .price_slider .ui-slider-handle.ui-state-active, #secondary div[id^=woocommerce_price_filter] .price_slider .ui-slider-handle:hover,
|
||
|
|
.footer div[id^=woocommerce_price_filter] .price_slider .ui-slider-handle.ui-state-active,
|
||
|
|
.footer div[id^=woocommerce_price_filter] .price_slider .ui-slider-handle:hover {
|
||
|
|
transform: scale3d(1.5, 1.5, 1);
|
||
|
|
}
|
||
|
|
#secondary div[id^=woocommerce_price_filter] .button,
|
||
|
|
.footer div[id^=woocommerce_price_filter] .button {
|
||
|
|
margin-right: -14px;
|
||
|
|
float: right;
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
#secondary div[id^=woocommerce_price_filter] .price_slider,
|
||
|
|
.footer div[id^=woocommerce_price_filter] .price_slider {
|
||
|
|
font-size: inherit;
|
||
|
|
line-height: inherit;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
#secondary div[id^=woocommerce_price_filter] .price_label,
|
||
|
|
.footer div[id^=woocommerce_price_filter] .price_label {
|
||
|
|
max-width: 50%;
|
||
|
|
padding-top: 0;
|
||
|
|
text-align: left;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
div[id^=woocommerce_product_tag_cloud].widget a {
|
||
|
|
font-weight: 600;
|
||
|
|
padding: 5px 12px;
|
||
|
|
border-radius: 12px;
|
||
|
|
text-transform: uppercase;
|
||
|
|
background: #9c27b0;
|
||
|
|
color: #fff;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
line-height: 27px;
|
||
|
|
white-space: nowrap;
|
||
|
|
font-size: 10px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.widget_shopping_cart.widget img {
|
||
|
|
width: 70px;
|
||
|
|
float: right;
|
||
|
|
margin-left: 20px;
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
.widget_shopping_cart.widget .remove,
|
||
|
|
.widget_shopping_cart.widget .total .amount,
|
||
|
|
.widget_shopping_cart.widget .buttons .button:last-child {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.widget_shopping_cart.widget .remove {
|
||
|
|
color: #f44336;
|
||
|
|
border-radius: 50%;
|
||
|
|
height: 18px;
|
||
|
|
width: 18px;
|
||
|
|
font-size: 18px;
|
||
|
|
line-height: 18px;
|
||
|
|
font-weight: 600;
|
||
|
|
text-align: center;
|
||
|
|
top: -2px;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.widget_shopping_cart.widget .remove:hover {
|
||
|
|
color: #fff;
|
||
|
|
background: #f44336;
|
||
|
|
}
|
||
|
|
.widget_shopping_cart.widget .buttons .button {
|
||
|
|
color: #fff;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.widget_shopping_cart.widget .buttons:after {
|
||
|
|
content: " ";
|
||
|
|
display: block;
|
||
|
|
height: 0;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
.widget_shopping_cart.widget .variation {
|
||
|
|
border-left: 0;
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
.widget_shopping_cart.widget .variation dt,
|
||
|
|
.widget_shopping_cart.widget .variation dd {
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 14px;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0 4px 0 0;
|
||
|
|
}
|
||
|
|
.widget_shopping_cart.widget .variation dd p {
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-product-search {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.woocommerce-product-search input.search-field {
|
||
|
|
display: table-cell;
|
||
|
|
vertical-align: top;
|
||
|
|
float: left;
|
||
|
|
width: 70%;
|
||
|
|
}
|
||
|
|
.woocommerce-product-search input[type=submit] {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
div[id^=woocommerce_product_search].widget,
|
||
|
|
div[id^=search].widget {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
div[id^=woocommerce_product_search].widget .search-form,
|
||
|
|
div[id^=woocommerce_product_search].widget .woocommerce-product-search,
|
||
|
|
div[id^=search].widget .search-form,
|
||
|
|
div[id^=search].widget .woocommerce-product-search {
|
||
|
|
margin-bottom: 0;
|
||
|
|
padding-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
div[id^=woocommerce_layered_nav_filters].widget li {
|
||
|
|
width: 100%;
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
div[id^=woocommerce_layered_nav_filters].widget li a {
|
||
|
|
font-weight: 100;
|
||
|
|
}
|
||
|
|
div[id^=woocommerce_layered_nav_filters].widget li a:before {
|
||
|
|
color: red;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Account Page
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation {
|
||
|
|
display: inline-block;
|
||
|
|
width: 20%;
|
||
|
|
}
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-content {
|
||
|
|
display: inline-block;
|
||
|
|
float: right;
|
||
|
|
width: 75%;
|
||
|
|
margin-left: 5%;
|
||
|
|
}
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul {
|
||
|
|
padding: 0;
|
||
|
|
border-top: 1px solid #eee;
|
||
|
|
}
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
|
||
|
|
padding-bottom: 0;
|
||
|
|
border-bottom: 1px solid #eee;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
|
||
|
|
display: block;
|
||
|
|
padding: 10px 5px;
|
||
|
|
}
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before {
|
||
|
|
margin-right: 20px;
|
||
|
|
opacity: 0.25;
|
||
|
|
}
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:before {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before, .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before, .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before, .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before, .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before, .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before, .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
|
||
|
|
font-family: "FontAwesome";
|
||
|
|
}
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
|
||
|
|
content: "\f0e4";
|
||
|
|
}
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
|
||
|
|
content: "\f291";
|
||
|
|
}
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
|
||
|
|
content: "\f1c6";
|
||
|
|
}
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
|
||
|
|
content: "\f015";
|
||
|
|
}
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {
|
||
|
|
content: "\f09d";
|
||
|
|
}
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
|
||
|
|
content: "\f007";
|
||
|
|
}
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
|
||
|
|
content: "\f08b";
|
||
|
|
}
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-content h2 {
|
||
|
|
font-size: 25px;
|
||
|
|
font-weight: 600;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.woocommerce-account p.order-again {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-EditAccountForm input[type="submit"] {
|
||
|
|
float: right;
|
||
|
|
margin-top: 50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-account table.shop_table_responsive thead {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #333;
|
||
|
|
}
|
||
|
|
.woocommerce-account table.shop_table_responsive thead th {
|
||
|
|
padding: 10px;
|
||
|
|
border-right: 1px solid;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.woocommerce-account table.shop_table_responsive tbody td {
|
||
|
|
padding: 10px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.woocommerce-account table.shop_table_responsive tbody tr {
|
||
|
|
border-bottom: 1px solid #eee;
|
||
|
|
}
|
||
|
|
.woocommerce-account .my_account_orders .button {
|
||
|
|
text-decoration: underline;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-content .col2-set {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Notifications
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.woocommerce-info,
|
||
|
|
.woocommerce-error,
|
||
|
|
.woocommerce-message {
|
||
|
|
padding: 20px 15px 20px 50px !important;
|
||
|
|
border: none;
|
||
|
|
color: #fff;
|
||
|
|
line-height: 20px;
|
||
|
|
background: #efefef;
|
||
|
|
}
|
||
|
|
.woocommerce-info:before,
|
||
|
|
.woocommerce-error:before,
|
||
|
|
.woocommerce-message:before {
|
||
|
|
top: 19px;
|
||
|
|
color: #3C4858;
|
||
|
|
font-family: "FontAwesome";
|
||
|
|
}
|
||
|
|
.woocommerce-info li,
|
||
|
|
.woocommerce-error li,
|
||
|
|
.woocommerce-message li {
|
||
|
|
line-height: 1.5;
|
||
|
|
}
|
||
|
|
.woocommerce-info > a.button,
|
||
|
|
.woocommerce-error > a.button,
|
||
|
|
.woocommerce-message > a.button {
|
||
|
|
background-color: transparent;
|
||
|
|
box-shadow: none;
|
||
|
|
padding: 5px 10px 0;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #3C4858;
|
||
|
|
}
|
||
|
|
.woocommerce-info > a.button:hover,
|
||
|
|
.woocommerce-error > a.button:hover,
|
||
|
|
.woocommerce-message > a.button:hover {
|
||
|
|
color: #3C4858;
|
||
|
|
background: none;
|
||
|
|
box-shadow: none;
|
||
|
|
opacity: .75;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-info {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #00bcd4;
|
||
|
|
}
|
||
|
|
.woocommerce-info:before {
|
||
|
|
color: #fff;
|
||
|
|
content: "\f129";
|
||
|
|
}
|
||
|
|
.woocommerce-info a {
|
||
|
|
color: #fff;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.woocommerce-info a:hover {
|
||
|
|
opacity: .75;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-error {
|
||
|
|
background-color: #fccbc7;
|
||
|
|
color: #3C4858;
|
||
|
|
}
|
||
|
|
.woocommerce-error:before {
|
||
|
|
content: "\f12a";
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-message {
|
||
|
|
background-color: #e5ffe8;
|
||
|
|
color: #3C4858;
|
||
|
|
}
|
||
|
|
.woocommerce-message a:not(.button) {
|
||
|
|
color: #3C4858;
|
||
|
|
font-weight: 800;
|
||
|
|
}
|
||
|
|
.woocommerce-message a:not(.button):hover {
|
||
|
|
opacity: .75;
|
||
|
|
}
|
||
|
|
.woocommerce-message:before {
|
||
|
|
content: "\f00c";
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Reviews
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.woocommerce #reviews #comments ol.commentlist {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.woocommerce div.product #reviews .comment img {
|
||
|
|
overflow: hidden;
|
||
|
|
width: 45px;
|
||
|
|
height: 45px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 0;
|
||
|
|
border: none;
|
||
|
|
border-radius: 50%;
|
||
|
|
-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
|
||
|
|
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
|
||
|
|
}
|
||
|
|
.woocommerce #reviews #comments ol.commentlist li img.avatar {
|
||
|
|
overflow: hidden;
|
||
|
|
width: 45px;
|
||
|
|
height: 45px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 0;
|
||
|
|
border: none;
|
||
|
|
border-radius: 50%;
|
||
|
|
-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
|
||
|
|
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
|
||
|
|
}
|
||
|
|
.woocommerce #reviews #comments ol.commentlist li .comment-text {
|
||
|
|
margin-bottom: 25px;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.woocommerce .comment-form .comment-notes {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.woocommerce .comment-reply-title {
|
||
|
|
font-family: "Roboto Slab", "Times New Roman", serif;
|
||
|
|
font-weight: 700;
|
||
|
|
color: #3C4858;
|
||
|
|
text-decoration: none;
|
||
|
|
word-wrap: break-word;
|
||
|
|
margin: 20px 0 10px;
|
||
|
|
font-size: 25.55px;
|
||
|
|
line-height: 35.77px;
|
||
|
|
text-align: center;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.woocommerce .form-submit {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Checkout
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.woocommerce .col2-set,
|
||
|
|
.woocommerce-page .col2-set,
|
||
|
|
.woocommerce-checkout .col2-set {
|
||
|
|
float: left;
|
||
|
|
width: 48%;
|
||
|
|
margin-right: 12%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-checkout .col2-set {
|
||
|
|
margin-bottom: 50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#customer_details .col-1,
|
||
|
|
#customer_details .col-2 {
|
||
|
|
clear: left;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
#order_review {
|
||
|
|
float: right;
|
||
|
|
clear: right;
|
||
|
|
width: 40%;
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-checkout #payment input[type=submit],
|
||
|
|
.woocommerce-checkout input[type=submit] {
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout table.shop_table td strong {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout .woocommerce-info,
|
||
|
|
.woocommerce-checkout .woocommerce-error,
|
||
|
|
.woocommerce-checkout .woocommerce-message,
|
||
|
|
.woocommerce-checkout #payment {
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout #payment {
|
||
|
|
background: #f0f0f0;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout #payment #place_order {
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout #payment ul.payment_methods,
|
||
|
|
.woocommerce-checkout #payment div.form-row {
|
||
|
|
padding: 20px;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout #payment ul.payment_methods {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout #payment ul.payment_methods li {
|
||
|
|
background: #f0f0f0;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout #payment ul.payment_methods li,
|
||
|
|
.woocommerce-checkout #payment ul.payment_methods div,
|
||
|
|
.woocommerce-checkout #payment ul.payment_methods div p {
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 1.5;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout #payment ul.payment_methods li:last-child div.payment_box {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout #payment div.payment_box {
|
||
|
|
background: #dfdfdf;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout #payment div.payment_box ::before {
|
||
|
|
border-color: #dfdfdf;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
|
||
|
|
float: none;
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout .checkout_coupon .form-row {
|
||
|
|
margin-bottom: 0;
|
||
|
|
width: 53%;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout .checkout_coupon .form-row-last {
|
||
|
|
text-align: right;
|
||
|
|
width: 47%;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout .form-row label {
|
||
|
|
color: #999999;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 300;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout .select2-container--default .select2-selection--single,
|
||
|
|
.woocommerce-checkout .select2-dropdown {
|
||
|
|
border-color: #d2d2d2;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout .woocommerce-checkout-payment .form-row .woocommerce-form__label-for-checkbox, .woocommerce-checkout .woocommerce-checkout-payment li > label {
|
||
|
|
color: #2d3359;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 400;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout .woocommerce-checkout-payment .form-row .woocommerce-form__label-for-checkbox span:not(.required), .woocommerce-checkout .woocommerce-checkout-payment li > label span:not(.required) {
|
||
|
|
padding-left: 20px;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout .woocommerce-checkout-payment .form-row .woocommerce-form__label-for-checkbox input, .woocommerce-checkout .woocommerce-checkout-payment li > label input {
|
||
|
|
margin: 9px 0 0;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout .woocommerce-account-fields p.create-account {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout .woocommerce-shipping-fields h3 {
|
||
|
|
margin: 0;
|
||
|
|
padding-left: 3px;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout .woocommerce-shipping-fields h3 label {
|
||
|
|
line-height: 1;
|
||
|
|
margin: 0 0 10px;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout .woocommerce-shipping-fields h3 label input {
|
||
|
|
margin-left: 0;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout .woocommerce-shipping-fields h3 label span {
|
||
|
|
color: #999999;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 300;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout .col-md-12 #customer_details label {
|
||
|
|
font-weight: 500;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout .shop_table tr.shipping td p {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## WooCommerce Responsive
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
@media (max-width: 1200px) {
|
||
|
|
.woocommerce.archive .blog-post .col-md-12 {
|
||
|
|
padding-left: 15px;
|
||
|
|
padding-right: 15px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 992px) {
|
||
|
|
.woocommerce .content-sidebar-right ul.products li.product, .woocommerce .content-sidebar-left ul.products li.product {
|
||
|
|
width: 33.3%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 991px) {
|
||
|
|
.woocommerce .content-sidebar-left,
|
||
|
|
.woocommerce .content-sidebar-right {
|
||
|
|
padding: 0 15px;
|
||
|
|
}
|
||
|
|
.woocommerce .content-sidebar-left ul.products li.product,
|
||
|
|
.woocommerce .content-sidebar-right ul.products li.product {
|
||
|
|
clear: none;
|
||
|
|
}
|
||
|
|
.woocommerce .before-shop-main {
|
||
|
|
padding-left: 15px;
|
||
|
|
padding-right: 15px;
|
||
|
|
margin: 20px 0 25px;
|
||
|
|
}
|
||
|
|
.woocommerce .page-header .container .row .cart-contents-content {
|
||
|
|
right: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* product list */
|
||
|
|
.woocommerce ul.products li.product {
|
||
|
|
float: left;
|
||
|
|
width: 50%;
|
||
|
|
margin: auto;
|
||
|
|
padding-right: 15px;
|
||
|
|
padding-left: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shop-with-sidebar ul.products li.product:nth-child(3n+1) {
|
||
|
|
clear: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce ul.products li.product:nth-child(2n+1) {
|
||
|
|
clear: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-ordering,
|
||
|
|
.woocommerce-ordering select {
|
||
|
|
width: 100%;
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-breadcrumb {
|
||
|
|
width: 100%;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
line-height: 33px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*My Account Styling*/
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
|
||
|
|
display: table-cell;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul {
|
||
|
|
display: table;
|
||
|
|
width: 100%;
|
||
|
|
margin: 0 0 25px;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-content {
|
||
|
|
width: 100%;
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before {
|
||
|
|
margin-right: 5px;
|
||
|
|
opacity: 0.25;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-account input.woocommerce-Button.button {
|
||
|
|
height: auto;
|
||
|
|
margin-top: 10px;
|
||
|
|
padding: 8px 37px;
|
||
|
|
border: none;
|
||
|
|
border-radius: 2px;
|
||
|
|
color: #fff;
|
||
|
|
background: #111111;
|
||
|
|
font-family: "Roboto Condensed", sans-serif;
|
||
|
|
font-size: 11px;
|
||
|
|
letter-spacing: 2px;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-account input.woocommerce-Button.button:hover {
|
||
|
|
background: rgba(17, 17, 17, 0.8);
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-checkout table.shop_table th.product-total,
|
||
|
|
.woocommerce-checkout table.shop_table td.product-total,
|
||
|
|
.woocommerce-checkout table.shop_table tfoot td {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce.single-product .product .images {
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .product form.cart {
|
||
|
|
margin-top: 30px;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .related.products,
|
||
|
|
.woocommerce.single-product .upsells.products {
|
||
|
|
padding-bottom: 0;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .related.products h2,
|
||
|
|
.woocommerce.single-product .upsells.products h2 {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 768px) {
|
||
|
|
.woocommerce.single-product .product .images, .woocommerce.single-product .product .summary {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce.single-product .product .summary {
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-product-search input.search-field {
|
||
|
|
width: 85%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-cart .section {
|
||
|
|
padding: 30px 0 0;
|
||
|
|
}
|
||
|
|
.woocommerce-cart .section.section-blog-info:empty {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.woocommerce-cart table.cart td.actions {
|
||
|
|
background: none !important;
|
||
|
|
}
|
||
|
|
.woocommerce-cart table.shop_table td.product-name {
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
.woocommerce-cart table.shop_table td.product-name dl.variation dd,
|
||
|
|
.woocommerce-cart table.shop_table td.product-name dl.variation dt {
|
||
|
|
font-size: 16px;
|
||
|
|
line-height: 30px;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.woocommerce-cart table.shop_table td.product-name dl.variation dd p {
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.woocommerce-cart .cart-collaterals {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.woocommerce-cart .wc-proceed-to-checkout {
|
||
|
|
padding: 1em 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-checkout .section {
|
||
|
|
padding: 20px 0 0;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout .woocommerce-billing-fields h3 {
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout td.product-name dl.variation dt,
|
||
|
|
.woocommerce-checkout td.product-name dl.variation dd {
|
||
|
|
font-size: 16px;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout td.product-name dl.variation dd p {
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 767px) {
|
||
|
|
/* Woocommerce */
|
||
|
|
.woocommerce .page-header .container {
|
||
|
|
padding-top: 170px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce ul.products li.product,
|
||
|
|
.woocommerce ul.products li.product:nth-child(2n),
|
||
|
|
.woocommerce-page ul.products li.product:nth-child(2n) {
|
||
|
|
float: none;
|
||
|
|
width: 100%;
|
||
|
|
max-width: 370px;
|
||
|
|
margin: 25px auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce .page-header {
|
||
|
|
min-height: 200px;
|
||
|
|
}
|
||
|
|
.woocommerce .page-header .container .row .cart-contents-content {
|
||
|
|
right: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*My Account Styling*/
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
|
||
|
|
display: inline-block;
|
||
|
|
min-width: 125px;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul {
|
||
|
|
display: table;
|
||
|
|
width: 100%;
|
||
|
|
margin: 0 0 25px;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce .col2-set, .woocommerce-page .col2-set {
|
||
|
|
width: auto;
|
||
|
|
float: none;
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#order_review, #order_review_heading {
|
||
|
|
float: none;
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce.single-product .product {
|
||
|
|
padding: 30px 15px 0;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .product .images,
|
||
|
|
.woocommerce.single-product .product .summary {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .product .summary {
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .product span.onsale {
|
||
|
|
left: 15px;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .blog-post .col-md-12 > div[id^=product].product {
|
||
|
|
padding: 30px 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce.single-product.single .section {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-cart table.shop_table td.product-remove {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce .cart-collaterals {
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
.woocommerce .cart-collaterals h2 {
|
||
|
|
margin-top: 20px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.woocommerce .cart-collaterals .cross-sells,
|
||
|
|
.woocommerce .cart-collaterals .cart_totals,
|
||
|
|
.woocommerce .cart-collaterals .cross-sells ul.products li {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 1200px) {
|
||
|
|
.woocommerce .widget_shopping_cart_content a.button {
|
||
|
|
padding: 12px 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-cart .col-md-12,
|
||
|
|
.woocommerce-checkout .col-md-12 {
|
||
|
|
padding-left: 15px;
|
||
|
|
padding-right: 15px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 480px) {
|
||
|
|
/* Woocommerce */
|
||
|
|
.woocommerce.archive .main-raised {
|
||
|
|
margin: -60px 10px 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*My Account Styling*/
|
||
|
|
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
|
||
|
|
width: 50%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-account .my_account_orders .button {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce span.onsale {
|
||
|
|
left: -5px;
|
||
|
|
top: -5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-product-search input.search-field {
|
||
|
|
width: 70%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce.single-product .product_title {
|
||
|
|
font-size: 28px;
|
||
|
|
line-height: 42px;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .woocommerce-message {
|
||
|
|
position: relative;
|
||
|
|
padding: 20px 15px 40px 50px !important;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product .woocommerce-message a {
|
||
|
|
float: left;
|
||
|
|
position: absolute;
|
||
|
|
bottom: 20px;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.woocommerce.single-product #review_form #respond p.form-submit {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs {
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs li {
|
||
|
|
display: block;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
|
||
|
|
display: block;
|
||
|
|
text-align: left !important;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-cart table.cart td.actions .coupon .input-text {
|
||
|
|
margin: 0 0 10px 0;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.woocommerce-cart table.cart td.actions .coupon .button {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-checkout .checkout_coupon .form-row,
|
||
|
|
.woocommerce-checkout .checkout_coupon input.button {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.woocommerce-checkout .checkout_coupon .input-text {
|
||
|
|
margin-bottom: 10px !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## YITH Magnifier
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
li.yith_magnifier_thumbnail {
|
||
|
|
display: block;
|
||
|
|
position: relative;
|
||
|
|
padding: 0 10px;
|
||
|
|
}
|
||
|
|
li.yith_magnifier_thumbnail a {
|
||
|
|
margin: 25px auto;
|
||
|
|
}
|
||
|
|
li.yith_magnifier_thumbnail a img {
|
||
|
|
border-radius: 6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yith_magnifier_zoom_magnifier {
|
||
|
|
border: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
# Responsive
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
@media (max-width: 1199px) {
|
||
|
|
.hestia-features .row,
|
||
|
|
.hestia-about .row,
|
||
|
|
.products .row,
|
||
|
|
.hestia-work .row,
|
||
|
|
.hestia-team .row,
|
||
|
|
.pricing .row,
|
||
|
|
.hestia-testimonials .row,
|
||
|
|
section.hestia-blogs .row,
|
||
|
|
.contactus .row {
|
||
|
|
padding: 0 50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.carousel h1.hestia-title,
|
||
|
|
.carousel h2.title {
|
||
|
|
font-size: 58.8px;
|
||
|
|
line-height: 67.62px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar .navbar-brand {
|
||
|
|
padding: 0 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar .navbar-nav > li > a {
|
||
|
|
padding-top: 15px;
|
||
|
|
padding-bottom: 15px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 991px) {
|
||
|
|
.navbar .navbar-nav > li {
|
||
|
|
margin-right: 10px;
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-header {
|
||
|
|
height: auto;
|
||
|
|
min-height: 100vh;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card.card-raised .card-image {
|
||
|
|
margin-top: -30px;
|
||
|
|
display: block;
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card.card-raised {
|
||
|
|
padding: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.woocommerce-checkout .page-header {
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-about .text-area {
|
||
|
|
margin: 0 0 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog .page-header.header-small h2 {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog .page-header.header-small .container {
|
||
|
|
padding: 200px 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog .page-header.header-small {
|
||
|
|
height: auto;
|
||
|
|
min-height: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-header .iframe-container {
|
||
|
|
padding: 30px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card-form-horizontal .form-group {
|
||
|
|
padding-bottom: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.carousel .page-header {
|
||
|
|
padding: 0 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.carousel .buttons {
|
||
|
|
margin-bottom: 100px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-simple {
|
||
|
|
padding-right: 0;
|
||
|
|
padding-left: 0;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-work .col-md-6 .card-background .content,
|
||
|
|
.hestia-work .col-md-4 .card-background .content {
|
||
|
|
padding-top: 15%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.alternative-blog-row {
|
||
|
|
display: table;
|
||
|
|
width: 100%;
|
||
|
|
margin: 0 auto;
|
||
|
|
table-layout: fixed;
|
||
|
|
}
|
||
|
|
|
||
|
|
.alternative-blog-row div:first-child {
|
||
|
|
display: table-footer-group;
|
||
|
|
}
|
||
|
|
|
||
|
|
.alternative-blog-row div:last-child {
|
||
|
|
display: table-header-group;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-features .row,
|
||
|
|
.features .row,
|
||
|
|
.hestia-about .row,
|
||
|
|
.about .row,
|
||
|
|
.products .row,
|
||
|
|
.hestia-work .row,
|
||
|
|
.work .row,
|
||
|
|
.hestia-team .row,
|
||
|
|
.team .row,
|
||
|
|
.pricing .row,
|
||
|
|
.hestia-testimonials .row,
|
||
|
|
.testimonials .row,
|
||
|
|
section.blogs .row,
|
||
|
|
.contactus .row {
|
||
|
|
padding: 0 25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contactus .contact_submit_wrap {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.single aside.blog-sidebar {
|
||
|
|
padding: 40px 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shop-sidebar.card {
|
||
|
|
width: 96%;
|
||
|
|
text-align: initial;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shop-sidebar-wrapper {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog .hestia-blogs {
|
||
|
|
padding-top: 30px;
|
||
|
|
}
|
||
|
|
.blog .hestia-blogs .card-blog .card-image {
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
.blog #authors-on-blog {
|
||
|
|
padding-bottom: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.single.single-post .section-blog-info .card-profile .card-title,
|
||
|
|
.single.single-post .section-blog-info .card-profile .description {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-sidebar-open,
|
||
|
|
.hestia-sidebar-close {
|
||
|
|
cursor: pointer;
|
||
|
|
display: inline-block;
|
||
|
|
margin: 0;
|
||
|
|
padding: 12px 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.row-sidebar-toggle {
|
||
|
|
margin: 0 15px;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-sidebar-wrapper,
|
||
|
|
.shop-sidebar-wrapper {
|
||
|
|
float: none;
|
||
|
|
overflow-x: hidden;
|
||
|
|
position: fixed;
|
||
|
|
z-index: 9999;
|
||
|
|
top: 0;
|
||
|
|
left: -100%;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
padding: 15px 0;
|
||
|
|
background: #fff;
|
||
|
|
-webkit-transition: 0.5s ease;
|
||
|
|
-moz-transition: 0.5s ease;
|
||
|
|
-ms-transition: 0.5s ease;
|
||
|
|
-o-transition: 0.5s ease;
|
||
|
|
transition: 0.5s ease;
|
||
|
|
}
|
||
|
|
.blog-sidebar-wrapper .row-sidebar-toggle,
|
||
|
|
.shop-sidebar-wrapper .row-sidebar-toggle {
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-sidebar-wrapper .blog-sidebar {
|
||
|
|
margin: 0 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.archive.woocommerce .hestia-sidebar-open {
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-top-bar .container {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .col-md-6 {
|
||
|
|
width: 50%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 992px) {
|
||
|
|
.navbar .navbar-collapse {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-posts-wrap > article {
|
||
|
|
padding: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card.card-raised .card-image {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar .navbar-center {
|
||
|
|
display: inline-block;
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar .navbar-nav > li {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar .navbar-nav > li.btn {
|
||
|
|
margin: 0 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar .navbar-nav > li.btn:last-child {
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gallery .gallery-item {
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gallery img {
|
||
|
|
border: none !important;
|
||
|
|
border-radius: 6px;
|
||
|
|
-webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
|
||
|
|
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.entry-social {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer .content {
|
||
|
|
margin-left: -15px;
|
||
|
|
margin-right: -15px;
|
||
|
|
}
|
||
|
|
.footer .row {
|
||
|
|
margin-left: -15px;
|
||
|
|
margin-right: -15px;
|
||
|
|
}
|
||
|
|
.footer .col-md-4 {
|
||
|
|
padding: 0 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-sidebar-wrapper,
|
||
|
|
.shop-sidebar-wrapper {
|
||
|
|
float: left;
|
||
|
|
overflow: none;
|
||
|
|
position: static;
|
||
|
|
padding: 0;
|
||
|
|
background: transparent;
|
||
|
|
left: 0 !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 783px) and (min-width: 601px) {
|
||
|
|
body.admin-bar .navbar-default:not(.navbar-transparent) {
|
||
|
|
margin-top: 32px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 769px) {
|
||
|
|
.form-horizontal .control-label {
|
||
|
|
padding-top: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown .dropdown-menu {
|
||
|
|
display: block;
|
||
|
|
visibility: hidden;
|
||
|
|
margin-top: -20px;
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transition: all 150ms linear;
|
||
|
|
transition: all 150ms linear;
|
||
|
|
}
|
||
|
|
.dropdown.open .dropdown-menu, .dropdown:hover .dropdown-menu {
|
||
|
|
visibility: visible;
|
||
|
|
margin-top: 1px;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-nav > li {
|
||
|
|
float: none;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.container > .navbar-header {
|
||
|
|
min-width: 250px;
|
||
|
|
display: table-cell !important;
|
||
|
|
vertical-align: middle;
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar:not(.hestia_right) .navbar-collapse {
|
||
|
|
display: table-cell !important;
|
||
|
|
vertical-align: middle;
|
||
|
|
text-align: right;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar.hestia_center .navbar-collapse {
|
||
|
|
display: block !important;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar.hestia_center .navbar-right {
|
||
|
|
float: none !important;
|
||
|
|
display: block;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar.hestia_right .navbar-right {
|
||
|
|
float: left !important;
|
||
|
|
margin-top: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar.hestia_right.navbar-not-transparent .navbar-right {
|
||
|
|
transition: margin .3s ease;
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar.full-screen-menu.hestia_center .navbar-toggle {
|
||
|
|
transition: .3s ease;
|
||
|
|
right: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 30px;
|
||
|
|
}
|
||
|
|
.navbar.full-screen-menu.hestia_center.navbar-not-transparent .navbar-toggle {
|
||
|
|
transform: translateY(-15px);
|
||
|
|
}
|
||
|
|
.navbar.full-screen-menu > .container {
|
||
|
|
display: table;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.navbar.full-screen-menu.hestia_right .navbar-right {
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
.navbar.full-screen-menu.hestia_right .navbar-toggle {
|
||
|
|
display: table-cell;
|
||
|
|
}
|
||
|
|
.navbar.full-screen-menu .navbar-toggle {
|
||
|
|
z-index: 999999;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.navbar.full-screen-menu .full-screen-menu-close {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.navbar.full-screen-menu .navbar-collapse .navbar-nav {
|
||
|
|
transition: all .3s ease;
|
||
|
|
opacity: 0;
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
.navbar.full-screen-menu .navbar-collapse.in .navbar-nav {
|
||
|
|
opacity: 1;
|
||
|
|
visibility: visible;
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
.navbar.full-screen-menu .navbar-nav {
|
||
|
|
z-index: 9999;
|
||
|
|
overflow-X: auto;
|
||
|
|
position: fixed;
|
||
|
|
width: 100%;
|
||
|
|
background-color: rgba(0, 0, 0, 0.9);
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
bottom: 0;
|
||
|
|
padding-top: 100px;
|
||
|
|
}
|
||
|
|
.navbar.full-screen-menu .navbar-nav > li, .navbar.full-screen-menu .navbar-nav > li.btn:last-child {
|
||
|
|
display: table;
|
||
|
|
margin: 20px auto;
|
||
|
|
}
|
||
|
|
.navbar.full-screen-menu .navbar-nav > li a {
|
||
|
|
font-size: 17px;
|
||
|
|
}
|
||
|
|
.navbar.full-screen-menu.navbar-not-transparent .navbar-nav {
|
||
|
|
background-color: rgba(255, 255, 255, 0.9);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 768px) {
|
||
|
|
.navbar .navbar-toggle {
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
.navbar .dropdown-menu li:hover a {
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
.navbar.hestia_center .navbar-header {
|
||
|
|
width: auto;
|
||
|
|
max-width: none;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.navbar.hestia_center .navbar-header .navbar-brand {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.navbar.navbar-transparent .navbar-nav li a, .navbar.navbar-transparent .navbar-nav i, .navbar.navbar-transparent .navbar-nav li.btn a, .navbar.navbar-transparent .navbar-nav .btn.dropdown-menu.open > li a {
|
||
|
|
color: #fff !important;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.navbar.navbar-default li.btn a, .navbar.navbar-default li.btn a i {
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
.navbar.navbar-default .navbar-nav .open:not(.btn) a {
|
||
|
|
background: transparent;
|
||
|
|
color: #777;
|
||
|
|
}
|
||
|
|
.navbar.navbar-default li a:hover, .navbar.navbar-default li a:focus,
|
||
|
|
.navbar.navbar-default ul.dropdown-menu li a:hover,
|
||
|
|
.navbar.navbar-default ul.dropdown-menu li a:focus, .navbar.navbar-not-transparent li a:hover, .navbar.navbar-not-transparent li a:focus,
|
||
|
|
.navbar.navbar-not-transparent ul.dropdown-menu li a:hover,
|
||
|
|
.navbar.navbar-not-transparent ul.dropdown-menu li a:focus {
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
.navbar .container {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.navbar.navbar-fixed-top .navbar-collapse, .navbar.navbar-fixed-top.navbar-not-transparent .navbar-collapse {
|
||
|
|
max-height: calc(100% - 70px);
|
||
|
|
margin-top: 70px;
|
||
|
|
overflow-y: scroll;
|
||
|
|
position: fixed;
|
||
|
|
z-index: 9999;
|
||
|
|
background: #fff;
|
||
|
|
width: 100%;
|
||
|
|
top: 0;
|
||
|
|
-webkit-overflow-scrolling: auto;
|
||
|
|
}
|
||
|
|
.navbar.navbar-with-topbar.navbar-fixed-top .navbar-collapse {
|
||
|
|
max-height: calc(100% - 100px);
|
||
|
|
margin-top: 110px;
|
||
|
|
}
|
||
|
|
.navbar.navbar-fixed-top.navbar-transparent .navbar-collapse {
|
||
|
|
background-color: rgba(0, 0, 0, 0.8);
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav {
|
||
|
|
margin: 7.5px 0;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav .navbar-text {
|
||
|
|
margin-top: 15px;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav .open .dropdown-menu > .dropdown-header {
|
||
|
|
border: 0;
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav li {
|
||
|
|
box-sizing: border-box;
|
||
|
|
float: left;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav li.btn {
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav li > a {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav li > a > i,
|
||
|
|
.navbar .navbar-nav li > a .fa {
|
||
|
|
margin-right: 12px;
|
||
|
|
font-size: 22.1px;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav li.btn > a,
|
||
|
|
.navbar .navbar-nav li.button > a {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {
|
||
|
|
background-color: transparent;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav li a:before {
|
||
|
|
position: absolute;
|
||
|
|
z-index: -1;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
border-radius: 3px;
|
||
|
|
background-color: rgba(255, 255, 255, 0.1);
|
||
|
|
content: "";
|
||
|
|
-webkit-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
|
||
|
|
-moz-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
|
||
|
|
-o-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
|
||
|
|
-ms-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
|
||
|
|
transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
|
||
|
|
-webkit-transform: scaleX(0);
|
||
|
|
-ms-transform: scaleX(0);
|
||
|
|
transform: scaleX(0);
|
||
|
|
-webkit-transform-origin: 50%;
|
||
|
|
-ms-transform-origin: 50%;
|
||
|
|
transform-origin: 50%;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav li a:hover:before, .navbar .navbar-nav li a:focus:before {
|
||
|
|
color: inherit;
|
||
|
|
-webkit-transform: scaleX(1);
|
||
|
|
-ms-transform: scaleX(1);
|
||
|
|
transform: scaleX(1);
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav .dropdown li {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav .dropdown a {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav .dropdown a .caret {
|
||
|
|
background: #e91e63;
|
||
|
|
border: none;
|
||
|
|
border-radius: 2px;
|
||
|
|
box-sizing: content-box;
|
||
|
|
color: #fff;
|
||
|
|
cursor: pointer;
|
||
|
|
display: inline-block;
|
||
|
|
font-family: Fontawesome;
|
||
|
|
font-size: 20px;
|
||
|
|
height: 30px;
|
||
|
|
margin-left: 0;
|
||
|
|
position: absolute;
|
||
|
|
right: 15px;
|
||
|
|
text-align: center;
|
||
|
|
top: 10px;
|
||
|
|
width: 30px;
|
||
|
|
z-index: 100;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav .dropdown a .caret:hover {
|
||
|
|
opacity: 0.8;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav .dropdown a .caret:before {
|
||
|
|
content: "\f107";
|
||
|
|
top: 5px;
|
||
|
|
position: relative;
|
||
|
|
display: inline-block;
|
||
|
|
-webkit-transition: all 0.3s ease;
|
||
|
|
-moz-transition: all 0.3s ease;
|
||
|
|
-ms-transition: all 0.3s ease;
|
||
|
|
-o-transition: all 0.3s ease;
|
||
|
|
transition: all 0.3s ease;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav .dropdown a .caret.caret-open:before {
|
||
|
|
-webkit-transform: rotate(-180deg);
|
||
|
|
-moz-transform: rotate(-180deg);
|
||
|
|
-ms-transform: rotate(-180deg);
|
||
|
|
-o-transform: rotate(-180deg);
|
||
|
|
transform: rotate(-180deg);
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav .dropdown a > i,
|
||
|
|
.navbar .navbar-nav .dropdown a .fa {
|
||
|
|
margin-right: 12px;
|
||
|
|
font-size: 20.4px;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav .dropdown.open .caret:before {
|
||
|
|
-webkit-transform: rotate(-180deg);
|
||
|
|
-moz-transform: rotate(-180deg);
|
||
|
|
-ms-transform: rotate(-180deg);
|
||
|
|
-o-transform: rotate(-180deg);
|
||
|
|
transform: rotate(-180deg);
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav .dropdown.open .dropdown-menu {
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav .dropdown .dropdown-menu {
|
||
|
|
background: transparent;
|
||
|
|
box-shadow: none;
|
||
|
|
position: static;
|
||
|
|
margin-top: 0;
|
||
|
|
padding: 0;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav .dropdown .dropdown-menu.open {
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav .dropdown .dropdown-menu li a {
|
||
|
|
line-height: 20px;
|
||
|
|
margin: 0;
|
||
|
|
padding: 15px 0 15px 30px;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav .dropdown .dropdown-menu li a:hover, .navbar .navbar-nav .dropdown .dropdown-menu li a:focus {
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav .dropdown .dropdown-menu li a .caret {
|
||
|
|
line-height: 1;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav .dropdown .dropdown-menu li a:before {
|
||
|
|
position: absolute;
|
||
|
|
z-index: -1;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
border-radius: 3px;
|
||
|
|
background-color: rgba(255, 255, 255, 0.1);
|
||
|
|
content: "";
|
||
|
|
-webkit-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
|
||
|
|
-moz-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
|
||
|
|
-o-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
|
||
|
|
-ms-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
|
||
|
|
transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
|
||
|
|
-webkit-transform: scaleX(0);
|
||
|
|
-ms-transform: scaleX(0);
|
||
|
|
transform: scaleX(0);
|
||
|
|
-webkit-transform-origin: 50%;
|
||
|
|
-ms-transform-origin: 50%;
|
||
|
|
transform-origin: 50%;
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav .dropdown .dropdown-menu li a:hover:before, .navbar .navbar-nav .dropdown .dropdown-menu li a:focus:before {
|
||
|
|
color: inherit;
|
||
|
|
-webkit-transform: scaleX(1);
|
||
|
|
-ms-transform: scaleX(1);
|
||
|
|
transform: scaleX(1);
|
||
|
|
}
|
||
|
|
.navbar .navbar-nav .dropdown .dropdown-menu li li a {
|
||
|
|
padding: 15px 0 15px 45px;
|
||
|
|
}
|
||
|
|
.navbar .dropdown-submenu:hover > .dropdown-menu {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
.navbar .dropdown-submenu:hover > a {
|
||
|
|
background: transparent !important;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
.navbar .navbar-brand h1, .navbar .navbar-brand p {
|
||
|
|
padding: 10px 0;
|
||
|
|
}
|
||
|
|
.navbar .dropdown-submenu.open > a {
|
||
|
|
background: transparent !important;
|
||
|
|
color: inherit;
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
.navbar .dropdown-menu li a, .navbar.navbar-not-transparent .dropdown-menu li a {
|
||
|
|
color: #777;
|
||
|
|
}
|
||
|
|
.navbar .dropdown-menu li a .caret, .navbar.navbar-not-transparent .dropdown-menu li a .caret {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.navbar .dropdown-menu i, .navbar.navbar-not-transparent .dropdown-menu i {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-default .navbar-nav .open .dropdown-menu {
|
||
|
|
background-color: #f3f3f3;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-transparent .navbar-nav .open .dropdown-menu {
|
||
|
|
background-color: rgba(0, 0, 0, 0.5);
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar.navbar-transparent .open .dropdown-menu > li > a:hover,
|
||
|
|
.navbar.navbar-transparent .open .dropdown-menu > li > a:focus,
|
||
|
|
.navbar.navbar-transparent .open .dropdown-menu > .active > a,
|
||
|
|
.navbar.navbar-transparent .open .dropdown-menu > .active > a:hover,
|
||
|
|
.navbar.navbar-transparent .open .dropdown-menu > .active > a:focus,
|
||
|
|
.navbar.navbar-transparent .open .dropdown-menu > .disabled > a,
|
||
|
|
.navbar.navbar-transparent .open .dropdown-menu > .disabled > a:hover,
|
||
|
|
.navbar.navbar-transparent .open .dropdown-menu > .disabled > a:focus {
|
||
|
|
color: inherit;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar .open .dropdown-menu > li > a:hover,
|
||
|
|
.navbar .open .dropdown-menu > li > a:focus,
|
||
|
|
.navbar .open .dropdown-menu > .active > a,
|
||
|
|
.navbar .open .dropdown-menu > .active > a:hover,
|
||
|
|
.navbar .open .dropdown-menu > .active > a:focus,
|
||
|
|
.navbar .open .dropdown-menu > .disabled > a,
|
||
|
|
.navbar .open .dropdown-menu > .disabled > a:hover,
|
||
|
|
.navbar .open .dropdown-menu > .disabled > a:focus {
|
||
|
|
color: #e91e63;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia_right .header-sidebar-wrapper {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.single .section {
|
||
|
|
padding: 30px 0 0;
|
||
|
|
}
|
||
|
|
.single .section.section-blog-info {
|
||
|
|
padding: 15px 0 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.media .avatar, .media-body .avatar, .media-area .avatar {
|
||
|
|
margin: 0;
|
||
|
|
width: 35px;
|
||
|
|
height: 35px;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
font-size: 42px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.subscribe-line .btn {
|
||
|
|
margin-top: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.children {
|
||
|
|
padding-left: 5px;
|
||
|
|
border-left: 1px #cfcfcf solid;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-post.blog-post-wrapper .section-text h1 {
|
||
|
|
font-size: 50.4px;
|
||
|
|
line-height: 57.96px;
|
||
|
|
}
|
||
|
|
.blog-post.blog-post-wrapper .section-text h2 {
|
||
|
|
font-size: 43.68px;
|
||
|
|
line-height: 65.52px;
|
||
|
|
}
|
||
|
|
.blog-post.blog-post-wrapper .section-text h3 {
|
||
|
|
font-size: 30.66px;
|
||
|
|
line-height: 42.924px;
|
||
|
|
}
|
||
|
|
.blog-post.blog-post-wrapper .section-text h4 {
|
||
|
|
font-size: 17px;
|
||
|
|
line-height: 26.35px;
|
||
|
|
}
|
||
|
|
.blog-post.blog-post-wrapper .section-text h5 {
|
||
|
|
font-size: 21px;
|
||
|
|
line-height: 32.55px;
|
||
|
|
}
|
||
|
|
.blog-post.blog-post-wrapper .section-text h6 {
|
||
|
|
font-size: 15.12px;
|
||
|
|
line-height: 22.68px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-post .section-comments .comment-respond .author {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.carousel h2.title,
|
||
|
|
.carousel h1.hestia-title {
|
||
|
|
font-size: 42px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-header.header-small .title,
|
||
|
|
.page-header.header-small .hestia-title {
|
||
|
|
font-size: 42px;
|
||
|
|
line-height: 63px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-about .text-area {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer.footer-big {
|
||
|
|
padding: 30px 0 26px;
|
||
|
|
}
|
||
|
|
.footer .footer-menu {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.footer .copyright {
|
||
|
|
display: inline-block;
|
||
|
|
float: none !important;
|
||
|
|
width: 100%;
|
||
|
|
padding: 10px 0;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar.navbar-transparent {
|
||
|
|
border-radius: 0;
|
||
|
|
background-color: rgba(0, 0, 0, 0.8);
|
||
|
|
}
|
||
|
|
.navbar.navbar-transparent > .container {
|
||
|
|
padding-top: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.main-raised {
|
||
|
|
margin-right: 10px;
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
hr {
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-about {
|
||
|
|
padding-top: 0;
|
||
|
|
}
|
||
|
|
.hestia-about h2 {
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
.hestia-about .widget_sow-image .panel-widget-style {
|
||
|
|
margin-top: -60px;
|
||
|
|
padding: 0 0 60px 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-team .btn.btn-just-icon i {
|
||
|
|
margin-right: 10px;
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-work .card {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pricing {
|
||
|
|
padding: 60px 0 40px;
|
||
|
|
}
|
||
|
|
.pricing p.text-gray {
|
||
|
|
margin-bottom: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contactus .card-contact {
|
||
|
|
margin-top: 90px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.single.single-post .section-blog-info .entry-social {
|
||
|
|
margin: 15px 0 30px;
|
||
|
|
}
|
||
|
|
.single.single-post .section-blog-info .card-profile {
|
||
|
|
margin-top: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page .section.section-text {
|
||
|
|
padding: 30px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.single-post .page-header.header-small .container,
|
||
|
|
.page .page-header.header-small .container,
|
||
|
|
.blog .page-header.header-small .container,
|
||
|
|
.archive .page-header.header-small .container,
|
||
|
|
.category .page-header.header-small .container {
|
||
|
|
padding: 170px 15px 90px;
|
||
|
|
}
|
||
|
|
.single-post .page-header.header-small .container .hestia-title,
|
||
|
|
.page .page-header.header-small .container .hestia-title,
|
||
|
|
.blog .page-header.header-small .container .hestia-title,
|
||
|
|
.archive .page-header.header-small .container .hestia-title,
|
||
|
|
.category .page-header.header-small .container .hestia-title {
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-top-bar {
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .col-md-6 {
|
||
|
|
text-align: center;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .col-md-6.pull-right {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .col-md-12, .hestia-top-bar .col-md-12.pull-right {
|
||
|
|
float: none !important;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.hestia-top-bar .widget.widget_shopping_cart {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 480px) {
|
||
|
|
.single .main-raised {
|
||
|
|
margin: -60px 10px 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.comment-respond .form-submit input {
|
||
|
|
display: block;
|
||
|
|
float: none !important;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hestia-features {
|
||
|
|
padding: 40px 0 55px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
# Compatibility
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Send in Blue
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
form.form-group[id^=sib] input[type=text],
|
||
|
|
form.form-group[id^=sib] input[type=email],
|
||
|
|
form.form-group[id^=sib] select {
|
||
|
|
border: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## WPML
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
footer .wpml-ls-item-legacy-dropdown a,
|
||
|
|
footer .wpml-ls-item-legacy-dropdown-click a {
|
||
|
|
color: #000000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wpml-ls-statics-footer {
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## BBPress Basic
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.bbp-template-notice.info {
|
||
|
|
max-width: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
#bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bbpress.blog-post .section-text p {
|
||
|
|
font-size: 15px;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#wp-link-close {
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------------
|
||
|
|
## Elementor / Beaver Builder Section Editing
|
||
|
|
--------------------------------------------------------------*/
|
||
|
|
.elementor-editor-active .main > section,
|
||
|
|
.fl-builder-edit .main > section {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.elementor-editor-active .main > section .hestia-pagebuilder-frontpage-controls,
|
||
|
|
.fl-builder-edit .main > section .hestia-pagebuilder-frontpage-controls {
|
||
|
|
position: absolute;
|
||
|
|
top: 20px;
|
||
|
|
bottom: 20px;
|
||
|
|
left: 20px;
|
||
|
|
right: 20px;
|
||
|
|
border: 2px solid #76cfe8;
|
||
|
|
text-align: center;
|
||
|
|
display: none;
|
||
|
|
z-index: 100;
|
||
|
|
}
|
||
|
|
.elementor-editor-active .main > section .hestia-pagebuilder-frontpage-controls > a,
|
||
|
|
.fl-builder-edit .main > section .hestia-pagebuilder-frontpage-controls > a {
|
||
|
|
cursor: pointer;
|
||
|
|
position: relative;
|
||
|
|
background: #71d7f7;
|
||
|
|
border-radius: 3px 3px 0 0;
|
||
|
|
top: -30px;
|
||
|
|
line-height: 30px;
|
||
|
|
min-width: 30px;
|
||
|
|
text-align: center;
|
||
|
|
color: #fff;
|
||
|
|
font-weight: 800;
|
||
|
|
padding: 0 10px;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.elementor-editor-active .main > section .hestia-pagebuilder-frontpage-controls > a:hover,
|
||
|
|
.fl-builder-edit .main > section .hestia-pagebuilder-frontpage-controls > a:hover {
|
||
|
|
color: #f00;
|
||
|
|
}
|
||
|
|
.elementor-editor-active .main > section .hestia-pagebuilder-frontpage-controls > a > .dashicons,
|
||
|
|
.fl-builder-edit .main > section .hestia-pagebuilder-frontpage-controls > a > .dashicons {
|
||
|
|
height: 30px;
|
||
|
|
width: auto;
|
||
|
|
margin-right: 5px;
|
||
|
|
line-height: 27px;
|
||
|
|
}
|
||
|
|
.elementor-editor-active .main > section:hover .hestia-pagebuilder-frontpage-controls,
|
||
|
|
.fl-builder-edit .main > section:hover .hestia-pagebuilder-frontpage-controls {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*# sourceMappingURL=style.css.map */
|