File: /home/adventp/www/wp-content/themes/brooklyn/css/ut.brooklyn-shop.css
/*
##########################################################################################
BROOKLYN THEME BY UNITED THEMES™ (A BRAND OF DIGISHARK™ LLC)
WEB DEVELOPMENT FORGE EST.2011
WWW.UNITEDTHEMES.COM
COPYRIGHT 2011 - 2025 ALL RIGHTS RESERVED BY UNITED THEMES™ (A BRAND OF DIGISHARK® LLC)
##########################################################################################
*/
.woocommerce ul.products li.product .price {
color: #151515;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #151515;
}
.type-product {
background: #FFFFFF;
}
li.type-product {
-webkit-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}
li.type-product:hover {
-webkit-box-shadow:0 15px 15px -10px rgba(0,0,0,.15);
box-shadow:0 15px 15px -10px rgba(0,0,0,.15);
}
.woocommerce .products ul,
.woocommerce ul.products {
margin: 0;
}
.single-product .related.products {
clear: left;
}
@media (min-width: 1200px) {
.woocommerce table.shop_table,
.woocommerce div.product div.images {
margin-bottom: 80px;
}
.single-product .related.products {
margin-top: 80px;
}
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
font-size: 18px;
padding: 0 20px;
margin-bottom: 0;
line-height: 125%;
}
.woocommerce ul.products li.product .button {
margin: 20px 0;
}
.product_title.entry-title,
.woocommerce ul.products li.product a img {
margin-bottom: 20px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product,
.woocommerce-LoopProduct-link.woocommerce-loop-product__link .woocommerce-loop-product__title,
.woocommerce-LoopProduct-link.woocommerce-loop-product__link .price {
text-align: center;
}
.woocommerce-LoopProduct-link.woocommerce-loop-product__link .button {
margin: 0 auto;
}
.woocommerce-LoopProduct-link.woocommerce-loop-product__link .star-rating,
.woocommerce ul.products li.product .star-rating {
margin: 10px auto;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background: #DDDDDD;
}
.woocommerce ul.products li.product .price ins,
.price ins {
color: inherit;
padding: 0;
}
.woocommerce ul.products li.product .price {
margin: 0;
}
.single_add_to_cart_button.button.alt {
height: 48px;
}
.woocommerce .quantity .qty {
margin: 0 10px 0 0;
height: 48px;
}
.woocommerce-cart-form .quantity .qty {
margin: 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image {
width: 100%;
margin-bottom: 10px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
width: 55px;
margin-right: 10px;
border: 1px solid #DDDDDD;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:last-child {
margin-right: 0;
}
.woocommerce div.product div.images .flex-viewport .woocommerce-product-gallery__wrapper {
justify-content: initial;
}
.woocommerce div.product div.images .flex-viewport .woocommerce-product-gallery__image:nth-child(n+2) {
margin-right: 0;
border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
margin: 0 0 1.618em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border-color: #DDDDDD;
}
mark.count {
background: none;
}
/* On Sale Badge */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
top: 20px;
right: auto;
left: 20px;
margin: 0;
padding: 0;
}
/* Font Weight */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
font-weight: normal;
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table th,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce table.shop_attributes th {
font-weight: normal;
}
.woocommerce div.product form.cart .variations label,
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
font-weight: normal;
}
.woocommerce .product_list_widget ins,
.woocommerce-grouped-product-list-item__price ins{
background: transparent;
padding: 0;
color: inherit;
font-weight: bold;
}
.woocommerce .product_list_widget .reviewer {
font-size: 10px;
}
.woocommerce .product_meta {
font-size: 12px;
}
.woocommerce .product_meta .sku_wrapper,
.woocommerce .product_meta .posted_in,
.woocommerce .product_meta .tagged_as {
display: block;
}
.woocommerce div.product form.cart .group_table td,
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
vertical-align: middle;
text-align: left;
}
.woocommerce-billing-fields__field-wrapper,
.woocommerce div.product form.cart .variations {
margin-bottom: 40px;
}
.checkout-button,
.product_type_simple,
.single_add_to_cart_button {
text-transform: uppercase !important;
}
.woocommerce-grouped-product-list-item__price .stock {
margin-bottom: 0;
}
.woocommerce div.product form.cart .reset_variations {
display: none;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
background: transparent;
}
.woocommerce #secondary .sidebar {
margin-bottom: 40px;
}
#reviews #comments {
padding-top: 0 !important;
margin-top: 0 !important;
border-top: none !important;
}
.product-name a {
text-decoration: none !important;
}
#review_form #reply-title {
display: none;
}
/* Cart Page */
#ut-sitebody .woocommerce table.shop_table {
text-align: left;
border-collapse: separate;
}
#ut-sitebody .woocommerce table.shop_table .product-thumbnail img {
vertical-align: middle;
width: 100px;
}
#ut-sitebody .woocommerce-cart table.cart {
border-bottom: 1px solid #f1f2f4;
}
#ut-sitebody .woocommerce table.shop_table {
border: 0;
margin-bottom: 0;
}
#ut-sitebody .woocommerce table.shop_table {
margin: 0 0 24px 0;
width: 100%;
border-spacing: 0;
border-radius: 0;
}
#ut-sitebody .woocommerce table.shop_table thead tr {
border-bottom: 2px solid #23232c;
}
#ut-sitebody .woocommerce table.shop_table .product-thumbnail {
width: 140px;
}
#ut-sitebody #add_payment_method table.cart .product-thumbnail,
#ut-sitebody .woocommerce-cart table.cart .product-thumbnail,
#ut-sitebody .woocommerce-checkout table.cart .product-thumbnail {
min-width: 32px;
}
#ut-sitebody .woocommerce table.shop_table th {
font-weight: 500;
color: #23232c;
text-transform: uppercase;
border-top: 0;
padding: 10px 0;
}
#ut-sitebody .woocommerce table.shop_table th,
#ut-sitebody .woocommerce table.shop_table td {
border-right: 0;
}
#ut-sitebody #add_payment_method table.cart td,
#ut-sitebody #add_payment_method table.cart th,
#ut-sitebody .woocommerce-cart table.cart td,
#ut-sitebody .woocommerce-cart table.cart th,
#ut-sitebody .woocommerce-checkout table.cart td,
#ut-sitebody .woocommerce-checkout table.cart th {
vertical-align: middle;
}
#ut-sitebody .woocommerce-cart table.cart .product-remove {
text-align: right;
}
#ut-sitebody .woocommerce table.shop_table .product-remove {
width: 60px;
}
#ut-sitebody .woocommerce table.shop_table tbody tr {
border-bottom: 1px solid #f1f2f4;
}
#ut-sitebody .woocommerce table.shop_table .product-thumbnail {
width: 140px;
}
#ut-sitebody #add_payment_method table.cart .product-thumbnail,
#ut-sitebody .woocommerce-cart table.cart .product-thumbnail,
#ut-sitebody .woocommerce-checkout table.cart .product-thumbnail {
min-width: 32px;
}
#ut-sitebody .woocommerce table.shop_table td {
color: #23232c;
padding: 20px 0;
border-color: #f1f2f4;
}
#ut-sitebody .woocommerce table.shop_table th,
#ut-sitebody .woocommerce table.shop_table td {
border-right: 0;
border-right-color: currentcolor;
}
#ut-sitebody .woocommerce table.shop_table .product-thumbnail img {
width: 100px;
}
#ut-sitebody #add_payment_method table.cart img,
#ut-sitebody .woocommerce-cart table.cart img,
#ut-sitebody .woocommerce-checkout table.cart img {
width: 32px;
-webkit-box-shadow: none;
box-shadow: none;
}
#ut-sitebody .woocommerce table.shop_table th,
#ut-sitebody .woocommerce table.shop_table td {
text-align: left;
}
.product-quantity .quantity input {
border-color: #f1f2f4;
}
#ut-sitebody .woocommerce ul#shipping_method li input {
display: inline-block !important;
}
#ut-sitebody .woocommerce .product-remove a.remove {
text-decoration: none !important;
}
/* Product Tabs */
#ut-sitebody.woocommerce div.product .woocommerce-tabs ul.tabs {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
#ut-sitebody.woocommerce div.product .woocommerce-tabs ul.tabs li,
#ut-sitebody.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: transparent;
margin: 0 -1px 0 0;
}
#ut-sitebody.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
#ut-sitebody.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
display: none;
}
@media (min-width: 768px) {
#ut-sitebody.woocommerce-page table.shop_table_responsive td.actions {
background-color: rgba(0, 0, 0, .025);
padding: 20px;
}
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .button {
width: 48%;
}
.woocommerce-page table.cart td.actions .button {
display: block;
width: 48%;
float: right;
}
.woocommerce-page table.cart td.actions .coupon .button {
float: right;
}
.woocommerce-cart-form .coupon {
width: 50%;
}
}
@media (max-width: 768px) {
#ut-sitebody.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background: transparent;
padding: 0;
}
#ut-sitebody.woocommerce-page table.shop_table_responsive td.actions {
background-color: rgba(0, 0, 0, .025);
padding: 20px;
}
}
/* Product Description Spacing */
.woocommerce div.product .woocommerce-tabs .panel > .ut-first-section {
padding-top: 0;
}
.woocommerce div.product .woocommerce-tabs .panel > .ut-last-section {
padding-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs .panel > .vc_row {
margin-left: -20px;
margin-right: -20px;
}
/* Quantity Input */
.woocommerce .ut-shop-quantity {
-webkit-transition: border .3s ease;
-o-transition: border .3s ease;
transition: border .3s ease;
max-width: 120px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 7px;
border: 1px solid #DDDDDD;
}
.woocommerce .ut-shop-quantity:hover {
border-color: #151515;
}
.woocommerce .ut-shop-quantity .increase,
.woocommerce .ut-shop-quantity .decrease {
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
width: 24px;
height: 36px;
position: relative;
cursor: pointer;
padding: 0 6px !important;
background: none;
border: 0;
background: transparent !important;
}
.woocommerce .ut-shop-quantity .increase:after,
.woocommerce .ut-shop-quantity .increase:before,
.woocommerce .ut-shop-quantity .decrease:after {
content: ' ';
position: absolute;
background-color: #DDD;
width: 2px;
height: 40%;
top: 30%;
}
.woocommerce .ut-shop-quantity .decrease:after,
.woocommerce .ut-shop-quantity .increase:after {
transform: rotate(90deg);
}
.woocommerce .ut-shop-quantity .increase:hover:after,
.woocommerce .ut-shop-quantity .increase:hover:before,
.woocommerce .ut-shop-quantity .decrease:hover:after {
background-color: #151515;
}
.woocommerce .ut-shop-quantity .qty {
-moz-appearance: textfield;
border-width: 0;
width: 60px;
height: 44px;
font-size: 16px;
color: #23232c;
margin: 0;
box-shadow: none;
}
.woocommerce .ut-shop-quantity .qty::-webkit-outer-spin-button,
.woocommerce .ut-shop-quantity .qty::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.woocommerce .ut-shop-quantity + .single_add_to_cart_button {
height: 60px;
}