1558 lines
53 KiB
CSS
1558 lines
53 KiB
CSS
@charset "UTF-8";
|
||
/**
|
||
* WooCommerce Styles
|
||
* - These styles should be loaded when WooCommerce is active
|
||
*/
|
||
/**
|
||
* Abstracts
|
||
* - Mixins, variables and functions
|
||
*/
|
||
/* Sass Functions go here */
|
||
/**
|
||
* Map deep get
|
||
* @author Hugo Giraudel
|
||
* @access public
|
||
* @param {Map} $map - Map
|
||
* @param {Arglist} $keys - Key chain
|
||
* @return {*} - Desired value
|
||
*
|
||
* Example:
|
||
* $m-breakpoint: map-deep-get($__prefix-default-config, "layouts", "M");
|
||
*/
|
||
/**
|
||
* Deep set function to set a value in nested maps
|
||
* @author Hugo Giraudel
|
||
* @access public
|
||
* @param {Map} $map - Map
|
||
* @param {List} $keys - Key chaine
|
||
* @param {*} $value - Value to assign
|
||
* @return {Map}
|
||
*
|
||
* Example:
|
||
* $__prefix-default-config: map-deep-set($__prefix-default-config, "layouts" "M", 650px);
|
||
*/
|
||
/**
|
||
* jQuery-style extend function
|
||
* - Child themes can use this function to `reset` the values in
|
||
* config maps without editing the `master` Sass files.
|
||
* - src: https://www.sitepoint.com/extra-map-functions-sass/
|
||
* - About `map-merge()`:
|
||
* - - only takes 2 arguments
|
||
* - - is not recursive
|
||
* @param {Map} $map - first map
|
||
* @param {ArgList} $maps - other maps
|
||
* @param {Bool} $deep - recursive mode
|
||
* @return {Map}
|
||
*
|
||
* Examples:
|
||
|
||
$grid-configuration-default: (
|
||
'columns': 12,
|
||
'layouts': (
|
||
'small': 800px,
|
||
'medium': 1000px,
|
||
'large': 1200px,
|
||
),
|
||
);
|
||
|
||
$grid-configuration-custom: (
|
||
'layouts': (
|
||
'large': 1300px,
|
||
'huge': 1500px
|
||
),
|
||
);
|
||
|
||
$grid-configuration-user: (
|
||
'direction': 'ltr',
|
||
'columns': 16,
|
||
'layouts': (
|
||
'large': 1300px,
|
||
'huge': 1500px
|
||
),
|
||
);
|
||
|
||
// $deep: false
|
||
$grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user);
|
||
// --> ("columns": 16, "layouts": (("large": 1300px, "huge": 1500px)), "direction": "ltr")
|
||
|
||
// $deep: true
|
||
$grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user, true);
|
||
// --> ("columns": 16, "layouts": (("small": 800px, "medium": 1000px, "large": 1300px, "huge": 1500px)), "direction": "ltr")
|
||
|
||
*/
|
||
/**
|
||
* Button
|
||
*/
|
||
/**
|
||
* Cover
|
||
*/
|
||
/**
|
||
* Heading
|
||
*/
|
||
/**
|
||
* List
|
||
*/
|
||
/**
|
||
* Pullquote
|
||
*/
|
||
/**
|
||
* Quote
|
||
*/
|
||
/**
|
||
* Separator
|
||
*/
|
||
/**
|
||
* Responsive breakpoints
|
||
* - breakpoints values are defined in _config-global.scss
|
||
*/
|
||
/**
|
||
* Align wide widths
|
||
* - Sets .alignwide widths
|
||
*/
|
||
/**
|
||
* Crop Text Boundry
|
||
* - Sets a fixed-width on content within alignwide and alignfull blocks
|
||
*/
|
||
/**
|
||
* WooCommerce Abstracts
|
||
*/
|
||
/**
|
||
* Abstracts Imports
|
||
*/
|
||
/**
|
||
* Varia Extends
|
||
*/
|
||
/**
|
||
* Button Placeholder style
|
||
* - Since buttons appear in various blocks,
|
||
* let’s use a placeholder to keep them all
|
||
* in-sync
|
||
*/
|
||
body[class*="woocommerce"] #page #respond input#submit,
|
||
body[class*="woocommerce"] #page #respond input#submit.alt,
|
||
body[class*="woocommerce"] #page a.button,
|
||
body[class*="woocommerce"] #page a.button.alt,
|
||
body[class*="woocommerce"] #page button.button,
|
||
body[class*="woocommerce"] #page button.button.alt,
|
||
body[class*="woocommerce"] #page input.button,
|
||
body[class*="woocommerce"] #page input.button.alt,
|
||
body[class*="woocommerce"] #page .cart .button,
|
||
body[class*="woocommerce"] #page .cart input.button,
|
||
body[class*="woocommerce"] #page a.added_to_cart,
|
||
body[class*="woocommerce"] #page .woocommerce #respond input#submit,
|
||
body[class*="woocommerce"] #page .woocommerce a.button,
|
||
body[class*="woocommerce"] #page .woocommerce button.button,
|
||
body[class*="woocommerce"] #page .woocommerce input.button,
|
||
body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a,
|
||
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a {
|
||
line-height: 1;
|
||
color: white;
|
||
cursor: pointer;
|
||
font-weight: bold;
|
||
font-family: sans-serif;
|
||
font-size: 1.2rem;
|
||
background-color: blue;
|
||
border-radius: 9px;
|
||
border-width: 0;
|
||
padding: 16px 16px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #respond input#submit:before,
|
||
body[class*="woocommerce"] #page #respond input#submit.alt:before,
|
||
body[class*="woocommerce"] #page a.button:before,
|
||
body[class*="woocommerce"] #page a.button.alt:before,
|
||
body[class*="woocommerce"] #page button.button:before,
|
||
body[class*="woocommerce"] #page button.button.alt:before,
|
||
body[class*="woocommerce"] #page input.button:before,
|
||
body[class*="woocommerce"] #page input.button.alt:before,
|
||
body[class*="woocommerce"] #page .cart .button:before,
|
||
body[class*="woocommerce"] #page a.added_to_cart:before,
|
||
body[class*="woocommerce"] #page .woocommerce #respond input#submit:before,
|
||
body[class*="woocommerce"] #page .woocommerce a.button:before,
|
||
body[class*="woocommerce"] #page .woocommerce button.button:before,
|
||
body[class*="woocommerce"] #page .woocommerce input.button:before,
|
||
body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:before,
|
||
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:before, body[class*="woocommerce"] #page #respond input#submit:after,
|
||
body[class*="woocommerce"] #page #respond input#submit.alt:after,
|
||
body[class*="woocommerce"] #page a.button:after,
|
||
body[class*="woocommerce"] #page a.button.alt:after,
|
||
body[class*="woocommerce"] #page button.button:after,
|
||
body[class*="woocommerce"] #page button.button.alt:after,
|
||
body[class*="woocommerce"] #page input.button:after,
|
||
body[class*="woocommerce"] #page input.button.alt:after,
|
||
body[class*="woocommerce"] #page .cart .button:after,
|
||
body[class*="woocommerce"] #page a.added_to_cart:after,
|
||
body[class*="woocommerce"] #page .woocommerce #respond input#submit:after,
|
||
body[class*="woocommerce"] #page .woocommerce a.button:after,
|
||
body[class*="woocommerce"] #page .woocommerce button.button:after,
|
||
body[class*="woocommerce"] #page .woocommerce input.button:after,
|
||
body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:after,
|
||
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:after {
|
||
content: '';
|
||
display: block;
|
||
height: 0;
|
||
width: 0;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #respond input#submit:before,
|
||
body[class*="woocommerce"] #page #respond input#submit.alt:before,
|
||
body[class*="woocommerce"] #page a.button:before,
|
||
body[class*="woocommerce"] #page a.button.alt:before,
|
||
body[class*="woocommerce"] #page button.button:before,
|
||
body[class*="woocommerce"] #page button.button.alt:before,
|
||
body[class*="woocommerce"] #page input.button:before,
|
||
body[class*="woocommerce"] #page input.button.alt:before,
|
||
body[class*="woocommerce"] #page .cart .button:before,
|
||
body[class*="woocommerce"] #page a.added_to_cart:before,
|
||
body[class*="woocommerce"] #page .woocommerce #respond input#submit:before,
|
||
body[class*="woocommerce"] #page .woocommerce a.button:before,
|
||
body[class*="woocommerce"] #page .woocommerce button.button:before,
|
||
body[class*="woocommerce"] #page .woocommerce input.button:before,
|
||
body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:before,
|
||
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:before {
|
||
margin-bottom: -0.12em;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #respond input#submit:after,
|
||
body[class*="woocommerce"] #page #respond input#submit.alt:after,
|
||
body[class*="woocommerce"] #page a.button:after,
|
||
body[class*="woocommerce"] #page a.button.alt:after,
|
||
body[class*="woocommerce"] #page button.button:after,
|
||
body[class*="woocommerce"] #page button.button.alt:after,
|
||
body[class*="woocommerce"] #page input.button:after,
|
||
body[class*="woocommerce"] #page input.button.alt:after,
|
||
body[class*="woocommerce"] #page .cart .button:after,
|
||
body[class*="woocommerce"] #page a.added_to_cart:after,
|
||
body[class*="woocommerce"] #page .woocommerce #respond input#submit:after,
|
||
body[class*="woocommerce"] #page .woocommerce a.button:after,
|
||
body[class*="woocommerce"] #page .woocommerce button.button:after,
|
||
body[class*="woocommerce"] #page .woocommerce input.button:after,
|
||
body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:after,
|
||
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:after {
|
||
margin-top: -0.11em;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #respond input#submit:hover,
|
||
body[class*="woocommerce"] #page a.button:hover,
|
||
body[class*="woocommerce"] #page button.button:hover,
|
||
body[class*="woocommerce"] #page input.button:hover,
|
||
body[class*="woocommerce"] #page .cart .button:hover,
|
||
body[class*="woocommerce"] #page a.added_to_cart:hover,
|
||
body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:hover,
|
||
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:hover, body[class*="woocommerce"] #page #respond input#submit:focus,
|
||
body[class*="woocommerce"] #page a.button:focus,
|
||
body[class*="woocommerce"] #page button.button:focus,
|
||
body[class*="woocommerce"] #page input.button:focus,
|
||
body[class*="woocommerce"] #page .cart .button:focus,
|
||
body[class*="woocommerce"] #page a.added_to_cart:focus,
|
||
body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:focus,
|
||
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:focus, body[class*="woocommerce"] #page #respond input.has-focus#submit,
|
||
body[class*="woocommerce"] #page a.has-focus.button,
|
||
body[class*="woocommerce"] #page button.has-focus.button,
|
||
body[class*="woocommerce"] #page input.has-focus.button,
|
||
body[class*="woocommerce"] #page .cart .has-focus.button,
|
||
body[class*="woocommerce"] #page a.has-focus.added_to_cart,
|
||
body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a.has-focus,
|
||
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a.has-focus {
|
||
color: white;
|
||
background-color: indigo;
|
||
}
|
||
|
||
/**
|
||
* Onsale Placeholder style
|
||
* - Since buttons appear in various blocks,
|
||
* let’s use a placeholder to keep them all
|
||
* in-sync
|
||
*/
|
||
body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-grid__product-onsale {
|
||
border-radius: 100%;
|
||
background-color: gold;
|
||
color: #111111;
|
||
font-size: 0.83333rem;
|
||
font-weight: 700;
|
||
font-family: sans-serif;
|
||
min-height: 3.236rem;
|
||
min-width: 3.236rem;
|
||
padding: 0.202rem;
|
||
position: absolute;
|
||
text-align: center;
|
||
text-transform: none;
|
||
line-height: 3.236;
|
||
top: -0.5em;
|
||
right: -0.5em;
|
||
left: auto;
|
||
margin: 0;
|
||
z-index: 9;
|
||
}
|
||
|
||
/**
|
||
* WooCommerce Styles
|
||
*/
|
||
/**
|
||
* Main WooCommerce styles
|
||
*/
|
||
/**
|
||
* Element Imports
|
||
*/
|
||
/**
|
||
* Small Note
|
||
*/
|
||
body[class*="woocommerce"] #page .woocommerce-breadcrumb {
|
||
margin-bottom: 32px;
|
||
font-size: 1rem;
|
||
font-family: sans-serif;
|
||
color: #767676;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-breadcrumb a {
|
||
color: currentColor;
|
||
}
|
||
|
||
/**
|
||
* Notices
|
||
*/
|
||
body[class*="woocommerce"] #page .woocommerce-message,
|
||
body[class*="woocommerce"] #page .woocommerce-error,
|
||
body[class*="woocommerce"] #page .woocommerce-info {
|
||
padding: 16px 32px 16px 64px;
|
||
margin-bottom: 32px;
|
||
background-color: #FAFAFA;
|
||
color: #111111;
|
||
border-top-color: blue;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-message {
|
||
border-top-color: yellowgreen;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-message:before {
|
||
color: yellowgreen;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-error {
|
||
border-top-color: salmon;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-error:before {
|
||
color: salmon;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-info {
|
||
border-top-color: blue;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-info:before {
|
||
color: blue;
|
||
}
|
||
|
||
/**
|
||
* Star ratings
|
||
*/
|
||
/**
|
||
* Password strength meter
|
||
*/
|
||
body[class*="woocommerce"] #page .woocommerce-password-strength {
|
||
text-align: center;
|
||
font-weight: 600;
|
||
padding: 0.5 * ;
|
||
font-size: 0.83333rem;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-password-strength.strong {
|
||
background-color: yellowgreen;
|
||
border-color: none;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-password-strength.good {
|
||
background-color: gold;
|
||
border-color: none;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-password-strength.short {
|
||
background-color: salmon;
|
||
border-color: none;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-password-strength.bad {
|
||
background-color: salmon;
|
||
border-color: none;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-password-hint {
|
||
font-size: 0.69444rem;
|
||
}
|
||
|
||
/**
|
||
* Remove Icon
|
||
*/
|
||
body[class*="woocommerce"] #page a.remove {
|
||
font-size: 1.44rem;
|
||
height: 1.44rem;
|
||
width: 1.44rem;
|
||
color: red !important;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page a.remove:hover {
|
||
color: white !important;
|
||
background: red;
|
||
}
|
||
|
||
/**
|
||
* Small Note
|
||
*/
|
||
body[class*="woocommerce"] #page small.note {
|
||
color: #767676;
|
||
font-size: 0.83333rem;
|
||
margin-top: 16px;
|
||
}
|
||
|
||
/**
|
||
* Star ratings
|
||
*/
|
||
body[class*="woocommerce"] #page .star-rating::before {
|
||
color: red;
|
||
content: "\53\53\53\53\53";
|
||
opacity: 0.5;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .star-rating span {
|
||
color: red;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page p.stars a {
|
||
color: red;
|
||
}
|
||
|
||
/**
|
||
* Tables
|
||
*/
|
||
body[class*="woocommerce"] #page table.shop_table {
|
||
border-collapse: collapse;
|
||
border: 1px solid #DDDDDD;
|
||
margin-bottom: 32px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page table.shop_table td {
|
||
border-top: none;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page table.shop_table tr {
|
||
border-bottom: 1px solid #DDDDDD;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page table.shop_attributes {
|
||
border-top-color: #DDDDDD;
|
||
border-top-style: solid;
|
||
margin-bottom: 32px;
|
||
border-bottom: 1px solid #DDDDDD;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page table.shop_attributes th {
|
||
padding: 8px;
|
||
border-bottom-color: #DDDDDD;
|
||
border-bottom-style: solid;
|
||
line-height: 1.78;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page table.shop_attributes td {
|
||
font-style: inherit;
|
||
border-bottom-color: #DDDDDD;
|
||
border-bottom-style: solid;
|
||
line-height: 1.78;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page table.shop_attributes td p {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page table.shop_attributes tr:nth-child(even) td,
|
||
body[class*="woocommerce"] #page table.shop_attributes tr:nth-child(even) th {
|
||
background: rgba(0, 0, 0, 0.025);
|
||
}
|
||
|
||
body[class*="woocommerce"] #page table td,
|
||
body[class*="woocommerce"] #page table th {
|
||
border: inherit;
|
||
}
|
||
|
||
/**
|
||
* Block Imports
|
||
*/
|
||
/**
|
||
* Button
|
||
*/
|
||
body[class*="woocommerce"] #page .woocommerce #respond input#submit.disabled,
|
||
body[class*="woocommerce"] #page .woocommerce #respond input#submit:disabled,
|
||
body[class*="woocommerce"] #page .woocommerce #respond input#submit:disabled[disabled],
|
||
body[class*="woocommerce"] #page .woocommerce a.button.disabled,
|
||
body[class*="woocommerce"] #page .woocommerce a.button:disabled,
|
||
body[class*="woocommerce"] #page .woocommerce a.button:disabled[disabled],
|
||
body[class*="woocommerce"] #page .woocommerce button.button.disabled,
|
||
body[class*="woocommerce"] #page .woocommerce button.button:disabled,
|
||
body[class*="woocommerce"] #page .woocommerce button.button:disabled[disabled],
|
||
body[class*="woocommerce"] #page .woocommerce input.button.disabled,
|
||
body[class*="woocommerce"] #page .woocommerce input.button:disabled,
|
||
body[class*="woocommerce"] #page .woocommerce input.button:disabled[disabled] {
|
||
cursor: not-allowed;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce #respond input#submit.disabled:hover,
|
||
body[class*="woocommerce"] #page .woocommerce #respond input#submit:disabled:hover,
|
||
body[class*="woocommerce"] #page .woocommerce #respond input#submit:disabled[disabled]:hover,
|
||
body[class*="woocommerce"] #page .woocommerce a.button.disabled:hover,
|
||
body[class*="woocommerce"] #page .woocommerce a.button:disabled:hover,
|
||
body[class*="woocommerce"] #page .woocommerce a.button:disabled[disabled]:hover,
|
||
body[class*="woocommerce"] #page .woocommerce button.button.disabled:hover,
|
||
body[class*="woocommerce"] #page .woocommerce button.button:disabled:hover,
|
||
body[class*="woocommerce"] #page .woocommerce button.button:disabled[disabled]:hover,
|
||
body[class*="woocommerce"] #page .woocommerce input.button.disabled:hover,
|
||
body[class*="woocommerce"] #page .woocommerce input.button:disabled:hover,
|
||
body[class*="woocommerce"] #page .woocommerce input.button:disabled[disabled]:hover {
|
||
background-color: blue;
|
||
}
|
||
|
||
/**
|
||
* WooCommerce Block Grid
|
||
* - Used by:
|
||
* .wp-block-product-new
|
||
* .wp-block-product-best-sellers
|
||
* .wp-block-product-on-sale
|
||
* .wp-block-product-top-rated
|
||
* .wp-block-product-categroy
|
||
* .wp-block-products-by-attribute
|
||
*/
|
||
#content .wc-block-grid .wc-block-grid__product > *:not(:first-child),
|
||
#content .wc-block-grid .wc-block-grid__product-link > *:not(:first-child) {
|
||
margin-top: 16px;
|
||
}
|
||
|
||
#content .wc-block-grid .wc-block-grid__product > *:not(:last-child),
|
||
#content .wc-block-grid .wc-block-grid__product-link > *:not(:last-child) {
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
#content .wc-block-grid .wc-block-grid__product > *:not(img):empty + *,
|
||
#content .wc-block-grid .wc-block-grid__product-link > *:not(img):empty + * {
|
||
margin-top: 0;
|
||
}
|
||
|
||
#content .wc-block-grid .wc-block-grid__product > *:last-child,
|
||
#content .wc-block-grid .wc-block-grid__product-link > *:last-child {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
#content .wc-block-grid .wc-block-grid__product > *:empty,
|
||
#content .wc-block-grid .wc-block-grid__product-link > *:empty {
|
||
margin: 0;
|
||
}
|
||
|
||
#content .wc-block-grid .wc-block-grid__product-title {
|
||
font-family: sans-serif;
|
||
font-size: 1rem;
|
||
}
|
||
|
||
#content .wc-block-grid .wc-block-grid__product-rating .star-rating span:before {
|
||
color: red;
|
||
}
|
||
|
||
#content .wc-block-grid .wc-block-grid__product-price {
|
||
color: #111111;
|
||
font-size: 1.2rem;
|
||
line-height: 1.125;
|
||
}
|
||
|
||
#content .wc-block-grid .wc-block-grid__product-price ins {
|
||
color: yellowgreen;
|
||
font-weight: bold;
|
||
text-decoration: none;
|
||
}
|
||
|
||
#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
|
||
right: calc(-0.5em + 16px);
|
||
margin: 0;
|
||
}
|
||
|
||
/**
|
||
* WooCommerce Featured Product
|
||
*/
|
||
#content .wc-block-featured-product .wc-block-featured-product__description:empty,
|
||
#content .wc-block-featured-product .wc-block-featured-product__link:empty,
|
||
#content .wc-block-featured-product .wc-block-featured-product__price:empty,
|
||
#content .wc-block-featured-product .wc-block-featured-product__title:empty,
|
||
#content .wc-block-featured-product .wc-block-featured-product__variation:empty {
|
||
padding: 0;
|
||
}
|
||
|
||
#content .wc-block-featured-product .wc-block-featured-product__price {
|
||
font-size: 1.728rem;
|
||
}
|
||
|
||
#content .wc-block-featured-product .wc-block-featured-product__price ins {
|
||
text-decoration: none;
|
||
}
|
||
|
||
/**
|
||
* Components Imports
|
||
*/
|
||
/**
|
||
* Reviews
|
||
*/
|
||
body[class*="woocommerce"] #page {
|
||
/**
|
||
* Cart sidebar
|
||
*/
|
||
}
|
||
|
||
body[class*="woocommerce"] #page ul.cart_list li a:not(.remove),
|
||
body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
|
||
font-family: sans-serif;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page ul.cart_list li img,
|
||
body[class*="woocommerce"] #page ul.product_list_widget li img {
|
||
margin-left: 4px;
|
||
width: 64px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page ul.cart_list li dl,
|
||
body[class*="woocommerce"] #page ul.product_list_widget li dl {
|
||
border-left-color: #DDDDDD;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page ul.cart_list li dl dt,
|
||
body[class*="woocommerce"] #page ul.cart_list li dl dd,
|
||
body[class*="woocommerce"] #page ul.product_list_widget li dl dt,
|
||
body[class*="woocommerce"] #page ul.product_list_widget li dl dd {
|
||
margin-bottom: 32px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .widget_shopping_cart .total {
|
||
border-top: none;
|
||
padding-top: 0;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .widget_shopping_cart .cart_list {
|
||
border-bottom: 1px solid #DDDDDD;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .widget_shopping_cart .cart_list li {
|
||
border-top: 1px solid #DDDDDD;
|
||
padding: 16px 0 16px 32px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .widget_shopping_cart .cart_list li a.remove {
|
||
top: 16px;
|
||
}
|
||
|
||
/**
|
||
* Cart Collaterals
|
||
*/
|
||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals tr td,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals tr th,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells tr td,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells tr th,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals tr td,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals tr th,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells tr td,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells tr th {
|
||
border-top-color: #DDDDDD;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals > h2,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells > h2,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals > h2,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells > h2 {
|
||
font-size: 1.44rem;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals p small,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals p small {
|
||
color: #767676;
|
||
font-size: 0.83333rem;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals table,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals table {
|
||
margin: 0 0 8px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals table td,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals table th,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals table td,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals table th {
|
||
line-height: 1.78;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals table small,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals table small {
|
||
color: #767676;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals .discount td,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals .discount td {
|
||
color: gold;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .cart-collaterals .shipping-calculator-button,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-button {
|
||
margin-top: 16px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .cart-collaterals .shipping-calculator-form,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-form {
|
||
margin-top: 16px;
|
||
}
|
||
|
||
/**
|
||
* Mini-cart
|
||
*/
|
||
body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_cart {
|
||
display: inline-block;
|
||
text-decoration: none;
|
||
}
|
||
|
||
/**
|
||
* Product loops
|
||
*/
|
||
#woocommerce-wrapper .products ul,
|
||
#woocommerce-wrapper ul.products,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .products ul,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells .products ul,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
#woocommerce-wrapper ul.products li.product,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product {
|
||
text-align: center;
|
||
}
|
||
|
||
#woocommerce-wrapper ul.products li.product .star-rating,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .star-rating,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .star-rating {
|
||
font-size: 0.83333rem;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
}
|
||
|
||
#woocommerce-wrapper ul.products li.product h3,
|
||
#woocommerce-wrapper ul.products li.product .woocommerce-loop-product__title,
|
||
#woocommerce-wrapper ul.products li.product .woocommerce-loop-category__title,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product h3,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product h3,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title {
|
||
padding: inherit;
|
||
font-size: 1rem;
|
||
}
|
||
|
||
#woocommerce-wrapper ul.products li.product a img,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product a img,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product a img {
|
||
margin: inherit;
|
||
}
|
||
|
||
#woocommerce-wrapper ul.products li.product .woocommerce-placeholder,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder {
|
||
border-color: #DDDDDD;
|
||
}
|
||
|
||
#woocommerce-wrapper ul.products li.product .button,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .button,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .button {
|
||
margin-top: inherit;
|
||
}
|
||
|
||
#woocommerce-wrapper ul.products li.product .price,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price {
|
||
color: #111111;
|
||
font-size: 1.2rem;
|
||
line-height: 1.125;
|
||
}
|
||
|
||
#woocommerce-wrapper ul.products li.product .price del,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price del,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price del {
|
||
color: inherit;
|
||
opacity: 0.5;
|
||
display: inline-block;
|
||
}
|
||
|
||
#woocommerce-wrapper ul.products li.product .price ins,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price ins,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price ins {
|
||
background: none;
|
||
font-weight: 700;
|
||
display: inline-block;
|
||
}
|
||
|
||
#woocommerce-wrapper ul.products li.product .price .from,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price .from,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price .from {
|
||
font-size: 0.69444rem;
|
||
color: gold;
|
||
}
|
||
|
||
#woocommerce-wrapper ul.products li.product.sale a > .price ins,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins {
|
||
color: yellowgreen;
|
||
}
|
||
|
||
#woocommerce-wrapper .woocommerce-result-count,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .woocommerce-result-count,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells .woocommerce-result-count {
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
#woocommerce-wrapper .woocommerce-ordering,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .woocommerce-ordering,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells .woocommerce-ordering {
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
#woocommerce-wrapper .woocommerce-ordering select,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .woocommerce-ordering select,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells .woocommerce-ordering select {
|
||
vertical-align: top;
|
||
}
|
||
|
||
#woocommerce-wrapper nav.woocommerce-pagination,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells nav.woocommerce-pagination,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells nav.woocommerce-pagination {
|
||
text-align: center;
|
||
}
|
||
|
||
#woocommerce-wrapper nav.woocommerce-pagination ul,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells nav.woocommerce-pagination ul,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells nav.woocommerce-pagination ul {
|
||
display: inline-block;
|
||
white-space: nowrap;
|
||
padding: 0;
|
||
clear: both;
|
||
border-color: #DDDDDD;
|
||
border-right: 0;
|
||
margin: 1px;
|
||
}
|
||
|
||
#woocommerce-wrapper nav.woocommerce-pagination ul li,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells nav.woocommerce-pagination ul li,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells nav.woocommerce-pagination ul li {
|
||
border-color: #DDDDDD;
|
||
padding: 0;
|
||
margin: 0;
|
||
float: left;
|
||
display: inline;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#woocommerce-wrapper nav.woocommerce-pagination ul li a,
|
||
#woocommerce-wrapper nav.woocommerce-pagination ul li span,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells nav.woocommerce-pagination ul li a,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells nav.woocommerce-pagination ul li span,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells nav.woocommerce-pagination ul li a,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells nav.woocommerce-pagination ul li span {
|
||
margin: 0;
|
||
text-decoration: none;
|
||
padding: 0;
|
||
line-height: 1;
|
||
font-size: 1em;
|
||
font-weight: normal;
|
||
padding: 0.5em;
|
||
min-width: 1em;
|
||
display: block;
|
||
}
|
||
|
||
#woocommerce-wrapper nav.woocommerce-pagination ul li span.current,
|
||
#woocommerce-wrapper nav.woocommerce-pagination ul li a:hover,
|
||
#woocommerce-wrapper nav.woocommerce-pagination ul li a:focus,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells nav.woocommerce-pagination ul li span.current,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells nav.woocommerce-pagination ul li a:hover,
|
||
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells nav.woocommerce-pagination ul li a:focus,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells nav.woocommerce-pagination ul li span.current,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells nav.woocommerce-pagination ul li a:hover,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells nav.woocommerce-pagination ul li a:focus {
|
||
background: #DDDDDD;
|
||
color: #767676;
|
||
}
|
||
|
||
/**
|
||
* Reviews
|
||
*/
|
||
body[class*="woocommerce"] #page {
|
||
/**
|
||
* Reviews
|
||
*/
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #reviews h2 small {
|
||
color: #767676;
|
||
font-size: 0.83333rem;
|
||
margin: inherit;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #reviews h2 small a {
|
||
color: currentColor;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #reviews #comments ol.commentlist {
|
||
padding-left: 0;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #reviews #comments ol.commentlist li {
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .meta {
|
||
color: #767676;
|
||
font-size: 0.83333rem;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #reviews #comments ol.commentlist li img.avatar {
|
||
padding: 0;
|
||
width: 48px;
|
||
height: auto;
|
||
background: transparent;
|
||
border-color: #DDDDDD;
|
||
margin: 0;
|
||
box-shadow: none;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .woocommerce-review__author {
|
||
font-family: sans-serif;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text {
|
||
margin-left: 64px;
|
||
border: 1px solid #DDDDDD;
|
||
border-radius: 4px;
|
||
padding: 1em 1em 0;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p {
|
||
margin: 0 0 1em;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p.meta {
|
||
font-size: 0.83em;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children {
|
||
list-style: none outside;
|
||
margin: 20px 0 0 50px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children .star-rating {
|
||
display: none;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #reviews #comments ol.commentlist #respond {
|
||
border: 1px solid #DDDDDD;
|
||
border-radius: 4px;
|
||
padding: 1em 1em 0;
|
||
margin: 20px 0 0 50px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
|
||
content: "";
|
||
}
|
||
|
||
/**
|
||
* Reviews
|
||
*/
|
||
body[class*="woocommerce"] #page {
|
||
/**
|
||
* Tabs
|
||
*/
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs {
|
||
padding-left: 16px;
|
||
margin-bottom: 32px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
|
||
border-color: #DDDDDD;
|
||
background-color: #FAFAFA;
|
||
border-radius: 9px 9px 0 0;
|
||
padding-left: 16px;
|
||
padding-right: 16px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
|
||
padding-top: 8px;
|
||
padding-bottom: 8px;
|
||
color: #767676;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a:hover {
|
||
color: #111111;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active {
|
||
background-color: white;
|
||
border-color: #DDDDDD;
|
||
border-bottom-color: white;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a {
|
||
color: #111111;
|
||
text-shadow: inherit;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::before {
|
||
box-shadow: 2px 2px 0 white;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active::after {
|
||
box-shadow: -2px 2px 0 white;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before, body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
|
||
border-color: #DDDDDD;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::before {
|
||
box-shadow: 2px 2px 0 #FAFAFA;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li::after {
|
||
box-shadow: -2px 2px 0 #FAFAFA;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs::before {
|
||
border-bottom-color: #DDDDDD;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-tabs .panel {
|
||
margin-bottom: 32px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-tabs .panel h2,
|
||
body[class*="woocommerce"] #page .woocommerce-tabs .panel .comment-reply-title {
|
||
font-family: sans-serif;
|
||
font-size: 1.44rem;
|
||
font-weight: bold;
|
||
}
|
||
|
||
/**
|
||
* Structure
|
||
*/
|
||
/**
|
||
* Vertical Space - 32px
|
||
*/
|
||
body[class*="woocommerce"] #page div.summary > *:not(:first-child),
|
||
body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:first-child),
|
||
body[class*="woocommerce"] #page .products.related > *:not(:first-child),
|
||
body[class*="woocommerce"] #page .up-sells > *:not(:first-child),
|
||
body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:first-child),
|
||
body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:first-child),
|
||
.woocommerce-Reviews #comments > *:not(:first-child) {
|
||
margin-top: 32px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page div.summary > *:not(:last-child),
|
||
body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:last-child),
|
||
body[class*="woocommerce"] #page .products.related > *:not(:last-child),
|
||
body[class*="woocommerce"] #page .up-sells > *:not(:last-child),
|
||
body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:last-child),
|
||
body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:last-child),
|
||
.woocommerce-Reviews #comments > *:not(:last-child) {
|
||
margin-bottom: 32px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page div.summary > *:empty + *,
|
||
body[class*="woocommerce"] #page div.summary > .form-row-last,
|
||
body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:empty + *,
|
||
body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > .form-row-last,
|
||
body[class*="woocommerce"] #page .products.related > *:empty + *,
|
||
body[class*="woocommerce"] #page .products.related > .form-row-last,
|
||
body[class*="woocommerce"] #page .up-sells > *:empty + *,
|
||
body[class*="woocommerce"] #page .up-sells > .form-row-last,
|
||
body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:empty + *,
|
||
body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .form-row-last,
|
||
body[class*="woocommerce"] #page .woocommerce-address-fields > *:empty + *,
|
||
body[class*="woocommerce"] #page .woocommerce-address-fields > .form-row-last,
|
||
.woocommerce-Reviews #comments > *:empty + *,
|
||
.woocommerce-Reviews #comments > .form-row-last {
|
||
margin-top: 0;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page div.summary > *:empty,
|
||
body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:empty,
|
||
body[class*="woocommerce"] #page .products.related > *:empty,
|
||
body[class*="woocommerce"] #page .up-sells > *:empty,
|
||
body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:empty,
|
||
body[class*="woocommerce"] #page .woocommerce-address-fields > *:empty,
|
||
.woocommerce-Reviews #comments > *:empty {
|
||
margin: 0;
|
||
}
|
||
|
||
/**
|
||
* Vertical Space - 16px
|
||
*/
|
||
#woocommerce-wrapper ul.products li.product a > *:not(:first-child),
|
||
#woocommerce-wrapper ul.products li.product-category a > *:not(:first-child),
|
||
body[class*="woocommerce"] #page ul.products li.product a > *:not(:first-child),
|
||
body[class*="woocommerce"] #page ul.products li.product-category a > *:not(:first-child),
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(:first-child),
|
||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(:first-child),
|
||
body[class*="woocommerce"] #page .widget_shopping_cart > *:not(:first-child),
|
||
body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(:first-child),
|
||
body[class*="woocommerce"] #page div.product form.variations_form > *:not(:first-child),
|
||
body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:first-child),
|
||
body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:first-child),
|
||
body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:first-child),
|
||
body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:first-child),
|
||
body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:first-child),
|
||
body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:first-child),
|
||
body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
|
||
body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:first-child) {
|
||
margin-top: 16px;
|
||
}
|
||
|
||
#woocommerce-wrapper ul.products li.product a > *:not(:last-child),
|
||
#woocommerce-wrapper ul.products li.product a > .price,
|
||
#woocommerce-wrapper ul.products li.product-category a > *:not(:last-child),
|
||
#woocommerce-wrapper ul.products li.product-category a > .price,
|
||
body[class*="woocommerce"] #page ul.products li.product a > *:not(:last-child),
|
||
body[class*="woocommerce"] #page ul.products li.product a > .price,
|
||
body[class*="woocommerce"] #page ul.products li.product-category a > *:not(:last-child),
|
||
body[class*="woocommerce"] #page ul.products li.product-category a > .price,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(:last-child),
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells > .price,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(:last-child),
|
||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals > .price,
|
||
body[class*="woocommerce"] #page .widget_shopping_cart > *:not(:last-child),
|
||
body[class*="woocommerce"] #page .widget_shopping_cart > .price,
|
||
body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(:last-child),
|
||
body[class*="woocommerce"] #page .widget_shopping_cart_content > .price,
|
||
body[class*="woocommerce"] #page div.product form.variations_form > *:not(:last-child),
|
||
body[class*="woocommerce"] #page div.product form.variations_form > .price,
|
||
body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:last-child),
|
||
body[class*="woocommerce"] #page div.product form.variations_form .variations > .price,
|
||
body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:last-child),
|
||
body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .price,
|
||
body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:last-child),
|
||
body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .price,
|
||
body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:last-child),
|
||
body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .price,
|
||
body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:last-child),
|
||
body[class*="woocommerce"] #page .woocommerce-billing-fields > .price,
|
||
body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:last-child),
|
||
body[class*="woocommerce"] #page .woocommerce-shipping-fields > .price,
|
||
body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:last-child),
|
||
body[class*="woocommerce"] #page .woocommerce-checkout > .price,
|
||
body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:last-child),
|
||
body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .price {
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
#woocommerce-wrapper ul.products li.product a > *:not(img):empty + *,
|
||
#woocommerce-wrapper ul.products li.product a > .form-row-last,
|
||
#woocommerce-wrapper ul.products li.product-category a > *:not(img):empty + *,
|
||
#woocommerce-wrapper ul.products li.product-category a > .form-row-last,
|
||
body[class*="woocommerce"] #page ul.products li.product a > *:not(img):empty + *,
|
||
body[class*="woocommerce"] #page ul.products li.product a > .form-row-last,
|
||
body[class*="woocommerce"] #page ul.products li.product-category a > *:not(img):empty + *,
|
||
body[class*="woocommerce"] #page ul.products li.product-category a > .form-row-last,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(img):empty + *,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells > .form-row-last,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(img):empty + *,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals > .form-row-last,
|
||
body[class*="woocommerce"] #page .widget_shopping_cart > *:not(img):empty + *,
|
||
body[class*="woocommerce"] #page .widget_shopping_cart > .form-row-last,
|
||
body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(img):empty + *,
|
||
body[class*="woocommerce"] #page .widget_shopping_cart_content > .form-row-last,
|
||
body[class*="woocommerce"] #page div.product form.variations_form > *:not(img):empty + *,
|
||
body[class*="woocommerce"] #page div.product form.variations_form > .form-row-last,
|
||
body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(img):empty + *,
|
||
body[class*="woocommerce"] #page div.product form.variations_form .variations > .form-row-last,
|
||
body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(img):empty + *,
|
||
body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .form-row-last,
|
||
body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(img):empty + *,
|
||
body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .form-row-last,
|
||
body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(img):empty + *,
|
||
body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .form-row-last,
|
||
body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(img):empty + *,
|
||
body[class*="woocommerce"] #page .woocommerce-billing-fields > .form-row-last,
|
||
body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(img):empty + *,
|
||
body[class*="woocommerce"] #page .woocommerce-shipping-fields > .form-row-last,
|
||
body[class*="woocommerce"] #page .woocommerce-checkout > *:not(img):empty + *,
|
||
body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
|
||
body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(img):empty + *,
|
||
body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .form-row-last {
|
||
margin-top: 0;
|
||
}
|
||
|
||
#woocommerce-wrapper ul.products li.product a > *:empty,
|
||
#woocommerce-wrapper ul.products li.product-category a > *:empty,
|
||
body[class*="woocommerce"] #page ul.products li.product a > *:empty,
|
||
body[class*="woocommerce"] #page ul.products li.product-category a > *:empty,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:empty,
|
||
body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:empty,
|
||
body[class*="woocommerce"] #page .widget_shopping_cart > *:empty,
|
||
body[class*="woocommerce"] #page .widget_shopping_cart_content > *:empty,
|
||
body[class*="woocommerce"] #page div.product form.variations_form > *:empty,
|
||
body[class*="woocommerce"] #page div.product form.variations_form .variations > *:empty,
|
||
body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:empty,
|
||
body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:empty,
|
||
body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:empty,
|
||
body[class*="woocommerce"] #page .woocommerce-billing-fields > *:empty,
|
||
body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:empty,
|
||
body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
|
||
body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:empty {
|
||
margin: 0;
|
||
}
|
||
|
||
/**
|
||
* Page Imports
|
||
*/
|
||
/**
|
||
* Account page
|
||
*/
|
||
.woocommerce-account #page .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
|
||
display: none;
|
||
}
|
||
|
||
.woocommerce-account #page .woocommerce-MyAccount-content fieldset {
|
||
border: 1px solid #DDDDDD;
|
||
padding: 16px;
|
||
border-radius: 3px;
|
||
}
|
||
|
||
.woocommerce-account #page .addresses .title h3 {
|
||
font-size: 1rem;
|
||
}
|
||
|
||
/**
|
||
* Cart/checkout page
|
||
*/
|
||
body[class*="woocommerce"] #page table.shop_table {
|
||
border-color: #DDDDDD;
|
||
border-radius: 3px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page table.shop_table th {
|
||
padding: 16px 16px;
|
||
line-height: 1.78;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page table.shop_table td {
|
||
padding: 16px 16px;
|
||
line-height: 1.78;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page table.shop_table tfoot td,
|
||
body[class*="woocommerce"] #page table.shop_table tfoot th,
|
||
body[class*="woocommerce"] #page table.shop_table tbody th {
|
||
border-top-color: #DDDDDD;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page table.my_account_orders {
|
||
font-size: 0.83333rem;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page table.my_account_orders th,
|
||
body[class*="woocommerce"] #page table.my_account_orders td {
|
||
padding: 8px 8px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page td.product-name {
|
||
font-family: sans-serif;
|
||
font-weight: 700;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page td.product-name dl.variation dt,
|
||
body[class*="woocommerce"] #page td.product-name dl.variation .wc-item-meta-label,
|
||
body[class*="woocommerce"] #page td.product-name .wc-item-meta dt,
|
||
body[class*="woocommerce"] #page td.product-name .wc-item-meta .wc-item-meta-label {
|
||
margin-right: 8px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page td.product-name p.backorder_notification {
|
||
font-size: 0.83333rem;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page td.product-quantity {
|
||
min-width: 80px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page table.cart td.actions .input-text {
|
||
width: inherit;
|
||
float: inherit;
|
||
padding: 16px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method table.cart .product-thumbnail {
|
||
min-width: 16px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method table.cart img {
|
||
width: 64px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method table.cart td.actions .coupon .input-text {
|
||
border-color: #DDDDDD;
|
||
padding: 8px;
|
||
margin: 0 16px 0 0;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method .wc-proceed-to-checkout {
|
||
padding: 32px 0;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method .wc-proceed-to-checkout a.checkout-button {
|
||
margin-bottom: 32px;
|
||
font-size: 1.2rem;
|
||
padding: 16px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method .checkout .create-account small {
|
||
font-size: 0.69444rem;
|
||
color: #767676;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method #payment {
|
||
background: #FAFAFA;
|
||
border-radius: 3px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method #payment ul.payment_methods {
|
||
padding: 8px;
|
||
border-bottom-color: #DDDDDD;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method #payment ul.payment_methods li {
|
||
line-height: 1.78;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method #payment ul.payment_methods li input {
|
||
margin-right: 1.78;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method #payment div.form-row {
|
||
padding: 8px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box {
|
||
padding: 8px;
|
||
margin-bottom: 8px;
|
||
margin-top: 8px;
|
||
font-size: 0.83333rem;
|
||
border-radius: 3px;
|
||
line-height: 1.78;
|
||
background-color: #DDDDDD;
|
||
color: #444444;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box input.input-text,
|
||
body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box textarea {
|
||
border-color: #DDDDDD;
|
||
border-top-color: #DDDDDD;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box ::-webkit-input-placeholder {
|
||
color: #767676;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box :-moz-placeholder {
|
||
color: #767676;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box :-ms-input-placeholder {
|
||
color: #767676;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
|
||
margin-right: 16px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box .wc-credit-card-form {
|
||
margin-top: 16px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number,
|
||
body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry,
|
||
body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc {
|
||
font-size: 1.44rem;
|
||
padding: 8px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box span.help {
|
||
font-size: 0.83333rem;
|
||
color: #767676;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box .form-row {
|
||
margin: 0 0 32px;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box p:last-child {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method #payment div.payment_box::before {
|
||
border-bottom-color: #DDDDDD;
|
||
/* arrow size / color */
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method #payment .payment_method_paypal .about_paypal {
|
||
float: right;
|
||
line-height: 52px;
|
||
font-size: 0.83333rem;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page #add_payment_method #payment .payment_method_paypal img {
|
||
max-height: 52px;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
|
||
border-color: #DDDDDD;
|
||
}
|
||
|
||
body[class*="woocommerce"] #page .woocommerce-invalid #terms {
|
||
outline-color: salmon;
|
||
}
|
||
|
||
/**
|
||
* Products Page
|
||
*/
|
||
.woocommerce #page {
|
||
/**
|
||
* Remove the bright yellow background on mark elements.
|
||
*/
|
||
}
|
||
|
||
.woocommerce #page mark {
|
||
background: transparent;
|
||
}
|
||
|
||
/**
|
||
* Single Product Page
|
||
*/
|
||
.single-product #page #woocommerce-wrapper div.product > .onsale {
|
||
right: auto;
|
||
left: -0.5em;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product div.images {
|
||
margin-bottom: 32px;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product div.images div.thumbnails {
|
||
padding-top: 16px;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
|
||
background-color: white;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__image--placeholder {
|
||
border-color: #FAFAFA;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger {
|
||
font-size: 1.2rem;
|
||
background: white;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::before {
|
||
border-color: #AAAAAA;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::after {
|
||
background-color: #AAAAAA;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product div.summary {
|
||
margin-bottom: 32px;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product div.summary span.price,
|
||
.single-product #page #woocommerce-wrapper div.product div.summary p.price {
|
||
color: #111111;
|
||
font-size: 1.728rem;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
|
||
font-size: 1rem;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product div.summary .stock {
|
||
color: blue;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product div.summary .out-of-stock {
|
||
color: red;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product div.summary .woocommerce-product-rating {
|
||
margin-bottom: 32px;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product div.social {
|
||
margin-bottom: 32px;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product .product_meta > * {
|
||
display: block;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product .up-sells > h2 {
|
||
font-size: 1.44rem;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product p.cart {
|
||
margin-bottom: 32px;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product form.cart .variations {
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product form.cart .variations td,
|
||
.single-product #page #woocommerce-wrapper div.product form.cart .variations th {
|
||
line-height: 1.78;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product form.cart .variations select {
|
||
margin-right: 16px;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product form.cart .variations td.label {
|
||
padding-right: 16px;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product form.cart .woocommerce-variation-description p {
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product form.cart .reset_variations {
|
||
font-size: 0.83333rem;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
|
||
padding-right: 16px;
|
||
padding-left: 16px;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product form.cart .group_table td {
|
||
padding-bottom: 16px;
|
||
}
|
||
|
||
.single-product #page #woocommerce-wrapper div.product form.cart div.quantity,
|
||
.single-product #page #woocommerce-wrapper div.product form.cart button {
|
||
float: inherit;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
}
|