| Dir : /home/trave494/v1world.us/wp-content/themes/ultra/woocommerce/ |
| Server: Linux ngx353.inmotionhosting.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64 IP: 209.182.202.254 |
| Dir : //home/trave494/v1world.us/wp-content/themes/ultra/woocommerce/woocommerce.scss |
/*
Theme Name: Ultra
Description: Adds support for WooCommerce.
*/
// Vendor Dependencies
@import "bourbon";
// Variables and Mixins
@import "../sass/variables-site/variables-site";
@import "../sass/mixins/mixins-master";
/*--------------------------------------------------------------
## - Entry Header
--------------------------------------------------------------*/
.woocommerce .entry-header {
background: $color__background-lighter;
box-sizing: content-box;
margin-bottom: 2.67857em;
padding: 1.33929em 0;
}
.woocommerce .entry-header h1.entry-title {
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
width: 70%;
}
@media (max-width: $medium) {
.resp {
&.woocommerce .entry-header h1.entry-title {
text-align: center;
width: 100%;
}
}
}
.woocommerce .container .woocommerce-breadcrumb {
box-sizing: border-box;
color: $color__text-main-minus-3;
display: inline-block;
margin: 0;
text-align: right;
vertical-align: middle;
width: 29%;
@media (max-width: $medium) {
@at-root .resp#{&} {
text-align: center;
width: 100%;
}
}
a {
color: $color__text-main-minus-3;
&:hover {
color: $color__link;
}
}
}
.woocommerce.single-product .entry-header {
margin-bottom: 2.67857em;
}
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
color: $color__text-main-minus-1;
@include font-size(0.92857);
line-height: 1.92308em;
margin-bottom: 2.67857em;
}
/*--------------------------------------------------------------
## - Buttons
--------------------------------------------------------------*/
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce .products 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 {
background-color: transparent;
background: rgba(8, 150, 254, 1);
border-bottom: none;
color: $color__background-body;
font-weight: 400;
padding: 0.7142em 1.2143em;
text-transform: none;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce .products a.button: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 {
background: rgba(8, 150, 254, 0.8);
border-bottom: none;
color: $color__background-body;
}
/*--------------------------------------------------------------
## - Archive
--------------------------------------------------------------*/
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
@include font-size(1.14286);
line-height: 1.5625em;
padding: 0;
}
/*--------------------------------------------------------------
## - Product Single
--------------------------------------------------------------*/
.woocommerce div.product .woocommerce-product-rating {
margin-bottom: 0;
}
.woocommerce ul.products li.product .price {
color: $color__text-main-minus-1;
@include font-size(0.92857);
line-height: 1.92308em;
margin-bottom: 0;
}
.woocommerce span.onsale {
background-color: $color__link;
}
.woocommerce .star-rating {
line-height: normal;
}
.woocommerce .star-rating:before,
.woocommerce ul.products li.product a:not(.button) {
color: $color__text-main-minus-1;
}
// WooCommerce main gallery image.
.woocommerce div.product div.images {
.flex-control-thumbs {
margin-top: 15px;
li {
margin: 0 2.5% 2.5% 0;
width: 23.125%;
&:nth-child(4n) {
margin-right: 0;
}
}
}
}
.woocommerce-review-link {
color: $color__text-main-minus-1;
@include font-size(0.92857);
line-height: 1.92308em;
&:hover {
color: $color__text-main-minus-1;
}
}
.woocommerce p.stars span a {
border: none;
&:hover {
border: none;
}
}
.woocommerce ul.products li.product a.added_to_cart {
font-size: 13px;
}
.single-product input[type="number"] {
padding-top: 7.5px;
padding-bottom: 7.5px;
}
.product_meta {
color: $color__text-main-minus-1;
@include font-size(0.92857);
font-weight: bold;
line-height: 1.92308em;
a {
color: $color__text-main-minus-1;
font-weight: normal;
}
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: $color__text-main-minus-1;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
padding: 7px 9px 8px;
min-width: 150px;
}
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
color: #fff;
padding: 10px 18px 10px;
&:hover {
background: rgba(8, 150, 254, 0.8);
color: #fff;
}
}
.woocommerce-tabs {
h2 {
margin-top: 0;
}
}
.related h2 {
margin-top: 0;
}
.comment-respond .comment-reply-title {
font-size: 16px;
font-weight: bold;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 0.9285em;
}
/*--------------------------------------------------------------
## - Cart
--------------------------------------------------------------*/
.woocommerce a.remove:hover {
background: none;
color: red !important;
}
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
border-bottom: none;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
font-weight: bold;
}
/*--------------------------------------------------------------
## - Checkout
--------------------------------------------------------------*/
.entry-content .woocommerce .country_select,
.entry-content .woocommerce .state_select {
a {
border-bottom: 1px solid #ccc;
color: #444;
&:hover {
border-bottom: 1px solid #ccc;
}
}
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
font-weight: bold;
}
/*--------------------------------------------------------------
## - Pagination
--------------------------------------------------------------*/
.woocommerce nav.woocommerce-pagination ul {
border: none !important;
li {
border: none !important;
margin-right: 5px;
a,
span {
background: $color__background-light;
border-radius: 3px;
color: $color__text-main;
font-size: 14px;
line-height: 37px;
padding: 0 16px;
transition: 0.3s;
&:hover,
&.current {
background: $color__link;
color: $color__background-body;
}
}
.next,
.prev {
font-family: Verdana, Geneva, sans-serif;
padding: 0 14px;
}
}
}
/*--------------------------------------------------------------
## - Product List Widget
--------------------------------------------------------------*/
#primary .woocommerce ul.product_list_widget li {
box-sizing: border-box;
float: left;
margin-bottom: 2.67857em;
text-align: center;
width: 31.33%;
@media (max-width: $small) {
float: none;
width: 100%;
}
}
#primary .woocommerce ul.product_list_widget li:nth-of-type(3n + 2) {
margin-right: 25px;
margin-left: 25px;
@media (max-width: $small) {
margin-right: 0;
margin-left: 0;
}
}
#primary .woocommerce ul.product_list_widget li a {
border-bottom: none;
color: $color__text-main;
}
#primary .woocommerce ul.product_list_widget li a span {
display: block;
text-align: center;
}
#primary .woocommerce ul.product_list_widget li a:hover {
color: $color__link;
}
#primary .woocommerce ul.product_list_widget li img {
float: none;
margin-left: 0;
max-width: 180px;
width: auto;
@media (max-width: $small) {
max-width: 300px;
}
}
/*--------------------------------------------------------------
## - Shopping Cart Widget
--------------------------------------------------------------*/
.woocommerce.widget_shopping_cart {
ul.product_list_widget {
margin-bottom: 14px;
overflow: auto;
li {
img {
float: left;
margin-right: 10px;
width: 80px;
}
&.empty {
padding-left: 0;
text-align: left;
}
}
}
.total {
border-top: 1px solid $color__background-hr;
display: block;
margin-bottom: 7px;
}
.buttons a:hover {
color: #fff;
}
}