| Server IP : 51.91.236.193 / Your IP : 216.73.216.224 Web Server : Apache System : Linux webm010.cluster128.gra.hosting.ovh.net 6.18.39-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Tue Jul 21 12:03:15 CEST 2026 x86_64 User : institutah ( 16501) PHP Version : 7.2.34 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/institutah/www/wp-content/themes/makali/less/ |
Upload File : |
@import 'variables.less';
// WooCommerce onsale label
.woocommerce {
.product-wrapper,
.single-product-image {
.onsale {
background: @salecolor;
box-shadow: none;
color: @saletextcolor;
font-family: @headingfont;
font-size: 10px;
font-weight: @headingfontweight;
height: 24px;
left: 20px;
line-height: 24px; /* override */
min-height: auto; /* override */
min-width: 44px;
padding: 0 9px; /* override */
position: absolute;
right: auto;
text-align: center;
text-shadow: none;
text-transform: uppercase;
top: 20px;
z-index: 99;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
.border-radius(0);
}
}
}
.widget-title,
.widgettitle {
.widgettitleMixin();
}
.hide-rating{
.woocommerce,
.woocommerce-page{
.star-rating{
display: none;
}
}
}
.woocommerce,
.woocommerce-page {
.star-rating {
display: inline-block;
float: none;
height: 15px;
margin: 0;
vertical-align: middle;
width: 68px;
&:before {
color: #e1e1e1;
content: '\f005\f005\f005\f005\f005';
font-family: FontAwesome;
font-size: 12px;
letter-spacing: 2.5px;
}
span {
font-size: 0;
height: 100%;
&:before {
color: @ratecolor;
content: '\f005\f005\f005\f005\f005';
font-family: FontAwesome;
font-size: 12px;
letter-spacing: 2.5px;
}
}
}
}
#yith-wcwl-popup-message {
background: @primarycolor;
border: none;
border-radius: 0;
color: #fff;
padding: 0 20px;
}
// Added to cart popup
.atc-notice-wrapper {
background: #fff;
border-radius: 3px;
box-shadow: 0 0 15px rgba(0, 0, 0, .8);
display: none;
left: 50%;
margin-left: -160px;
max-width: 100%;
position: fixed;
top: 40%;
width: 320px;
z-index: 1000;
.close {
color: @greycolor;
font-size: 22px;
opacity: 1;
position: absolute;
right: 5px;
top: 5px;
-webkit-transition: color .3s ease;
transition: color .3s ease;
&:hover {
color: @primarycolor;
}
}
h3 {
border-bottom: 1px solid @bordercolor;
font-size: 16px;
margin: 0 0 15px;
padding: 20px 0 10px 0;
text-align: center;
text-transform: uppercase;
}
.product-wrapper {
float: left;
padding: 0 10px;
width: 100%;
}
.product-image {
float: left;
width: 30%;
}
.product-info {
float: left;
padding-left: 20px;
width: 70%;
h4 {
font-size: 15px;
font-weight: normal;
margin: 0 0 15px;
}
.price {
color: @pricecolor;
font-size: @pricefont;
font-weight: @pricefontweight;
line-height: 1;
margin: 0;
width: 100%;
ins {
background: none; /* override */
float: left;
font-size: 1em;
margin-right: 5px;
}
del {
color: @greycolor;
font-size: .857em;
font-weight: normal;
text-decoration: line-through;
}
.woocommerce-price-suffix {
display: block;
margin-top: 10px;
}
}
}
.buttons {
background: @bordercolor;
border-radius: 0 0 3px 3px;
float: left;
margin: 15px 0 0;
padding: 20px 10px;
width: 100%;
.button {
background: @primarycolor;
border: 2px solid @bordercolor;
color: @white;
display: inline-block;
float: right;
font-family: @bodyfont;
font-size: 1.167em;
font-weight: 500;
height: 55px;
letter-spacing: 0;
line-height: 51px;
outline: none;
overflow: hidden;
padding: 0 30px;
text-transform: none;
vertical-align: middle;
.transition();
&:hover {
background: darken(@primarycolor, 10%);
color: @white; /* override */
}
}
}
}
// Quick view
body.quickview {
overflow: hidden;
}
.quickview-wrapper {
background: rgba(0,0,0,.7);
bottom: 0;
height: 100%;
left: 0;
opacity: 0;
overflow-y: auto;
position: fixed;
right: 0;
top: 0;
-webkit-transition: all .5s ease;
transition: all .5s ease;
visibility: hidden;
width: 100%;
z-index: 1211000;
&.open {
opacity: 1;
visibility: visible;
.quick-modal {
top: 50%;
.transform(translateY(-50%));
}
}
.qvbtn {
border: 1px solid #fff;
border-radius: 3px;
color: #fff;
cursor: pointer;
display: block;
font-size: 32px;
height: 50px;
left: 30px;
position: absolute;
text-align: center;
top: 50%;
-webkit-transition: all .3s ease;
transition: all .3s ease;
width: 50px;
.transform(translateY(-50%));
&:hover {
background: @primarycolor;
}
&.qvnext {
left: auto;
right: 30px;
}
i {
line-height: 48px;
vertical-align: top;
}
}
.quick-modal {
background: #fff;
border-radius: 3px;
box-shadow: 0 0 10px rgba(0, 0, 0, .8);
margin: 0 auto;
max-width: 96%;
min-height: 300px;
position: relative;
top: -500px;
max-height: 80%;
overflow: auto;
-webkit-transition: all .5s ease;
transition: all .5s ease;
width: 870px;
z-index: 1000;
.qvloading {
background: #fff url('../images/loading.gif') no-repeat center center;
display: none;
height: 100%;
left: 0;
opacity: .7;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.closeqv {
border: 1px solid @greycolor;
border-radius: 3px;
color: @greycolor;
cursor: pointer;
display: block;
height: 30px;
line-height: 28px;
position: absolute;
right: 10px;
text-align: center;
top: 10px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
width: 30px;
z-index: 2;
&:hover {
border: 1px solid @primarycolor;
color: @primarycolor;
}
}
}
#quickview-content {
background: #fff;
padding: 20px;
.product-images {
float: left;
width: 40%;
.quick-thumbnails {
float: left;
margin: 0;
width: 100%;
.owl-dots {
bottom: auto;
list-style: none;
margin: 30px 0 0;
padding: 0;
position: static;
text-align: center;
.owl-dot {
background: none;
border: 2px solid #ccc;
content: '';
display: inline-block;
font-size: 0;
height: 13px;
margin: 0 4px;
outline: none;
position: static;
width: 13px;
.opacity(1);
.transform(none);
.border-radius(100%);
&:hover,
&.active {
background: @primarycolor;
border-color: @primarycolor;
}
&:before {
/* override */
display: none;
}
}
}
.owl-item {
padding: 1px; /* fix border */
a {
border: 1px solid @bordercolor;
float: left;
overflow: hidden;
width: 100%;
&:hover {
border-color: @primarycolor;
}
}
}
}
.main-image {
float: left;
margin-bottom: 10px;
width: 100%;
img {
box-shadow: none;
}
}
}
.product-info {
float: left;
padding-left: 30px;
width: 60%;
h1 {
font-size: 2em;
font-weight: 500;
margin: 0 50px 10px 0;
a {
color: @darkcolor;
&:hover {
color: @linkhovercolor;
}
}
}
.price-box {
float: left;
margin: 0 0 12px;
width: 100%;
p {
color: @pricecolor;
font-size: 20px;
font-weight: @pricefontweight;
margin: 0;
}
ins {
background: none; /* override */
float: left;
font-weight: @pricefontweight; /* override */
margin-right: 5px;
text-decoration: none;
}
del {
color: @greycolor;
font-size: .85em;
font-weight: normal;
text-decoration: line-through;
}
.woocommerce-price-suffix {
display: block;
font-size: @textsize;
}
}
.see-all {
color: @greycolor;
display: inline-block;
margin-bottom: 25px;
text-decoration: underline;
width: 100%;
&:hover {
color: @primarycolor;
}
}
.quick-add-to-cart {
border-bottom: 1px solid @bordercolor;
float: left;
margin: 0 0 20px;
padding: 0 0 20px;
width: 100%;
.product_title,
.price-box {
display: none;
}
.woocommerce-product-rating {
float: left;
margin: 0 0 20px;
width: 100%;
.star-rating {
color: @ratecolor;
float: left;
font-size: 10px;
height: 12px;
margin-right: 5px;
margin-top: 3px;
&:before {
color: #b7b7b7;
}
}
a.woocommerce-review-link {
color: @greycolor;
float: left;
font-style: italic;
line-height: 14px;
text-decoration: underline;
&:hover {
color: @primarycolor;
}
}
}
.cart {
float: left;
margin-bottom: 10px;
width: 100%;
.quantity {
border: 1px solid @bordercolor;
float: left;
height: 50px;
margin-right: 15px;
width: auto;
.input-text {
border: none;
color: @textcolor;
font-family: @bodyfont;
font-size: 14px;
font-weight: normal;
height: 47px;
width: 75px;
}
}
.button {
.buttonMixin();
}
.variations {
border: none;
float: left;
width: 100%;
.variant {
float: left;
padding: 0 0 17px;
width: 100%;
}
.label {
border: none;
color: @darkcolor;
display: block;
font-size: 14px;
margin-bottom: 15px;
padding: 0;
text-align: left;
text-transform: uppercase;
label {
margin: 0;
}
}
.value {
border: none;
display: block;
padding: 0;
}
select {
border: 1px solid @bordercolor;
height: 27px;
line-height: 27px;
margin-right: 10px;
width: auto;
}
.reset_variations {
color: @darkcolor;
display: block;
line-height: 27px;
margin-top: 10px;
&:hover {
color: @linkhovercolor;
}
&[style*='hidden'] {
display: none !important;
}
}
}
.single_variation {
float: left;
margin-bottom: 15px;
width: 100%;
.price {
border-bottom: 1px solid @bordercolor;
border-top: 1px solid @bordercolor;
color: @textcolor;
display: inline-block;
line-height: 1;
margin-bottom: 10px;
padding: 10px 0;
del {
color: @greycolor;
font-size: 15px;
margin-right: 5px;
opacity: 1;
text-decoration: line-through;
}
ins {
background: none; /* override */
color: @primarycolor;
font-size: 18px;
font-weight: normal;
text-decoration: none;
}
}
}
}
.product_meta {
display: none;
}
.yith-wcwl-add-to-wishlist {
color: @greycolor;
float: left;
font-size: 12px;
margin: 0;
width: 100%;
.feedback {
display: none;
}
a {
color: @greycolor;
float: left;
text-decoration: underline;
&:hover {
color: @primarycolor;
}
}
}
.group_table {
padding-bottom: 15px;
td {
padding: 0 0 15px;
}
.woocommerce-grouped-product-list-item__label {
display: block;
line-height: 1em;
padding: 0;
text-align: left;
label a {
color: @darkcolor;
font-size: 15px;
font-weight: normal;
&:hover {
color: @primarycolor;
}
}
}
.woocommerce-grouped-product-list-item__price {
color: @darkcolor;
display: block;
font-size: 15px;
font-weight: @pricefontweight;
padding: 0;
text-align: left;
del {
color: @greycolor;
font-size: .9em;
font-weight: normal;
text-decoration: line-through;
}
}
}
}
.quick-desc {
color: @textcolor;
font-size: 14px;
line-height: 21px;
margin: 0 0 20px;
width: 100%;
ul,
ol {
margin: 0 0 10px;
padding: 0;
li {
list-style: none;
margin: 0 0 5px;
&:before {
content: '\f00c';
display: inline-block;
font-family: FontAwesome;
margin-right: 6px;
}
}
}
}
.social-sharing {
border-top: 1px solid @bordercolor;
padding-top: 20px;
.clearfix();
}
}
.widget {
float: left;
width: 100%;
.widget-title {
background: none;
color: @darkcolor;
float: left;
font-size: 1.2em;
line-height: 30px;
margin: 0 0 15px;
text-align: left;
text-transform: uppercase;
width: 100%;
}
.social-icons {
float: left;
margin: 0;
padding: 0;
li {
float: left;
line-height: 30px;
list-style: none;
margin-right: 10px;
.social-icon {
border: 1px solid @bordercolor;
color: @greycolor;
display: inline-block;
font-size: 18px;
height: 40px;
line-height: 38px;
text-align: center;
width: 40px;
&:hover {
color: #fff;
}
&.facebook {
&:hover {
background: #3b579d;
border: 1px solid #3b579d;
}
}
&.twitter {
&:hover {
background: #3acaff;
border: 1px solid #3acaff;
}
}
&.pinterest {
&:hover {
background: #cb2027;
border: 1px solid #cb2027;
}
}
&.tumblr {
&:hover {
background: #304e6c;
border: 1px solid #304e6c;
}
}
&.gplus {
&:hover {
background: #d11717;
border: 1px solid #d11717;
}
}
&.linkedin {
&:hover {
background: #0097bd;
border: 1px solid #0097bd;
}
}
}
}
}
}
}
}
// Shop toolbar
.toolbar {
color: @darkcolor;
margin: 0 0 30px 0;
padding: 0;
position: relative;
width: 100%;
.view-mode {
float: right;
label {
display: none;
}
a {
background: none;
border: none;
color: #c9c9c9;
display: block;
float: left;
font-size: 0;
height: 30px;
line-height: 30px;
margin-right: 3px;
text-align: center;
width: 30px;
&:last-child {
margin-right: 0;
}
&:before {
content: '';
font-family: FontAwesome;
font-size: 20px;
height: 100%;
width: 100%;
}
&.grid {
&:before {
content: '\f00a';
}
&:hover,
&.active {
color: @primarycolor;
}
}
&.list {
&:before {
content: '\f03a';
}
&:hover,
&.active {
color: @primarycolor;
}
}
}
}
.woocommerce-ordering {
float: left;
margin: 0;
position: relative;
.orderby-wrapper {
font-size: 1em;
height: 30px;
line-height: 30px;
text-transform: none;
label {
color: @darkcolor;
float: left;
font-size: 1em;
font-weight: @headingfontweight;
margin-right: 10px;
}
select {
font-family: @headingfont;
background: @white;
border: 1px solid @bordercolor;
border-radius: 0;
box-shadow: none;
color: inherit;
height: 30px;
line-height: 28px;
}
.chosen-container {
display: inline-block;
font-size: 1em;
padding: 0;
vertical-align: top;
.chosen-single {
background: @white;
border: 1px solid @bordercolor;
border-radius: 0;
box-shadow: none;
color: inherit;
height: 30px;
line-height: 28px;
min-width: 180px;
padding: 0 15px;
text-align: left;
div {
right: 0;
b {
background: none !important;
&:before {
content: '\f107';
font-family: FontAwesome;
font-size: 12px;
}
}
}
}
&.chosen-with-drop {
.chosen-drop {
left: auto;
right: 0;
}
}
.chosen-drop {
border: 1px solid @bordercolor;
box-shadow: 0 0 4px 0 rgba(0,0,0,.14);
font-family: @bodyfont;
margin-top: 10px;
width: 240px;
ul {
margin: 10px 0;
padding: 0;
li {
font-size: 1em;
margin: 0;
padding: 10px 20px;
text-align: left;
text-transform: capitalize;
&.highlighted {
background: rgba(0, 0, 0, .65);
}
}
}
}
}
}
}
.woocommerce-result-count {
color: @darkcolor;
float: right;
height: 30px;
line-height: 30px;
margin-bottom: 0; // override
margin-right: 350px;
}
}
/* pagination */
.main-container nav.woocommerce-pagination {
background: #f6f6f6;
margin: 0 0 35px 0;
padding: 15px 15px;
width: 100%;
ul.page-numbers {
border: none; /* override */
margin: 0;
text-align: center;
width: 100%;
li {
border: none;
display: inline-block;
float: none;
margin: 0 12px 0 0;
vertical-align: middle;
&:last-child {
margin-right: 0;
}
a,
span {
color: #a3a3a3;
display: inline-block;
font-size: 1em;
height: 30px;
line-height: 30px;
min-width: 0; /* override */
padding: 0 5px;
vertical-align: middle;
.transition(all .15s ease);
&.next,
&.prev {
color: @darkcolor;
font-size: 0;
&:before {
display: inline-block;
font-family: FontAwesome;
font-size: 20px;
font-weight: bold;
line-height: 1;
position: relative;
top: -1px;
vertical-align: middle;
}
}
&.prev {
margin-right: 20px;
&:before {
content: '\f104';
}
}
&.next {
margin-left: 20px;
&:before {
content: '\f105';
}
}
}
span.current,
a:hover {
background: none; /* override */
color: @darkcolor;
}
}
}
}
.term-description {
display: none;
}
// List products
.shop-header {
margin-bottom: 30px;
}
#archive-product {
.shop-products-inner {
> .row {
margin-left: -10px;
margin-right: -10px;
}
}
}
.shop-products {
.group {
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
width: 100%;
-ms-flex-wrap: wrap;
&:last-child {
.item-col {
margin-bottom: 0;
}
}
}
&.list-view {
.gridview {
display: none;
}
.listview {
display: block;
}
div.item-col {
flex: 0 1 auto;
margin-bottom: 60px;
max-width: 100%;
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
}
&.grid-view {
.gridview {
display: block;
}
.listview {
display: none;
}
.item-col {
margin-bottom: 50px;
padding-left: 10px;
padding-right: 10px;
}
}
.gridview {
position: relative;
text-align: left;/* cross-sell */
.transition();
&:hover {
.quickviewbtn,
.wishlist-compare {
.opacity(1);
}
.price-box {
.opacity(0);
}
.cart-rating {
visibility: visible;
.opacity(1);
.add-to-cart {
left: 0;
}
}
}
.product-image {
margin-bottom: 20px;
position: relative;
.woocommerce-LoopProduct-link {
display: block;
}
img {
box-shadow: none;
float: none;
margin: 0 auto;
width: 100%;
.transition();
}
.makalitip {
left: auto;
margin: 0 !important;
right: 50px;
top: 50%;
.transform(translateY(-50%));
&:after {
background: none;
border-bottom: 5px solid transparent;
border-left: 6px solid @darkcolor;
border-top: 5px solid transparent;
bottom: -6px;
content: '';
display: block;
height: 0;
left: auto;
margin-top: -5px;
position: absolute;
right: -10px;
top: 50%;
transform: none;
width: 0;
}
}
.add-to-cart{
display: none;
}
}
.wishlist-compare {
left: auto;
position: absolute;
right: 20px;
top: 20px;
.opacity(0);
.transition();
ul {
margin: 0;
}
li {
display: block;
list-style-type: none;
margin: 0 0 10px 0;
position: relative;
vertical-align: middle;
&:last-child {
margin-bottom: 0;
}
&.quickviewbtn{
display: none;
}
a {
background: @white; // override
border: 1px solid @white;
color: @darkcolor;
display: block;
font-size: 0;
height: 44px; // override
letter-spacing: 0; // override
line-height: 42px; // override
margin: 0;
padding: 0; // override
text-align: center;
text-transform: none; // override
width: 44px;
.border-radius(100%); // override
.transition(all .2s ease);
&:before {
display: inline-block;
font-family: FontAwesome;
font-size: 18px;
vertical-align: top;
}
&:hover {
background: @primarycolor; // override
border: 1px solid @primarycolor;
color: @white;
}
}
&:last-child {
margin-bottom: 0;
}
}
// add to wishlist
.yith-wcwl-add-to-wishlist {
margin: 0;
.show {
position: relative;
width: 100%;
.feedback {
display: none;
}
}
a {
&:before {
content: '\f08a';
}
}
.yith-wcwl-wishlistexistsbrowse,
.yith-wcwl-wishlistaddedbrowse {
a {
background: @white;
border: 1px solid @primarycolor;
color: @primarycolor;
&:hover {
background: @primarycolor;
border: 1px solid @primarycolor;
color: @white;
}
}
}
}
// add to compare
.compare-button {
a.compare {
&:before {
content: '\f021';
}
&.added {
background: @white;
border: 1px solid @primarycolor;
color: @primarycolor;
}
&.added:hover {
background: @primarycolor;
border: 1px solid @primarycolor;
color: @white;
}
}
}
}
/* quickview */
.quickviewbtn {
bottom: 20px;
left: auto;
position: absolute;
right: 20px;
z-index: 9;
.opacity(0);
.transition();
}
.quickview {
background: @white;
color: @darkcolor;
font-size: 0;
height: 46px;
line-height: 46px;
text-align: center;
width: 46px;
.border-radius(100%);
&:before {
content: '\f002';
font-family: FontAwesome;
font-size: 18px;
}
&:hover {
background: @primarycolor;
color: @white;
}
}
.list-col4 {
.manhframeworktip {
left: auto;
margin: 0 !important;
right: 50px;
top: 50%;
.transform(translateY(-50%));
&:after {
background: none;
border-bottom: 5px solid transparent;
border-left: 6px solid #4c4c4c;
border-top: 5px solid transparent;
bottom: -6px;
content: '';
display: block;
height: 0;
left: auto;
margin-top: -5px;
position: absolute;
right: -10px;
top: 50%;
transform: none;
width: 0;
}
}
}
.list-col8 {
min-height: 50px; // fix when does not have price, rating
position: relative;
}
.product-name {
margin: 0 0 7px 0;
.woocommerce-loop-product__title {
display: none;
}
a {
color: #777;
display: block;
font-size: 1em;
line-height: 1.35;
max-width: 100%;
&:hover {
color: @linkhovercolor;
}
}
}
.price-box {
color: @pricecolor;
font-size: @pricefontsize;
font-weight: @pricefontweight;
width: 100%;
.special-price {
font-size: 1em;
}
.price-box-inner {
display: inline-block;
.clearfix();
}
del {
color: @greycolor;
float: none;
font-size: .857em;
font-weight: normal;
text-decoration: line-through;
.opacity(1);
}
ins {
background: none; /* override */
float: left;
font-size: 1em;
margin-right: 5px;
text-decoration: none;
}
.woocommerce-price-suffix {
display: block;
line-height: 1.35;
}
}
// countdown
.count-down {
display: none;
.hastime {
margin-bottom: 10px;
margin-left: -5px;
margin-right: -5px;
.clearfix();
}
.timebox {
float: left;
padding-left: 5px;
padding-right: 5px;
width: 25%;
.timebox-inner {
background: #f2f2f2;
border: 1px solid @bordercolor;
display: inline-block;
line-height: 1;
margin: 0;
overflow: hidden;
padding: 20px 0;
text-align: center;
vertical-align: middle;
width: 100%;
.border-radius(4px);
}
&:last-child {
margin-right: 0;
}
strong {
color: @darkcolor;
display: block;
font-size: 17px;
font-weight: @headingfontweight;
}
span {
display: block;
margin-top: 7px;
}
}
}
.cart-rating {
bottom: 0;
left: 0;
position: absolute;
right: 0;
visibility: hidden;
.opacity(0);
.transition(all .4s ease);
.clearfix();
display: flex;
justify-content: space-around;
.add-to-cart {
left: -20px;
flex-grow: 2;
position: relative;
.transition(inherit);
}
.star-rating {
min-width: 68px;
}
}
.star-rating {
height: 35px;
line-height: 35px;
margin: 0; // override
}
// add to cart: fontsize:0 , a : float to fix grouped product
.add_to_cart_inline {
border: none !important; // override
display: inline-block;
font-size: 0;
margin: 0 auto; // override
padding: 0 !important; // override
position: relative; // for tooltip
vertical-align: top;
.clearfix();
del,
ins,
.amount {
display: none;
}
a {
background: none; /* override */
border: none;
color: @darkcolor;
display: inline-block;
float: left;
font-size: 14px;
font-weight: normal; /* override */
height: 35px; // override
line-height: 35px; /* override */
margin: 0;
max-width: 100%;
padding: 0 ; // override
position: relative;
text-transform: none; /* override */
.border-radius(0); /* override */
&:before {
content: '+';
margin-right: 4px;
}
&:after {
background: @darkcolor;
bottom: 8px;
content: '';
display: block;
height: 1px;
position: absolute;
width: 100%;
z-index: 9;
}
&.added {
display: none !important;
}
&.added_to_cart {
color: @primarycolor;
&:hover {
color: darken(@primarycolor, 10%);
}
}
&:hover {
background: none; /* override */
color: @primarycolor;
&:after {
background: @primarycolor;
}
}
}
}
}
.listview {
&:hover {
.quickviewbtn {
.opacity(1);
.transform(translate(-50%, -50%) scale(1));
}
}
.product-image {
position: relative;
.woocommerce-LoopProduct-link {
display: block;
}
img {
box-shadow: none;
float: none;
margin: 0 auto;
width: auto;
.transition();
}
}
/* quickview */
.quickviewbtn {
left: 50%;
position: absolute;
top: 50%;
z-index: 9;
.transform(translate(-50%, -50%) scale(0));
.opacity(0);
.transition();
}
.quickview {
background: @white;
color: @darkcolor;
font-size: 0;
height: 46px;
line-height: 46px;
text-align: center;
width: 46px;
.border-radius(100%);
&:before {
content: '\f002';
font-family: FontAwesome;
font-size: 18px;
}
&:hover {
background: @primarycolor;
color: @white;
}
}
.list-col8 {
padding-top: 20px;
position: relative;
}
.product-name {
margin: 0 0 15px 0;
.woocommerce-loop-product__title {
display: none;
}
a {
color: #777;
display: block;
font-size: 18px;
line-height: 1.35;
max-width: 100%;
&:hover {
color: @linkhovercolor;
}
}
}
.price-box {
color: @pricecolor;
font-size: 16px;
font-weight: @pricefontweight;
margin-bottom: 15px;
width: 100%;
.transition();
.special-price {
font-size: 1em;
}
.price-box-inner {
display: inline-block;
.clearfix();
}
del {
color: @greycolor;
float: none;
font-size: .875em;
font-weight: normal;
text-decoration: line-through;
.opacity(1);
.amount {
color: @greycolor;
}
}
ins {
background: none; /* override */
float: left;
font-size: 1em;
margin-right: 5px;
text-decoration: none;
}
.woocommerce-price-suffix {
display: block;
line-height: 1.35;
}
}
.star-rating {
margin: 0 0 20px 0; // override
}
.actions {
margin-top: 25px;
ul {
margin: 0;
}
li {
display: inline-block;
list-style-type: none;
margin: 0 10px 0 0;
position: relative;
vertical-align: middle;
&:last-child {
margin-right: 0;
}
a {
background: @white; // override
border: 1px solid @bordercolor;
color: @darkcolor;
display: block;
font-size: 0;
font-weight: normal; /* override */
height: 44px; // override
letter-spacing: 0; // override
line-height: 42px; // override
margin: 0;
padding: 0; // override
text-align: center;
text-transform: none; // override
width: 44px;
.border-radius(100%); // override
.transition(all .2s ease);
&:before {
display: inline-block;
font-family: FontAwesome;
font-size: 18px;
vertical-align: top;
}
&:hover {
background: @primarycolor; // override
border: 1px solid @primarycolor;
color: @white;
}
}
}
// add to cart: fontsize:0 , a : float to fix grouped product
.add_to_cart_inline {
border: none !important; // override
display: inline-block;
font-size: 0;
margin: 0 auto; // override
padding: 0 !important; // override
position: relative; // for tooltip
vertical-align: top;
.clearfix();
del,
ins,
.amount {
display: none;
}
a {
background: none; /* override */
float: left; /* fix */
font-weight: normal; /* override */
height: 44px; // override
line-height: 42px; /* override */
padding: 0 ; // override
text-transform: none; /* override */
.border-radius(100%); /* override */
&:before {
content: '\f07a';
}
&.added {
display: none !important;
}
&.added_to_cart {
background: @white;
border: 1px solid @primarycolor;
color: @primarycolor;
&:hover {
background: @primarycolor;
border: 1px solid @primarycolor;
color: @white;
}
}
}
}
// add to wishlist
.yith-wcwl-add-to-wishlist {
margin: 0;
.show {
position: relative;
width: 100%;
.feedback {
display: none;
}
}
a {
&:before {
content: '\f08a';
}
}
.yith-wcwl-wishlistexistsbrowse,
.yith-wcwl-wishlistaddedbrowse {
a {
background: @white;
border: 1px solid @primarycolor;
color: @primarycolor;
&:hover {
background: @primarycolor;
border: 1px solid @primarycolor;
color: @white;
}
}
}
}
// add to compare
.compare-button {
a.compare {
&:before {
content: '\f021';
}
&.added {
background: @white;
border: 1px solid @primarycolor;
color: @primarycolor;
}
&.added:hover {
background: @primarycolor;
border: 1px solid @primarycolor;
color: @white;
}
}
}
}
}
}
.product-page {
width: 100%;
}
// Product page
.main-container {
.woocommerce-message {
border-top-color: @primarycolor;
line-height: 40px;
.clearfix();
&::before{
color: @primarycolor;
}
.button {
border: 1px solid @bordercolor; /* override */
height: 40px; // override
line-height: 36px; /* override */
}
}
.product-view {
width: 100%;
.single-product-image {
margin: 0 0 60px 0;
position: relative;
width: 100%;
&.slider {
padding-left: 95px;
}
.onsale {
display: none;
}
.images {
float: none;
margin: 0;
padding: 0;
position: relative;
width: 100%;
&:hover {
.zoom_in_marker {
.opacity(1);
}
}
.woocommerce-product-gallery__wrapper {
.clearfix();
.woocommerce-product-gallery__image:not(:first-child) {
float: left;
margin: 10px 10px 0 0;
}
}
.yith_magnifier_zoom_wrap {
a {
img {
box-shadow: none;
}
}
.yith_magnifier_lens {
background: #fff;
}
.yith_magnifier_mousetrap {
cursor: move !important;
}
}
.yith_magnifier_loading {
//display: none;
}
.zoom_in_marker {
background: #373737;
bottom: auto;
color: @white;
cursor: pointer;
display: block;
font-size: 16px;
height: 50px;
left: 50%;
line-height: 50px;
position: absolute;
right: auto;
text-align: center;
top: 50%;
-webkit-transition: all .4s ease;
transition: all .4s ease;
width: 50px;
z-index: 999;
.border-radius(4px);
.opacity(0);
.transform(translate(-50%, -50%));
i {
font-size: 15px;
}
&:hover {
background: @primarycolor;
color: @white;
}
}
}
.images.nothumb {
padding: 0;
width: 100%;
}
.thumbnails.slider {
height: 100%;
left: 0;
max-height: 100%;
position: absolute;
top: 0;
width: 80px;
&:hover {
// #slider-prev,
// #slider-next {
// .opacity(1);
// }
}
.thumbnails-inner {
min-height: 100%;
padding: 60px 0;
position: relative;
}
.caroufredsel_wrapper {
// height: auto !important; // override
height: 100%;
max-width: 100%;
ul {
margin: 0;
position: relative !important; // override
width: 100% !important;
li {
margin: 0;
padding: 10px 0;
width: 100%;
a {
border: 1px solid transparent;
display: block;
margin: 0;
max-height: 100%;
overflow: hidden;
text-align: center;
&:hover {
border-color: @primarycolor;
}
img {
max-height: 100%;
max-width: 100%;
width: 100%;
}
}
}
}
}
#slider-prev,
#slider-next {
background: none; //override
border: 1px solid @bordercolor;
color: @darkcolor;
display: block !important; // override
font-size: 0;
height: 24px;
left: 50%;
line-height: 22px;
position: absolute;
text-align: center;
text-align: center;
width: 44px;
z-index: 99;
.opacity(1);
.transition(all .15s ease);
.transform(translateX(-50%));
&:before {
content: '';
font-family: FontAwesome;
font-size: 20px;
}
&:hover {
background: @primarycolor;
border-color: @primarycolor;
color: @white;
}
}
#slider-prev {
bottom: auto;
top: 10px;
&:before {
content: '\f106';
}
}
#slider-next {
bottom: 20px;
top: auto;
&:before {
content: '\f107';
}
}
}
}
.summary.single-product-info {
margin: 0;
padding: 0;
width: 100%;
.product-nav {
float: right;
.next-prev {
float: right;
a {
border: 1px solid #d1d1d1;
border-radius: 3px;
color: #d1d1d1;
display: block;
float: left;
font-size: 15px;
height: 30px;
line-height: 28px;
overflow: hidden;
position: relative;
text-align: center;
text-indent: 9999px;
width: 30px;
&:after {
content: '\f104';
display: block;
font-family: FontAwesome;
height: 28px;
left: 0;
position: absolute;
text-indent: 0;
top: 0;
width: 28px;
}
&:hover {
background: @primarycolor;
border-color: @primarycolor;
color: #fff;
}
}
.prev {
float: left;
}
.next {
float: left;
margin-left: 5px;
a {
&:after {
content: '\f105';
}
}
}
}
}
.roadtip {
top: -40px;
}
h1.product_title {
font-size: 2.286em;
margin-bottom: 12px;
}
.woocommerce-product-rating {
margin: 0 0 20px;
.star-rating,
.woocommerce-review-link {
height: 25px;
line-height: 25px;
}
.star-rating {
float: none;
margin: 0;
}
.woocommerce-review-link {
color: @greycolor;
display: inline-block;
margin-left: 10px;
vertical-align: middle;
&:hover {
color: @primarycolor;
}
}
}
.price {
color: @pricecolor;
font-size: 20px;
font-weight: 600;
line-height: normal;
margin: 20px 0 25px 0;
.clearfix();
ins {
background: none; /* override */
float: left;
font-weight: inherit;
margin-right: 7px;
text-decoration: none;
}
del {
color: @greycolor;
float: none;
font-size: .8em;
font-weight: normal;
text-decoration: line-through;
.opacity(1);
}
}
.short-description {
margin: 35px 0;
}
.stock-status {
color: @primarycolor;
margin: 0 0 20px;
width: 100%;
p {
margin: 0;
}
}
.woocommerce-product-details__short-description {
margin: 0 0 30px;
width: 100%;
}
.stock {
color: @textcolor;
font-family: @headingfont;
font-size: .857em;
font-weight: @headingfontweight;
margin: 0 0 15px 0; // override
text-transform: uppercase;
width: 100%;
&.in-stock,
&.out-of-stock {
&:before {
color: #81ca33;
content: '\f058';
float: left;
font-family: FontAwesome;
font-size: 14px;
margin: -2px 8px 0 0;
}
}
&.out-of-stock {
&:before {
color: #fa0001;
}
}
}
.cart {
margin: 0 0 25px;
width: 100%;
.variations {
border: none;
margin: 0;
width: 50%;
.variant {
float: left;
width: 100%;
}
.label {
border: none;
color: @headingcolor;
display: block;
font-size: 13px;
margin: 0 0 15px;
padding: 0;
text-align: left;
text-transform: uppercase;
}
.value {
border: none; /* override */
display: block;
padding: 0;
select {
background-color: lighten(@bordercolor, 5%);
border: 1px solid @bordercolor;
height: 30px;
padding: 5px 5px 5px 15px;
width: 100%;
}
}
.reset_variations {
color: @greycolor;
display: block;
font-size: .9em;
margin: 10px 0;
&:hover {
color: @linkhovercolor;
}
&[style*='hidden'] {
display: none !important;
}
}
}
.single_variation_wrap {
width: 100%;
.single_variation {
margin-bottom: 20px;
width: 100%;
}
.variations_button {
margin: 25px 0 0 0;
.clearfix();
}
.price {
border-bottom: 1px solid @bordercolor;
border-top: 1px solid @bordercolor;
color: @primarycolor;
display: inline-block;
font-size: 15px;
font-weight: 400;
margin-bottom: 20px;
padding: 10px 0;
.clearfix();
ins {
background: none; /* override */
display: inline-block;
text-decoration: none;
}
del {
color: @greycolor;
display: inline-block;
float: none;
font-size: .93em;
margin-right: 5px;
text-decoration: line-through;
}
}
}
.quantity {
background: @white;
border: 1px solid @bordercolor;
float: left;
margin-right: 30px;
.border-radius(0);
.input-text {
background: none;
border: none;
color: @darkcolor;
font-family: @bodyfont;
font-size: 20px;
font-weight: 400;
height: 50px;
line-height: 50px;
padding: 0 5px;
width: 75px;
}
}
.button {
background: @darkcolor;
border: none;
color: @white;
font-family: @bodyfont;
font-size: 14px;
font-weight: @headingfontweight;
height: 52px;
letter-spacing: 0;
line-height: 52px;
margin: 0;
min-width: 175px;
padding: 0 30px;
text-transform: none;
.border-radius(0);
&:before {
content: '+';
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}
&:hover {
background: @primarycolor;
color: @white;
}
}
.group_table {
border: none;
margin-bottom: 5px;
padding-bottom: 15px;
td {
border: none;
padding: 0;
&:first-child {
padding-bottom: 20px;
}
}
.woocommerce-grouped-product-list-item__quantity {
width: 80px;
}
.woocommerce-grouped-product-list-item__label {
display: block;
font-size: 15px;
line-height: 1em;
text-align: left;
a {
color: @darkcolor;
font-weight: @headingfontweight;
&:hover {
color: @linkhovercolor;
}
}
}
.woocommerce-grouped-product-list-item__price {
border: none; /* override */
color: @darkcolor;
display: block;
font-size: 15px;
line-height: 20px;
margin: 10px 0 0 0;
ins {
background: none; /* override */
float: none;
}
del {
color: @greycolor;
float: left;
font-size: .9em;
font-weight: normal;
margin-right: 5px;
text-decoration: line-through;
}
.stock {
display: block;
margin: 5px 0 0;
}
}
}
}
.clear {
clear: none;
display: none;
}
.yith-wcwl-add-to-wishlist {
display: inline-block;
margin: 0 40px 20px 0;
position: relative;
vertical-align: middle;
a {
background: none;
border: none;
color: @darkcolor;
display: inline-block; // inline to style img
font-size: 1em;
font-weight: normal;
height: 42px;
line-height: 40px;
text-align: center;
width: auto;
.border-radius(0); // override
.transition();
&:before {
content: '\f08a';
display: inline-block;
font-family: FontAwesome;
font-size: 18px;
margin-right: 5px;
vertical-align: top;
}
&:hover {
color: @linkhovercolor;
&:before {
.animation(rotate 2s infinite);
}
}
}
.ajax-loading {
display: none !important;
margin-left: 5px;
}
.feedback {
display: none;
}
}
.compare {
background: none; //override
border: none; //override
color: @darkcolor; // override for added
display: inline-block;
font-family: @bodyfont; // override
font-size: 1em; // override
font-weight: normal; //override
height: 42px;//override
letter-spacing: 0;
line-height: 40px;//override
margin-bottom: 20px;
overflow: visible; //override
padding: 0; // override
position: relative; // for tooltip
text-align: center;
text-transform: none; //override
vertical-align: middle;
width: auto;
.transition();
.border-radius(0);
.roadtip {
font-weight: normal;
text-transform: capitalize;
}
span.manhframeworktip {
left: 50%;
margin-left: 0 !important;
.transform(translateX(-50%));
}
span.comparetip {
&:before {
content: '\f021';
display: inline-block;
font-family: FontAwesome;
font-size: 18px;
margin-right: 8px;
vertical-align: top;
}
}
&:hover {
color: @linkhovercolor;
.comparetip:before {
.animation(rotate 2s infinite);
}
}
}
.product_meta {
border-top: 1px solid @bordercolor;
margin: 0 0 24px 0;
padding-top: 25px;
width: 100%;
.chosen-container,
.wcml_currency_switcher,
br {
display: none;
}
.sku_wrapper,
.posted_in,
.tagged_as {
color: @darkcolor;
display: block;
font-family: @headingfont;
font-size: 14px;
font-weight: @headingfontweight;
margin: 0 0 5px 0;
text-transform: uppercase;
a:hover {
color: @primarycolor;
}
a,
span {
color: @darkcolor;
font-family: @bodyfont;
font-size: 13px;
font-weight: 400;
text-transform: none;
}
}
}
// this share button disappear if not add code in product page
.share_buttons {
margin-top: 25px;
width: 100%;
.stButton,
.stMainServices {
height: auto;
.stFb,
.stTwbutton,
.stArrow,
.stButton_gradient {
height: auto;
}
}
}
.single-product-sharing {
border-top: 1px solid @bordercolor;
margin-top: 15px;
padding-top: 10px;
}
}
.widget_socialsharing_widget {
margin-bottom: 0;
margin-top: 10px;
width: 100%;
.widget-title {
color: @darkcolor;
display: inline-block;
font-family: @headingfont;
font-size: 14px;
font-weight: @headingfontweight;
margin-right: 15px;
text-transform: uppercase;
}
ul.social-icons {
display: inline-block;
list-style: none;
padding: 0;
li {
display: inline-block;
margin-bottom: 0;
margin-right: 15px;
position: relative;
a {
color: @textcolor;
display: block;
font-size: 16px;
text-align: center;
&:hover {
color: @primarycolor;
}
}
}
}
}
.product-more-details {
margin-top: 40px;
}
div.product-content {
.woocommerce-tabs {
margin: 0 0 70px;
width: 100%;
.clearfix();
ul.tabs {
background: none; //override
border: none; //override
border-bottom: 1px solid @bordercolor;
margin: 0 0 35px 0; // override
overflow: visible;
padding: 0; // override
position: relative;
text-align: left;
.clearfix();
&:before {
display: none;
}
li {
background: none !important; // override
border: none; // override
float: left;
list-style: none;
margin: 0 70px 0 0;
padding: 0; // override
position: relative;
z-index: 99 !important; // override
&:before,
&:after {
display: none;
}
&:last-child {
margin-right: 0;
}
a {
border: none; // override
color: @greycolor;
display: block;
font-family: @headingfont;
font-size: 1.15em;
font-weight: @headingfontweight;
padding: 0 15px 15px 15px; // override
position: relative;
text-decoration: none;
text-shadow: none !important; // override
text-transform: uppercase;
//remove before
&:before {
display: none;
}
&:after {
background: @darkcolor;
bottom: 0;
content: '';
display: block;
height: 1px;
left: 50%;
position: absolute;
right: 50%;
width: 0;
z-index: 9;
.transition();
}
}
&:hover,
&.active {
a {
color: @darkcolor;
&:after {
left: 0;
right: 0;
width: 100%;
}
}
}
}
}
.panel {
border-radius: 0;
box-shadow: none;
float: left;
font-size: 1em;
margin: 0; // override
width: 100%;
p:last-child {
margin: 0;
}
.shop_attributes {
border: 1px solid @bordercolor;
th {
border: none;
border-right: 1px solid @bordercolor;
color: @headingcolor;
font-family: @bodyfont;
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
}
td {
padding: 8px;
}
}
h2 {
font-size: 1em;
margin: 0 0 20px;
text-transform: uppercase;
}
h3 {
font-size: 1em;
margin: 0 0 20px;
text-transform: uppercase;
}
p {
margin-bottom: 20px;
}
}
#tab-reviews {
#reviews {
h3,
.comment-reply-title {
display: block;
font-size: 1em;
font-weight: @headingfontweight;
margin: 0 0 15px;
text-transform: uppercase;
}
#comments {
margin: 0 auto;
// max-width: 650px;
width: 100%;
.commentlist {
margin: 0 0 25px;
padding: 0;
li {
.avatar {
background: none;
border: none;
padding: 0;
width: 60px;
}
.comment-text {
border: 1px solid @bordercolor;
border-radius: 3px;
margin-left: 80px;
position: relative;
&:before {
background: #fff;
border-bottom: 1px solid @bordercolor;
border-left: 1px solid @bordercolor;
content: '';
display: block;
height: 10px;
left: -6px;
position: absolute;
top: 10px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 10px;
}
p.meta {
font-size: 1em;
}
.description {
font-size: 1em;
}
strong {
font-family: @bodyfont;
font-weight: @headingfontweight;
text-transform: uppercase;
}
.star-rating {
color: @ratecolor;
margin-bottom: 15px;
}
}
}
}
}
#review_form_wrapper {
margin: 0 auto;
// max-width: 650px;
width: 100%;
.comment-form {
label {
font-family: @bodyfont;
font-weight: normal;
margin: 0 0 5px;
width: 100%;
}
textarea {
border: 1px solid @bordercolor;
border-radius: 3px;
height: 125px;
padding: 10px;
width: 100%;
}
.stars {
a {
border: none;
// color: @ratecolor;
color: #ffc300;
line-height: 14px;
&:after {
color: @lightgreycolor;
font-family: FontAwesome;
font-weight: normal;
}
&.star-1 {
&:after {
content: '\f006';
}
}
&.star-2 {
&:after {
content: '\f006\f006';
}
}
&.star-3 {
&:after {
content: '\f006\f006\f006';
}
}
&.star-4 {
&:after {
content: '\f006\f006\f006\f006';
}
}
&.star-5 {
&:after {
content: '\f006\f006\f006\f006\f006';
}
}
&.active,
&:hover {
&:after {
color: @ratecolor;
}
}
}
}
.comment-input{
.comment-form-cookies-consent{
display: flex;
align-items: center;
label{
margin: 0 0 0 10px;
}
}
}
.form-submit {
#submit {
margin-top: 15px;
.buttonMixin();
}
}
}
}
}
}
}
}
.upsells,
.related {
margin-bottom: 75px;
&:last-of-type {
margin-bottom: 0;
}
}
}
// cart page & checkout page
.woocommerce {
form {
.form-row {
margin: 0 0 15px 0;
}
label {
font-family: @headingfont;
margin: 0 0 5px;
}
fieldset {
float: left;
margin: 20px 0;
width: 100%;
legend {
border-bottom: none;
color: @primarycolor;
font-family: @headingfont;
font-size: 14px;
margin: 0 0 10px;
padding: 0;
text-transform: uppercase;
}
}
.select2-container--default .select2-selection--single {
border: none;
height: 48px;
line-height: 48px;
.select2-selection__rendered {
background: @white;
border: 1px solid @bordercolor;
border-radius: 0;
height: 100%;
line-height: inherit;
max-width: 100%;
padding: 0 15px;
vertical-align: middle;
}
.select2-selection__arrow {
top: 50%;
.transform(translateY(-50%));
}
}
}
.woocommerce-form-coupon-toggle,
.woocommerce-form-login-toggle {
margin-bottom: 35px;
}
// my account page
form {
&.checkout_coupon,
&.login,
&.register {
background: @white;
}
}
.woocommerce-MyAccount-navigation {
background: @white;
border: 1px solid @bordercolor;
margin-bottom: 60px;
padding: 20px 30px;
ul {
margin: 0;
padding: 0;
li {
border-bottom: 1px solid @bordercolor;
list-style-type: none;
padding: 6px 0;
vertical-align: middle;
a {
color: @darkcolor;
&:hover {
color: @linkhovercolor;
}
}
&:last-child {
border-bottom: none;
}
&.is-active {
a {
color: @linkactivecolor;
}
}
}
}
}
.woocommerce-MyAccount-content {
.woocommerce-Address {
max-width: none; /* override */
}
.form-row {
width: 100%;
label {
width: 100%;
}
.woocommerce-input-wrapper {
width: 100%;
}
}
}
table.my_account_orders {
font-size: 1em;
th,
td {
border-bottom: none;
text-align: center !important;
}
tr {
th,
td {
padding: 10px 20px;
}
}
}
.col-1,
.col-2,
.col-3 {
margin-bottom: 30px;
max-width: 100%; /* override */
padding-left: 0; /* override */
padding-right: 0; /* override */
flex: 0 1 auto; /* override */
}
}
.shop_table {
background: #fff;
border-color: @bordercolor;
border-radius: 0;
border-style: solid;
border-width: 1px 0 1px 1px !important;
color: @darkcolor;
margin: 0 0 50px;
&.cart {
margin: 0 0 @rowspace 0;
thead {
border-bottom: 1px solid @bordercolor;
}
th,
td {
padding: 20px 10px;
}
}
th {
border-bottom: none;
border-top: none;
// font-family: @headingfont;
font-size: 15px;
font-weight: @headingfontweight;
padding: 20px 10px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
}
td {
border-bottom: none;
font-size: 1em;
font-weight: 500;
padding: 20px 10px;
text-align: center;
vertical-align: middle;
&.product-thumbnail {
a {
display: inline-block;
}
img {
width: 75px;
}
}
&.product-name {
font-size: 1em;
text-align: center;
a {
color: @darkcolor;
&:hover {
color: @linkhovercolor;
}
}
.variation {
color: @textcolor;
font-size: 12px;
margin: 5px 0 0;
dt {
float: none;
font-weight: normal;
}
dd {
float: none;
margin: 0 0 3px;
padding: 0;
}
}
}
&.product-price {
color: @darkcolor;
font-size: 1.143em;
font-weight: @headingfontweight;
.old-price {
color: @greycolor;
font-size: .9em;
font-weight: normal;
margin-left: 10px;
text-decoration: line-through;
}
}
&.product-subtotal {
color: @primarycolor;
font-size: 1.143em;
font-weight: @headingfontweight;
}
&.product-remove {
text-align: center;
}
&.product-add-to-cart {
.button.add_to_cart {
margin: 0 25px;
}
}
}
.order {
.order-actions {
text-align: center;
}
}
.cart_item:hover {
background: #f6f6f6;
}
a.remove {
background: none;
color: @darkcolor !important;
display: inline-block;
font-size: 20px;
&:hover {
color: @primarycolor !important;
}
}
.quantity {
.input-text {
background: none;
border: 1px solid @bordercolor;
border-radius: 0;
color: @darkcolor;
font-family: @bodyfont;
font-weight: normal;
padding: 0; /* override */
width: 60px; /* override */
}
}
.cart-subtotal,
.shipping,
.order-total {
th {
font-size: 14px;
}
}
}
.buttons-cart {
float: right;
margin: 0 0 35px !important;
.button {
float: left;
margin: 0 15px 15px 15px;
&:last-child {
margin-right: 0;
}
}
.continue {
float: left;
}
}
.return-to-shop .button {
margin: 15px 0 0 0;
}
.coupon {
color: #999;
margin: 0 0 50px;
width: 100%;
h3 {
border-bottom: 1px solid @bordercolor;
font-size: 1.286em;
margin: 0 0 35px;
padding: 0 0 10px 0;
text-transform: uppercase;
}
label {
display: block;
font-size: 18px;
font-weight: bold;
margin: 0 0 10px;
text-transform: uppercase;
width: 100%;
}
.input-text {
margin: 0 0 25px;
width: 100%;
}
.button {
.buttonMixin();
}
}
.shipping-calculator-form {
background: lighten(@bordercolor, 5%);
border-radius: 3px;
margin-top: 20px;
max-width: 100%;
text-align: left;
.form-row {
margin-bottom: 10px;
padding: 0;
}
input,
select {
background: @white !important;
border: none;
height: 32px;
padding: 0 0 0 10px;
}
}
.cart-form {
position: relative;
.loading {
background-color: #fff;
background-image: url('../images/loader.gif');
background-position: center center;
background-repeat: no-repeat;
display: none;
height: 100%;
left: 0;
opacity: .7;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
&.loading {
.loading {
display: block;
}
}
}
.cart-collaterals {
margin-top: @rowspace - 60px;
text-align: center;
width: auto; /* override */
.clearfix();
h2 {
color: @darkcolor;
font-size: 1.286em;
font-weight: @headingfontweight;
margin: 0 0 35px 0;
text-transform: uppercase;
}
.heading-title {
h3 {
border: none;
text-transform: none;
}
}
}
.cross-sells {
width: 100% !important; // override
.owl-stage {
margin: auto;
}
}
.cart_totals {
background: #f2f2f2;
margin-bottom: 50px;
padding: 40px 30px;
width: 100%;
.cart-subtotal,
.shipping,
.order-total {
th {
font-size: 1.143em;
}
}
h2 {
border-bottom: 1px solid @bordercolor;
font-size: 1.286em;
margin: 0 0 35px;
padding: 0 0 10px 0;
text-transform: uppercase;
}
table.shop_table {
background: none;
border: none;
margin: 0 0 10px 0;
text-align: right;
th {
border: none;
border-bottom: 1px solid @bordercolor;
font-weight: @headingfontweight;
padding: 15px 0;
text-align: left;
text-transform: uppercase;
vertical-align: top;
}
td {
background: none !important; // override
border: none;
border-bottom: 1px solid @bordercolor;
padding: 15px 0;
text-align: right;
vertical-align: top;
.amount {
color: @primarycolor;
// float: right;
font-weight: @headingfontweight;
text-align: right;
text-transform: uppercase;
}
label {
display: inline;
margin: 0;
text-transform: none;
white-space: normal;
}
}
tr {
border: none;
}
.shipping {
text-align: left;
ul#shipping_method {
.clearfix();
li {
margin: 0 0 10px;
padding: 0;
text-align: right;
text-indent: 0;
.shipping_method {
margin: 0;
position: relative;
top: 2px;
}
.amount {
margin-left: 10px;
text-align: left;
}
}
}
p {
margin-bottom: 0;
}
.woocommerce-shipping-calculator {
.clearfix();
}
}
.order-total {
th,
.amount {
font-size: 20px;
text-transform: uppercase;
white-space: nowrap;
}
}
}
.wc-proceed-to-checkout {
padding: 10px 0 0;
text-align: right;
.button {
background: @primarycolor;
border: none;
color: #fff;
font-size: 16px;
font-weight: @headingfontweight;
height: 50px;
line-height: 50px;
margin: 0 !important;
max-width: 100%;
padding: 0 20px;
&:hover {
background: @darkcolor;
color: @white;
}
}
.wcppec-checkout-buttons {
text-align: right;
.wcppec-checkout-buttons__separator {
color: @headingcolor;
margin: 0;
}
}
}
}
.woocommerce-checkout {
.woocommerce-input-wrapper {
display: block;
width: 100%;
}
#order_comments {
height: 150px;
line-height: 1.7;
overflow: visible;
padding: 20px;
}
.woocommerce-billing-fields h3,
.order-box h3 {
border-bottom: 1px solid @bordercolor;
font-size: 1.439em;
margin: 0 0 20px 0;
padding-bottom: 10px;
text-transform: uppercase;
}
.col-1,
.col-2,
.col-3 {
margin-bottom: 0;
width: 100%; /* override */
}
}
.order-box {
background: lighten(@bordercolor, 5%);
padding: 30px 40px 45px;
}
#order_review {
.shop_table {
background: none;
border: none;
table-layout: fixed;
th,
td {
border-bottom: 1px solid darken(@bordercolor, 5%);
border-right: none;
border-top: none;
font-size: 14px;
padding: 15px 0;
}
.shipping {
th,
td {
vertical-align: top;
}
#shipping_method {
li {
margin: 0 0 10px;
padding: 0;
text-align: left;
text-indent: 0;
.shipping_method {
position: relative;
top: 2px;
}
}
}
}
.order-total {
th,
td {
border-bottom: none;
font-size: 18px;
.amount {
color: @primarycolor;
}
}
}
}
#payment {
background: none;
a {
&.about_paypal {
margin-left: 15px;
}
}
.payment_methods {
border: none;
padding: 0;
li {
margin: 0 0 15px;
}
label {
font-family: @headingfont;
}
.payment_box {
background: none;
box-shadow: none;
font-size: 12px;
margin: 0;
padding: 0;
text-shadow: none;
width: 100%;
&:after {
display: none;
}
}
.input-radio {
position: relative;
top: 2px;
}
}
#place_order {
background: @primarycolor;
border-color: @primarycolor;
color: @white;
font-size: 18px;
margin-top: 20px;
text-transform: uppercase;
width: 100%;
&:hover {
background: darken(@primarycolor, 10%);
border-color: darken(@primarycolor, 10%);
color: @white;
}
}
}
}
.checkout_coupon {
border: none;
padding: 0;
.form-row {
float: left;
margin: 10px;
width: auto;
}
}
.woocommerce-additional-fields {
margin-bottom: 35px;
}
.woocommerce-shipping-fields {
margin-top: 25px;
h3 {
margin-bottom: 0;
}
}
.checkout-login {
form.login {
background: #fff;
border: 1px solid @bordercolor;
border-radius: 0;
margin: 0 0 20px;
.form-row {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
label {
font-family: @headingfont;
margin-bottom: 5px;
}
#rememberme {
margin: 0 3px 0 15px;
}
.lost_password {
float: left;
margin: 10px 0 0;
}
.input-text {
border: 1px solid @bordercolor;
height: 36px;
margin: 0 0 14px;
max-width: 100%;
padding: 0 0 0 10px;
width: 370px;
}
}
}
.checkout-done {
& > p:first-child {
font-family: @headingfont;
font-size: 13px;
font-weight: 700;
line-height: 1.35;
&:before {
content: '\f00c';
display: inline-block;
font-family: FontAwesome;
margin-right: 8px;
}
}
h2,
h2.title {
font-size: 14px;
margin: 50px 0 15px;
padding-bottom: 0;
text-transform: uppercase;
}
h3 {
font-size: 13px;
margin: 0 0 20px;
padding: 0 0 0;
width: 100%;
}
.order_summary {
background: lighten(@bordercolor, 5%);
float: left;
font-size: 15px;
margin: 20px 0 30px;
padding: 25px;
width: 100%;
strong {
font-family: @headingfont;
font-weight: normal;
margin-top: 5px;
}
li {
margin: 0;
padding-left: 10px;
}
}
.bacs_details {
padding: 0;
}
.shop_table {
border: none;
max-width: 650px;
table-layout: fixed;
tr:first-child {
th,
td {
border-top: 1px solid @bordercolor !important;
}
}
th {
font-weight: 700;
}
.product-name {
a {
color: @primarycolor;
}
}
thead {
th,
td {
border-bottom: none;
}
}
.order_item {
td {
border-bottom: none;
}
}
tfoot {
th {
font-weight: 400;
padding-right: 30px;
text-align: right;
}
}
th,
td {
border: 1px solid @bordercolor;
border-right: none;
border-top: none;
font-size: 14px;
padding: 15px 0;
}
tr {
th,
td {
&:last-child {
border-right: 1px solid @bordercolor;
}
}
}
}
}
.woocommerce-form-login {
.woocommerce-form__label-for-checkbox {
line-height: 45px;
display: block;
width: 100%;
#rememberme {
margin-right: 3px;
position: relative;
top: 1px;
}
}
}
#customer_login {
display: block;
[class*='col-'] {
max-width: none;
}
h2 {
border-bottom: 1px solid @bordercolor;
margin: 0 0 30px;
padding: 0 0 5px;
text-transform: uppercase;
}
form.login,
form.register {
border: none;
margin: 0 0 30px;
padding: 0;
width: 100%;
.form-fields {
border-bottom: none;
border-left: 1px solid @bordercolor;
border-right: 1px solid @bordercolor;
border-top: 1px solid @bordercolor;
float: left;
padding: 20px 25px;
width: 100%;
.form-row {
margin: 0 0 8px;
padding: 0;
}
}
.form-action {
background: lighten(@bordercolor, 5%);
border-bottom: 1px solid @bordercolor;
border-left: 1px solid @bordercolor;
border-right: 1px solid @bordercolor;
border-top: none;
float: left;
padding: 15px 10px;
width: 100%;
.lost_password {
float: left;
line-height: 36px;
margin: 0;
}
label {
float: right;
font-weight: normal;
line-height: 36px;
margin: 0 20px 0 0;
}
.button {
float: right;
}
}
}
}
.recent-orders-title {
font-size: 18px;
margin: 0 0 20px;
text-transform: uppercase;
}
.address-box {
float: left;
margin: 0 0 30px;
width: 100%;
&.recent-orders,
&.my-address {
border: none;
padding: 0;
}
h2,
h2.title {
font-size: 18px;
text-transform: uppercase;
}
table.shop_table {
font-size: 14px;
th,
td {
text-align: center;
vertical-align: middle;
}
.order-number {
border-left: none;
}
.button {
margin: 0;
padding: 0 30px;
}
&.order_details {
th,
.product-name {
text-align: left;
}
td,
.product-total {
text-align: right;
}
.product-name {
border-left: none;
}
tfoot th {
border-left: none;
border-top: none;
}
}
}
.lost_reset_password {
float: left;
width: 100%;
.form-row {
.button {
float: left;
}
}
}
}
.addresses {
line-height: 2;
.title {
h3 {
border-bottom: 1px solid @bordercolor;
font-size: 16px;
margin: 0 0 10px;
padding: 15px 0;
width: 100%;
}
}
address {
line-height: 2;
}
}
.myaccount_user {
color: #666;
margin: 0 0 30px;
padding: 0;
a {
text-decoration: underline;
}
}
#yith-wcwl-form {
.wishlist-title {
margin-bottom: 20px;
}
.wishlist_table {
border-right: none;
border-top: none;
font-size: 1em;
tr {
td {
&.product-stock-status {
span.wishlist-in-stock {
color: @primarycolor;
}
}
}
}
}
.yith-wcwl-share {
ul {
margin: 0;
padding: 0;
}
}
}
}