1618 lines
24 KiB
CSS
1618 lines
24 KiB
CSS
/*
|
|
** Table Of Contents
|
|
** bootstrap overrides
|
|
** vertical margins and paddings
|
|
** general styles
|
|
** plugins
|
|
- Owl Carousel
|
|
- FlexSlider
|
|
- prettyPhoto
|
|
- Easy pieChart
|
|
- toTop
|
|
** styled lists
|
|
** icons
|
|
** buttons
|
|
** common sections styles:
|
|
** light section - .ls
|
|
** grey section - .ls.ms
|
|
** dark sections - .ds
|
|
** color section - .cs
|
|
** boxed layout
|
|
** template styles
|
|
** main menu (min 768px) styles
|
|
** main menu mobile styles
|
|
** subpages
|
|
** widgets
|
|
** shortcodes
|
|
** utilites
|
|
*/
|
|
/*
|
|
**shop
|
|
*/
|
|
input[disabled] {
|
|
cursor: not-allowed;
|
|
opacity: .4;
|
|
}
|
|
|
|
/* sort panel */
|
|
.shop-sorting {
|
|
line-height: 1;
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.shop-sorting label {
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.shop-sorting select {
|
|
min-width: 270px;
|
|
}
|
|
|
|
.woocommerce-ordering {
|
|
display: inline-block;
|
|
}
|
|
|
|
.woocommerce-result-count {
|
|
line-height: 40px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#toggle_shop_view:before,
|
|
#toggle_shop_view:after {
|
|
border-radius: 1px;
|
|
color: #808080;
|
|
display: inline-block;
|
|
font-family: "FontAwesome";
|
|
font-size: 28px;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
text-align: center;
|
|
-webkit-transition: all 0.2s ease-in-out 0s;
|
|
transition: all 0.2s ease-in-out 0s;
|
|
width: 36px;
|
|
}
|
|
|
|
#toggle_shop_view:before {
|
|
color: #4ebbe3;
|
|
content: "\f009";
|
|
margin-right: 5px;
|
|
}
|
|
|
|
#toggle_shop_view:after {
|
|
content: "\f0c9";
|
|
}
|
|
|
|
#toggle_shop_view.grid-view:before {
|
|
color: #808080;
|
|
}
|
|
|
|
#toggle_shop_view.grid-view:after {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
#sort_view {
|
|
background-color: #fff;
|
|
color: #272727;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
padding: 12px 16px 13px;
|
|
}
|
|
|
|
.columns-1 .product {
|
|
float: none;
|
|
margin-right: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.columns-3 .product {
|
|
float: left;
|
|
width: 33.33333333%;
|
|
}
|
|
|
|
.columns-4 .product {
|
|
float: left;
|
|
width: 25%;
|
|
}
|
|
|
|
.col-sm-7 .columns-3 .product {
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
|
|
.col-sm-7 .columns-4 .product {
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
|
|
.columns-2 .product {
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
|
|
.columns-2 .product:nth-child(2n + 1) {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.col-sm-7 .columns-3 .product {
|
|
width: 33.33333333%;
|
|
}
|
|
|
|
.col-sm-7 .columns-4 .product {
|
|
width: 25%;
|
|
}
|
|
}
|
|
|
|
#content_products .pagination {
|
|
display: block;
|
|
}
|
|
|
|
.product .images,
|
|
.product .thumbnails a,
|
|
.product .item-media {
|
|
display: block;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.product .images img,
|
|
.product .thumbnails a img,
|
|
.product .item-media img {
|
|
-webkit-transition: all 0.2s ease-in-out 0s;
|
|
transition: all 0.2s ease-in-out 0s;
|
|
}
|
|
|
|
.product .images:hover img,
|
|
.product .thumbnails a:hover img,
|
|
.product .item-media:hover img {
|
|
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
|
filter: alpha(opacity=100);
|
|
opacity: 0.8;
|
|
-webkit-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.products {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-flex-wrap: wrap;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
margin-left: -15px;
|
|
margin-right: -15px;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.products:before,
|
|
.products:after {
|
|
clear: both;
|
|
content: "";
|
|
display: block;
|
|
}
|
|
|
|
.upsells .products,
|
|
.related .products {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
li.product {
|
|
margin-bottom: 30px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.owl-carousel li.product {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
li.product {
|
|
text-align: center;
|
|
}
|
|
|
|
.owl-item .product {
|
|
padding: 0;
|
|
}
|
|
|
|
.product .row {
|
|
position: relative;
|
|
}
|
|
|
|
.product [class*="col-"] {
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
position: static;
|
|
}
|
|
|
|
.product [class*="col-"].images a {
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
.product h2 {
|
|
font-size: 24px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.product .rating-title {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.product .item-meta + .entry-title {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.product .product-media {
|
|
position: relative;
|
|
}
|
|
|
|
.product .images {
|
|
position: relative;
|
|
}
|
|
|
|
.product .newproduct,
|
|
.product .onsale {
|
|
background-color: #bee27b;
|
|
border-radius: 20px;
|
|
color: #fff;
|
|
padding: 5px 18px;
|
|
position: absolute;
|
|
right: 20px;
|
|
text-transform: uppercase;
|
|
top: 20px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.product .onsale {
|
|
background-color: #bee27b;
|
|
bottom: 20px;
|
|
left: 20px;
|
|
right: auto;
|
|
top: auto;
|
|
}
|
|
|
|
.related,
|
|
.upsells {
|
|
margin-top: 80px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.related > h2,
|
|
.upsells > h2 {
|
|
font-size: 32px;
|
|
margin: 20px 0 30px;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.related .owl-theme .owl-dots,
|
|
.upsells .owl-theme .owl-dots {
|
|
margin-top: 30px;
|
|
right: 0;
|
|
}
|
|
|
|
.upsells + .related {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.price {
|
|
color: #4ebbe3;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.price del {
|
|
color: #808080;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.price ins {
|
|
color: #4ebbe3;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.woocommerce-loop-product__link + .price {
|
|
display: block;
|
|
margin-bottom: 20px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.woocommerce-loop-product__link:hover,
|
|
.woocommerce-loop-product__link:active,
|
|
.woocommerce-loop-product__link:focus {
|
|
color: #bee27b;
|
|
}
|
|
|
|
.product-buttons {
|
|
bottom: 20px;
|
|
position: absolute;
|
|
right: 20px;
|
|
}
|
|
|
|
.product-buttons a {
|
|
background-color: #4ebbe3;
|
|
color: transparent;
|
|
float: left;
|
|
font-size: 0;
|
|
height: 40px;
|
|
text-align: center;
|
|
width: 40px;
|
|
}
|
|
|
|
.product-buttons a.loading [class*='rt-icon'],
|
|
.product-buttons a.loading:before {
|
|
-webkit-animation: spin 2s infinite linear;
|
|
animation: spin 2s infinite linear;
|
|
display: inline-block;
|
|
}
|
|
|
|
.product-buttons a.loading [class*='rt-icon']:before,
|
|
.product-buttons a.loading:before:before {
|
|
content: "\e61b";
|
|
}
|
|
|
|
.product-buttons a.loading:before {
|
|
content: "\e61b";
|
|
}
|
|
|
|
.product-buttons a i,
|
|
.product-buttons a:before {
|
|
color: #fff;
|
|
font-size: 16px;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.product-buttons a:before {
|
|
content: "\e626";
|
|
font-family: "rt-icons-2";
|
|
}
|
|
|
|
.product-buttons a.favorite_button {
|
|
background-color: #bee27b;
|
|
color: #272727;
|
|
}
|
|
|
|
.product-buttons a.favorite_button:before {
|
|
content: "\f08a";
|
|
font-family: "rt-icons-2";
|
|
}
|
|
|
|
.product-buttons a:hover {
|
|
background-color: #272727;
|
|
color: #fff;
|
|
}
|
|
|
|
.product-buttons a.added_to_cart {
|
|
background-color: #fff;
|
|
color: transparent;
|
|
font-size: 0;
|
|
}
|
|
|
|
.product-buttons a.added_to_cart:hover {
|
|
background-color: #4ebbe3;
|
|
}
|
|
|
|
.product-buttons a.added_to_cart:before {
|
|
color: #272727;
|
|
content: "\e6c0";
|
|
font-family: "rt-icons-2";
|
|
font-size: 26px;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.product-buttons a.product_type_variable:before {
|
|
content: "\e63f";
|
|
font-size: 20px;
|
|
}
|
|
|
|
/* single-product */
|
|
.thumbnails-wrap {
|
|
margin-top: 9px;
|
|
}
|
|
|
|
.summary h1 {
|
|
font-size: 24px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.summary h1 {
|
|
font-size: 30px;
|
|
}
|
|
}
|
|
|
|
.summary .product-rating,
|
|
.summary .woocommerce-product-rating {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.summary .price {
|
|
background-color: transparent;
|
|
display: block;
|
|
line-height: 1;
|
|
position: static;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.summary .price del {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.summary .woocommerce-variation-price .price {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.summary .star-rating {
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
margin-right: 20px;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
.summary .star-rating:before,
|
|
.summary .star-rating span:before {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.summary .stock {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.summary .email-to {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.summary .product-option-name {
|
|
display: inline-block;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.summary .theme_button {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.summary .theme_button.wc-variation-selection-needed {
|
|
cursor: not-allowed;
|
|
opacity: .4;
|
|
}
|
|
|
|
.summary .posted_in {
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.summary .posted_in .small_button {
|
|
margin-left: 5px;
|
|
padding-left: 6px;
|
|
padding-right: 6px;
|
|
}
|
|
|
|
.summary .product_meta {
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|
font-size: 0;
|
|
margin-top: 20px;
|
|
padding-bottom: 30px;
|
|
}
|
|
|
|
.summary .product_meta > * {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.summary .product_meta > span {
|
|
display: inline-block;
|
|
min-width: 50%;
|
|
}
|
|
|
|
.summary .product_meta > span.sku_wrapper {
|
|
display: block;
|
|
}
|
|
|
|
.summary .product_meta a {
|
|
margin: 0 0 0 6px;
|
|
}
|
|
|
|
.summary [itemprop="description"] {
|
|
margin: 30px 0;
|
|
}
|
|
|
|
.summary ul.list1 li {
|
|
padding-bottom: 20px;
|
|
padding-top: 15px;
|
|
}
|
|
|
|
.summary .reset_variations {
|
|
color: transparent;
|
|
font-size: 0;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
.summary .reset_variations:before {
|
|
color: #272727;
|
|
content: "\e117";
|
|
font-family: "rt-icons-2";
|
|
font-size: 18px;
|
|
}
|
|
|
|
.summary label {
|
|
margin: 0;
|
|
}
|
|
|
|
.summary select {
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.summary [class*='add-to-cart'] {
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.summary [class*='add-to-cart'] .theme_button {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.summary .share_buttons {
|
|
background-color: transparent;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|
margin: 0 0 40px;
|
|
padding: 0 0 30px;
|
|
}
|
|
|
|
.summary .variations + .share_buttons {
|
|
border-top: 1px solid rgba(0, 0, 0, 0.05);
|
|
margin-top: 10px;
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.quantity {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
|
|
.quantity [type="button"] {
|
|
background-color: transparent;
|
|
border: none;
|
|
color: transparent;
|
|
height: 10px;
|
|
line-height: 1;
|
|
position: absolute;
|
|
right: 20px;
|
|
top: 12px;
|
|
width: 22px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.quantity [type="button"] + i {
|
|
color: #79d7d8;
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
line-height: 10px;
|
|
position: absolute;
|
|
right: 20px;
|
|
text-align: center;
|
|
top: 12px;
|
|
width: 22px;
|
|
}
|
|
|
|
.quantity [type="button"]:hover + i {
|
|
color: #272727;
|
|
}
|
|
|
|
.quantity [type="button"].minus {
|
|
bottom: 12px;
|
|
top: auto;
|
|
}
|
|
|
|
.quantity [type="button"].minus + i {
|
|
bottom: 12px;
|
|
top: auto;
|
|
}
|
|
|
|
.quantity [type="number"] {
|
|
max-width: 95px;
|
|
min-width: 70px;
|
|
padding-left: 20px;
|
|
padding-right: 40px;
|
|
}
|
|
|
|
.summary .quantity {
|
|
margin-bottom: 5px;
|
|
margin-right: 16px;
|
|
}
|
|
|
|
.variations td {
|
|
border: 0;
|
|
display: block;
|
|
padding: 3px 0;
|
|
}
|
|
|
|
.variations td.value {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.variations label {
|
|
color: #272727;
|
|
font-size: 24px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.product_meta_bottom {
|
|
margin: 0 0 20px;
|
|
}
|
|
|
|
.owl-carousel.products {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.owl-carousel.thumbnails-wrap {
|
|
margin: 10px 0 0;
|
|
}
|
|
|
|
.owl-carousel.thumbnails-wrap .owl-dots {
|
|
margin: 10px 0 5px;
|
|
}
|
|
|
|
.owl-carousel.thumbnails-wrap .owl-dots .owl-dot span {
|
|
border-width: 1px;
|
|
height: 10px;
|
|
width: 10px;
|
|
}
|
|
|
|
.product-icons .teaser [class*="_bg_color"] {
|
|
padding: 10px;
|
|
}
|
|
|
|
.product + .nav-tabs,
|
|
.woocommerce-tabs {
|
|
margin-top: 80px;
|
|
}
|
|
|
|
/*shop comments*/
|
|
.commentlist {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.commentlist li {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.commentlist li img {
|
|
border-radius: 50%;
|
|
display: block;
|
|
float: left;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.commentlist .comment-text {
|
|
overflow: hidden;
|
|
padding: 5px 0 0 20px;
|
|
position: relative;
|
|
}
|
|
|
|
.commentlist p.meta {
|
|
font-size: 0;
|
|
margin: 0 0 30px;
|
|
}
|
|
|
|
.commentlist p.meta strong {
|
|
color: #272727;
|
|
display: block;
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
line-height: 1;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.commentlist p.meta strong {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
|
|
.commentlist p.meta .woocommerce-review__dash {
|
|
display: none;
|
|
}
|
|
|
|
.commentlist p.meta time {
|
|
color: #4ebbe3;
|
|
display: block;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.commentlist .star-rating {
|
|
position: absolute;
|
|
top: 60px;
|
|
}
|
|
|
|
#reply-title {
|
|
color: #272727;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.woocommerce-tabs .tab-content {
|
|
padding-top: 40px;
|
|
}
|
|
|
|
.woocommerce-tabs .tab-content .comment-respond {
|
|
margin: 30px 0 0;
|
|
}
|
|
|
|
.woocommerce-tabs .tab-content .comment-respond h3 {
|
|
font-size: 28px;
|
|
}
|
|
|
|
.woocommerce-tabs .tab-content .comment-respond h4 {
|
|
font-size: 28px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/*comment respond form*/
|
|
#review_form textarea,
|
|
#review_form [type*='text'],
|
|
#review_form [type*='email'] {
|
|
display: block;
|
|
margin-bottom: 10px;
|
|
width: 100%;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
#review_form .comment-form-author {
|
|
float: left;
|
|
padding-right: 5px;
|
|
width: 50%;
|
|
}
|
|
|
|
#review_form .comment-form-email {
|
|
float: left;
|
|
padding-left: 5px;
|
|
width: 50%;
|
|
}
|
|
|
|
#review_form .form-submit {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
.comment-form-rating label[for] {
|
|
display: block;
|
|
}
|
|
|
|
/* cart */
|
|
.shop_table ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.shop-adds {
|
|
font-size: 20px;
|
|
font-weight: 300;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.shop-adds .fa {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.shop-adds.teaser {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.shop-adds.teaser [class*="_bg_color"] {
|
|
padding: 12px;
|
|
}
|
|
|
|
table.cart {
|
|
margin-bottom: 30px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
table.cart .media img {
|
|
max-width: 60px;
|
|
}
|
|
|
|
table.cart .product-thumbnail img {
|
|
max-width: 100px;
|
|
}
|
|
|
|
table.cart h4 {
|
|
font-size: 16px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
table.cart td,
|
|
table.cart th {
|
|
padding: 18px 20px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
table.cart .coupon {
|
|
display: inline-block;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
table.cart a {
|
|
color: #272727;
|
|
}
|
|
|
|
table.cart td.product-name {
|
|
font-size: 18px;
|
|
}
|
|
|
|
table.cart .product-remove {
|
|
text-align: center;
|
|
}
|
|
|
|
table.cart .attachment-shop_thumbnail {
|
|
min-width: 100px;
|
|
}
|
|
|
|
table.cart .product-info {
|
|
min-width: 200px;
|
|
}
|
|
|
|
.coupon .button {
|
|
background-color: #4ebbe3;
|
|
border-color: #4ebbe3;
|
|
color: #fff;
|
|
}
|
|
|
|
.coupon .button:hover {
|
|
background-color: transparent;
|
|
border-color: #4ebbe3;
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
form.cart {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
form.cart .theme_button {
|
|
margin: 0;
|
|
}
|
|
|
|
form.cart .quantity + .theme_button {
|
|
border-radius: 25px;
|
|
padding: 17px 25px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.cart_totals h4:first-child {
|
|
margin: 60px 0 30px;
|
|
}
|
|
|
|
.cart_totals table {
|
|
margin: 0 0 50px;
|
|
}
|
|
|
|
.cart_totals table th,
|
|
.cart_totals table td {
|
|
padding: 20px 20px;
|
|
}
|
|
|
|
.cart_totals table th {
|
|
width: 140px;
|
|
}
|
|
|
|
/* chekcout */
|
|
.shop-info {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
#createaccount {
|
|
margin-top: 0;
|
|
}
|
|
|
|
#ship-to-different-address label {
|
|
display: inline-block;
|
|
}
|
|
|
|
#ship-to-different-address label + input {
|
|
margin: 0 12px;
|
|
}
|
|
|
|
.checkout [class*='col-'],
|
|
.shop-register [class*='col-'] {
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.woocommerce form input[type="radio"] {
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.woocommerce form input[type="checkbox"] {
|
|
margin-right: 6px;
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
|
|
.woocommerce form p:last-child {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.form-row {
|
|
margin: 0 0 15px;
|
|
}
|
|
|
|
.form-row:before,
|
|
.form-row:after {
|
|
clear: both;
|
|
content: "";
|
|
display: block;
|
|
}
|
|
|
|
.form-row .checkbox {
|
|
margin: -5px 0 0;
|
|
}
|
|
|
|
.form-row .lost_password {
|
|
margin: 15px 0 -15px;
|
|
}
|
|
|
|
.form-row label {
|
|
display: block;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.form-row [type="email"],
|
|
.form-row [type="number"],
|
|
.form-row [type="password"],
|
|
.form-row [type="text"],
|
|
.form-row select,
|
|
.form-row textarea {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.form-row label {
|
|
float: left;
|
|
padding-right: 25px;
|
|
text-align: right;
|
|
width: 30%;
|
|
}
|
|
|
|
.form-row label + *,
|
|
.form-row.address-field input {
|
|
float: right;
|
|
width: 70% !important;
|
|
}
|
|
}
|
|
|
|
.woocommerce-account h2 {
|
|
text-align: center;
|
|
}
|
|
|
|
.woocommerce form.login {
|
|
text-align: center;
|
|
}
|
|
|
|
.woocommerce form.login label,
|
|
.woocommerce form.login input {
|
|
float: none;
|
|
text-align: center;
|
|
width: auto !important;
|
|
}
|
|
|
|
.woocommerce form.login [type="submit"] {
|
|
background-color: #4ebbe3;
|
|
color: #fff;
|
|
margin-top: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.woocommerce form.login [type="submit"]:hover {
|
|
color: #272727;
|
|
}
|
|
|
|
.woocommerce form.login .woocommerce-Input {
|
|
margin: auto;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.col2-set {
|
|
float: left;
|
|
padding-right: 50px;
|
|
width: 70%;
|
|
}
|
|
|
|
.col2-set.addresses {
|
|
float: none;
|
|
margin: 0 -15px;
|
|
padding: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.col2-set.addresses:before,
|
|
.col2-set.addresses:after {
|
|
clear: both;
|
|
content: "";
|
|
display: block;
|
|
}
|
|
|
|
.col2-set.addresses .col-1,
|
|
.col2-set.addresses .col-2 {
|
|
float: left;
|
|
padding: 0 15px;
|
|
width: 50%;
|
|
}
|
|
|
|
#order_review_heading,
|
|
#order_review {
|
|
float: left;
|
|
margin-top: 0;
|
|
width: 30%;
|
|
}
|
|
}
|
|
|
|
/* shop single*/
|
|
.cart-button {
|
|
margin: 50px 0 55px;
|
|
}
|
|
|
|
.share-title {
|
|
font-size: 20px;
|
|
margin: 56px 0 18px;
|
|
}
|
|
|
|
/* shop */
|
|
.shop-item .item-content {
|
|
padding: 30px 40px;
|
|
}
|
|
|
|
.shop-item .item-price {
|
|
font-size: 30px;
|
|
font-weight: 800;
|
|
line-height: 1;
|
|
margin: 9px 0 16px;
|
|
}
|
|
|
|
.shop-item .item-price span {
|
|
font-size: 40px;
|
|
}
|
|
|
|
.shop-item .cart-button {
|
|
margin: 50px 0 28px;
|
|
}
|
|
|
|
.related-item .item-content {
|
|
padding: 14px 25px;
|
|
}
|
|
|
|
.related-item h4 {
|
|
font-size: 20px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.related-item .cart-button {
|
|
margin: 14px 0 14px;
|
|
}
|
|
|
|
.select2-container .select2-choice {
|
|
border: none;
|
|
border-radius: 0;
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.select2-drop-active {
|
|
border-color: #f2f2f2;
|
|
}
|
|
|
|
.woocommerce-checkout-payment {
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.woocommerce-checkout-payment .radio {
|
|
margin: 2px 0;
|
|
}
|
|
|
|
.woocommerce-checkout-payment ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.woocommerce-checkout-payment li {
|
|
border-bottom: 1px solid #f2f2f2;
|
|
padding: 11px 0 6px;
|
|
}
|
|
|
|
.woocommerce-checkout-payment li:first-child {
|
|
border-top: 1px solid #f2f2f2;
|
|
}
|
|
|
|
.woocommerce-checkout-payment p {
|
|
margin: 0;
|
|
}
|
|
|
|
.woocommerce-checkout-payment img {
|
|
display: none;
|
|
}
|
|
|
|
.woocommerce-checkout-payment [type="submit"] {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
/*messages*/
|
|
.wc-forward {
|
|
float: right;
|
|
}
|
|
|
|
.row > .alert {
|
|
margin-left: 25px;
|
|
margin-right: 25px;
|
|
}
|
|
|
|
/*my account*/
|
|
.woocommerce-MyAccount-navigation {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.woocommerce-MyAccount-navigation ul {
|
|
padding: 0;
|
|
}
|
|
|
|
.woocommerce-MyAccount-navigation li {
|
|
display: inline-block;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.woocommerce-MyAccount-navigation .is-active a {
|
|
color: #4ebbe3 !important;
|
|
}
|
|
|
|
.woocommerce-MyAccount-content h2 {
|
|
margin: 40px 0;
|
|
}
|
|
|
|
.woocommerce-Message {
|
|
background: #fff;
|
|
padding: 30px;
|
|
}
|
|
|
|
.woocommerce-Message .woocommerce-Button {
|
|
float: right;
|
|
}
|
|
|
|
.order-actions {
|
|
text-align: center;
|
|
}
|
|
|
|
.customer_details {
|
|
margin-bottom: 60px;
|
|
}
|
|
|
|
.addresses address {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* shop widgets */
|
|
/* cart widget */
|
|
.widget_shopping_cart img {
|
|
max-width: 80px;
|
|
}
|
|
|
|
.widget_shopping_cart h4 {
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
margin-bottom: 0;
|
|
margin-right: 20px;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.widget_shopping_cart .cart_list {
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
.widget_shopping_cart .product-quantity {
|
|
display: block;
|
|
font-size: 12px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.widget_shopping_cart .product-quantity .price {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.widget_shopping_cart .remove {
|
|
float: left;
|
|
font-size: 0;
|
|
}
|
|
|
|
.widget_shopping_cart .remove:before {
|
|
content: "\f00d";
|
|
font-family: FontAwesome;
|
|
font-size: 20px;
|
|
line-height: 1em;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.widget_shopping_cart.darklinks .remove {
|
|
color: #79d7d8;
|
|
}
|
|
|
|
.widget_shopping_cart.darklinks .remove:hover {
|
|
color: #272727;
|
|
}
|
|
|
|
.widget_shopping_cart li a + a {
|
|
color: #272727;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.widget_shopping_cart li .quantity {
|
|
display: block;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.widget_shopping_cart .wc-forward {
|
|
float: none;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.widget_shopping_cart .total {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
margin: 5px 0 15px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.widget_shopping_cart.darklinks a.button,
|
|
.widget_shopping_cart a.button {
|
|
background-color: #79d7d8;
|
|
border-color: #79d7d8;
|
|
color: #fff;
|
|
}
|
|
|
|
.widget_shopping_cart.darklinks a.button:hover,
|
|
.widget_shopping_cart.darklinks a.button:active,
|
|
.widget_shopping_cart.darklinks a.button:focus,
|
|
.widget_shopping_cart a.button:hover,
|
|
.widget_shopping_cart a.button:active,
|
|
.widget_shopping_cart a.button:focus {
|
|
background-color: transparent;
|
|
color: #79d7d8;
|
|
}
|
|
|
|
.widget_shopping_cart.darklinks a.button.checkout,
|
|
.widget_shopping_cart a.button.checkout {
|
|
background-color: #bee27b;
|
|
border-color: #bee27b;
|
|
}
|
|
|
|
.widget_shopping_cart.darklinks a.button.checkout:hover,
|
|
.widget_shopping_cart.darklinks a.button.checkout:active,
|
|
.widget_shopping_cart.darklinks a.button.checkout:focus,
|
|
.widget_shopping_cart a.button.checkout:hover,
|
|
.widget_shopping_cart a.button.checkout:active,
|
|
.widget_shopping_cart a.button.checkout:focus {
|
|
background-color: transparent;
|
|
color: #bee27b;
|
|
}
|
|
|
|
.widget_popular_entries.widget_recently_viewed_products li,
|
|
.widget_popular_entries.widget_shopping_cart li {
|
|
border-bottom: none !important;
|
|
border-top: none !important;
|
|
}
|
|
|
|
.widget_popular_entries.widget_rating_filter li {
|
|
margin: 0;
|
|
}
|
|
|
|
.woocommerce-mini-cart__total strong {
|
|
font-weight: 400;
|
|
}
|
|
|
|
/* price filter */
|
|
.widget_price_filter input[readonly] {
|
|
display: inline-block;
|
|
margin-bottom: 4px;
|
|
max-width: 80px;
|
|
padding-left: 3px;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
.widget_price_filter .ui-slider-range {
|
|
background: #79d7d8;
|
|
}
|
|
|
|
.widget_price_filter .ui-slider-horizontal {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.widget_price_filter label[for] {
|
|
display: inline-block;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
.widget_price_filter .form-group {
|
|
display: inline-block;
|
|
margin-bottom: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.widget_price_filter .price_slider_amount {
|
|
padding-bottom: 70px;
|
|
position: relative;
|
|
}
|
|
|
|
.widget_price_filter input[type="text"] + .theme_button {
|
|
border-radius: 20px;
|
|
height: auto;
|
|
left: 0;
|
|
line-height: 1em;
|
|
margin: 0;
|
|
padding: 12px 25px;
|
|
right: 0;
|
|
top: 50px;
|
|
width: auto;
|
|
}
|
|
|
|
/*! jQuery UI - v1.11.1 - 2014-10-03
|
|
* http://jqueryui.com
|
|
* Includes: core.css, slider.css
|
|
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
|
|
/* Misc visuals
|
|
----------------------------------*/
|
|
/* Overlays */
|
|
.ui-widget-overlay {
|
|
height: 100%;
|
|
left: 0;
|
|
position: fixed;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.ui-slider {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
position: relative;
|
|
text-align: left;
|
|
}
|
|
|
|
.ui-slider .ui-slider-handle {
|
|
background-color: #79d7d8;
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
height: 12px;
|
|
position: absolute;
|
|
-ms-touch-action: none;
|
|
touch-action: none;
|
|
width: 12px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.ui-slider .ui-slider-range {
|
|
background-position: 0 0;
|
|
border: 0;
|
|
display: block;
|
|
font-size: .7em;
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* support: IE8 - See #6727 */
|
|
.ui-slider.ui-state-disabled .ui-slider-handle,
|
|
.ui-slider.ui-state-disabled .ui-slider-range {
|
|
-webkit-filter: inherit;
|
|
filter: inherit;
|
|
}
|
|
|
|
.ui-slider-horizontal {
|
|
height: 4px;
|
|
}
|
|
|
|
.ui-slider-horizontal .ui-slider-handle {
|
|
margin-left: -6px;
|
|
top: -4px;
|
|
}
|
|
|
|
.ui-slider-horizontal .ui-slider-range {
|
|
height: 100%;
|
|
top: 0;
|
|
}
|
|
|
|
.ui-slider-horizontal .ui-slider-range-min {
|
|
left: 0;
|
|
}
|
|
|
|
.ui-slider-horizontal .ui-slider-range-max {
|
|
right: 0;
|
|
}
|
|
|
|
.ui-slider-vertical {
|
|
height: 100px;
|
|
width: .8em;
|
|
}
|
|
|
|
.ui-slider-vertical .ui-slider-handle {
|
|
left: -.3em;
|
|
margin-bottom: -.6em;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.ui-slider-vertical .ui-slider-range {
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.ui-slider-vertical .ui-slider-range-min {
|
|
bottom: 0;
|
|
}
|
|
|
|
.ui-slider-vertical .ui-slider-range-max {
|
|
top: 0;
|
|
}
|
|
|
|
/* color layered nav */
|
|
.widget_layered_nav .color-filters li {
|
|
display: inline-block;
|
|
margin: 0 29px 14px 0;
|
|
}
|
|
|
|
.widget_layered_nav .color-filters a {
|
|
background-color: #ccc;
|
|
color: transparent;
|
|
display: inline-block;
|
|
font-size: 0;
|
|
height: 23px;
|
|
position: relative;
|
|
width: 23px;
|
|
}
|
|
|
|
.widget_layered_nav .color-filters a:before {
|
|
border: 1px solid rgba(0, 0, 0, 0.05);
|
|
bottom: -2px;
|
|
content: "";
|
|
display: block;
|
|
left: -2px;
|
|
position: absolute;
|
|
right: -2px;
|
|
top: -2px;
|
|
}
|
|
|
|
.widget_layered_nav .color-filters span {
|
|
left: 5px;
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
|
|
/* widget_products */
|
|
.widget_products img {
|
|
max-width: 80px;
|
|
}
|
|
|
|
.widget_products .media h3 {
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
line-height: 1.4;
|
|
margin: 3px 0 10px;
|
|
}
|
|
|
|
.widget_products .star-rating {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.widget_products .price {
|
|
background-color: transparent;
|
|
line-height: 1;
|
|
padding: 0;
|
|
position: static;
|
|
}
|
|
|
|
/*widget_top_rated_products*/
|
|
.widget .product-title {
|
|
display: block;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1;
|
|
padding-top: 5px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.widget .woocommerce-Price-amount {
|
|
color: #4ebbe3;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.widget del .woocommerce-Price-amount {
|
|
color: inherit;
|
|
}
|
|
|
|
.widget .star-rating {
|
|
display: block;
|
|
}
|
|
|
|
/*widget_recent_reviews*/
|
|
.widget_recent_reviews li:before,
|
|
.widget_recent_reviews li:after,
|
|
.product_list_widget li:before,
|
|
.product_list_widget li:after {
|
|
clear: both;
|
|
content: "";
|
|
display: block;
|
|
}
|
|
|
|
.widget_recent_reviews img,
|
|
.product_list_widget img {
|
|
float: left;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.widget_recent_reviews .remove,
|
|
.product_list_widget .remove {
|
|
font-weight: 400;
|
|
}
|
|
|
|
/*widget_rating_filter*/
|
|
.widget_rating_filter li {
|
|
clear: both;
|
|
padding: 10px;
|
|
text-align: right;
|
|
}
|
|
|
|
.widget_rating_filter .star-rating {
|
|
float: left;
|
|
margin-top: 9px;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
table.cart {
|
|
display: block;
|
|
overflow-x: auto;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
#order_review_heading,
|
|
#order_review {
|
|
float: left;
|
|
margin-top: 0;
|
|
}
|
|
|
|
#order_review_heading > table,
|
|
#order_review > table {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
.cart-button i {
|
|
position: relative;
|
|
}
|
|
|
|
.cart-button i:after {
|
|
background-color: #4ebbe3;
|
|
border: 2px solid #fff;
|
|
border-radius: 50%;
|
|
content: "";
|
|
height: 10px;
|
|
position: absolute;
|
|
right: -2px;
|
|
top: -3px;
|
|
width: 10px;
|
|
}
|
|
|
|
.cart-button i.empty:after {
|
|
display: none;
|
|
}
|
|
|
|
.cart-button .total-price {
|
|
color: #fff;
|
|
padding-left: 5px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.header_white .cart-button .total-price {
|
|
color: #4ebbe3;
|
|
}
|