Your IP : 216.73.216.95
@font-face {
font-family: star;
src: url(assets/fonts/woocommerce/star.eot);
src: url(assets/fonts/woocommerce/star.eot?#iefix) format("embedded-opentype"),
url(assets/fonts/woocommerce/star.woff) format("woff"),
url(assets/fonts/woocommerce/star.ttf) format("truetype"),
url(assets/fonts/woocommerce/star.svg#star) format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: WooCommerce;
src: url(assets/fonts/woocommerce/WooCommerce.eot);
src: url(assets/fonts/woocommerce/WooCommerce.eot?#iefix) format("embedded-opentype"),
url(assets/fonts/woocommerce/WooCommerce.woff) format("woff"),
url(assets/fonts/woocommerce/WooCommerce.ttf) format("truetype"),
url(assets/fonts/woocommerce/WooCommerce.svg#star) format("svg");
font-weight: 400;
font-style: normal;
}
.clear {
clear: both;
}
.woocommerce,
.woocommerce-page {
.col2-set {
@extend %clearfix;
width: 100%;
&:before {
content: ' ';
display: table;
}
.col-1 {
float: left;
width: 48%;
}
.col-2 {
float: right;
width: 48%;
}
}
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
position: relative;
width: 100%;
border: 0;
border-radius: 5px;
color: #fff;
margin-bottom: 30px !important;
padding: 1em 2em 1em 4em;
list-style: none outside;
word-wrap: break-word;
&:before {
@extend %FontAwesomeRegular;
font-size: 20px;
color: #fff;
position: absolute;
top: 50%;
left: 1.2em;
transform: translate(0, -50%);
}
a {
color: #fff;
font-weight: 600;
&:hover,
&:focus {
color: #fff;
}
}
.button {
@extend %LinkTransition;
float: right;
margin: 4px 0 0 10px !important;
height: auto !important;
border: 0 !important;
border-radius: 0 !important;
background: none !important;
color: #fff !important;
line-height: 1.2 !important;
font-weight: 500 !important;
text-transform: uppercase;
letter-spacing: .1em;
font-size: 12px !important;
padding: 2px 0;
}
}
.woocommerce-error {
background: #d9534f;
&:before {
content: '\f0f3';
}
}
.woocommerce-info {
&:before {
content: '\f05a';
}
}
.woocommerce-message {
&:before {
content: "\f058";
}
}
.notify-actions {
margin-top: 20px;
text-align: center;
.notify-link {
margin-right: 10px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
&:hover {
text-decoration: underline;
}
}
}
.woocommerce {
.product-badges {
position: absolute;
top: 10px;
left: 10px;
z-index: 2;
> span {
position: relative;
top: 0;
left: 0;
display: inline-block;
vertical-align: top;
margin: 0 5px 3px;
padding: 7px 7px 5px;
min-height: 0;
color: #fff;
text-align: center;
font-size: 15px;
font-weight: 500;
line-height: 1.08;
border-radius: 3px;
min-width: 50px;
}
.hot {
background: #d3122a;
}
.onsale {
background: #20ad96;
}
.new {
background: #e5b35d;
}
.out-of-stock {
background: #d31129;
}
}
form {
.form-row {
margin: 0 0 20px;
padding: 0;
textarea {
height: 140px;
}
&.woocommerce-invalid {
.select2-container,
input.input-text,
select {
border-color: #d9534f;
}
}
}
}
/* force div element for quantity input. */
div.quantity {
position: relative;
width: 110px;
.qty {
padding: 2px 30px 2px 10px;
width: 100%;
min-height: 48px;
border: 1px solid #f8f8f8;
background: #f8f8f8;
text-align: center;
font-size: 15px;
font-weight: 700;
color: #333;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
button {
background: none;
position: absolute;
right: 0;
padding: 0;
width: 40px;
height: 24px;
border: 0;
font-size: 0;
box-shadow: none;
transform: none;
&:before {
@extend %NormalTransition;
content: '';
position: absolute;
right: 14px;
border-left: 5px solid transparent !important;
border-right: 5px solid transparent !important;
}
}
.increase {
top: 0;
&:before {
bottom: 4px;
border-bottom: 5px solid #ccc;
}
}
.decrease {
bottom: 0;
&:before {
top: 4px;
border-top: 5px solid #ccc;
}
}
}
}
.stock {
position: relative;
display: table;
padding: 9px 0 8px 20px;
margin: 0;
font-size: 15px;
&:before {
@extend %FontAwesomeSolid;
font-size: 13px;
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
}
&.in-stock {
&:before {
color: #38cb89;
content: '\f058';
}
}
&.out-of-stock {
&:before {
color: #d31129;
content: '\f057';
}
}
}
.woocommerce-store-notice,
.demo_store {
position: fixed;
top: auto !important;
bottom: 0;
background: #000;
}
.woosw-content-item--price,
.tr-price,
.price,
.amount {
font-size: 15px;
font-weight: 600;
}
.woosw-content-item--price,
.tr-price,
.price {
.amount {
font-size: inherit;
}
del {
vertical-align: middle;
font-size: .867em;
position: relative;
text-decoration: none;
.amount {
font-size: inherit;
}
&:before {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
margin-top: -2px;
background: currentColor;
content: '';
}
}
del + ins {
margin-left: 6px;
}
ins + del {
margin-left: 6px;
}
}
.star-rating {
font-family: star;
font-size: 14px;
color: #f6b500;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
width: 6.4em;
letter-spacing: .2em;
&:before {
position: absolute;
top: 0;
left: 0;
float: left;
color: #ddd;
content: "SSSSS";
}
span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
&:before {
content: 'SSSSS';
top: 0;
position: absolute;
left: 0;
}
}
}
.wishlist-btn,
.compare-btn {
&.style-01 {
a {
position: relative;
display: block;
width: 56px;
height: 56px;
border: 1px solid #f8f8f8;
background: #f8f8f8;
color: #333;
border-radius: 5px;
line-height: 58px;
font-size: 0 !important;
padding: 0 !important;
&:before {
@extend %FontAwesomeRegularImportant;
font-size: 16px;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
&:hover {
color: #fff;
}
}
}
}
.wishlist-btn {
&.style-01 {
a {
&:before {
content: '\f004';
}
&.woosw-added {
&:before {
font-weight: 900;
}
}
}
}
}
.compare-btn {
&.style-01 {
a {
&:before {
content: '\f012';
}
}
}
}
.wishlist-btn.style-01 .woosw-adding,
.compare-btn.style-01 .woosc-btn-adding {
&:before {
animation: load-spin 1s linear infinite;
content: '\f3f4';
}
}