/*-------------------HEADER START------------------*/ #cns-menu li.nav-item:hover{ .nav-link{ //font-size:13px; } } .header-searcg { form{ position:relative; button{ position:absolute; right:0; top:0; } #head_search{ width:205px; @media only screen and (min-width:1200px){ width:330px; } @media only screen and (max-width:479px){ width:175px; } } } } /*-------------------HEADER END------------------*/ /*-------------------HOME START------------------*/ .home-top-product-wrapper{ margin-bottom:20px; .view-all h6 a:focus{ outline:none; } } .home-ad-wrapper{ padding-bottom:30px; } .latest-news-wrapper h2{ margin-bottom:0; line-height:.7; } /*-------------------HOME END------------------*/ /*-------------------CUSTOMER PROFILE PAGE START------------------*/ .customer-profile-cont{ #customer_profile_form{ .certificate-box { .certi-box{ img{ width:100%; object-fit: cover; height: 100%; } } input{ display:none; } label{ color:#555555; border: 1px solid #dddddd; border-radius: 4px; padding: 10px 10px; width:100%; text-align:center; cursor:pointer; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,c5c5c5+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #c5c5c5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#c5c5c5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#c5c5c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c5c5c5',GradientType=0 ); /* IE6-9 */ } label:hover{ color:#888888; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfd+0,d8d8d8+100 */ background: #fdfdfd; /* Old browsers */ background: -moz-linear-gradient(top, #fdfdfd 0%, #d8d8d8 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #fdfdfd 0%,#d8d8d8 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #fdfdfd 0%,#d8d8d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */ } } .link-box{ display: flex; align-items: center; padding-top: 30px; padding-bottom: 30px; @media only screen and (max-width:767px){ justify-content: center; } .save-link-box{ margin-top: 0; margin-right: 15px; .cns_btn{ margin-bottom: 0; border: none; } } .shop-box{ a{ height: 47px; display: inline-block; border: none; } } } } } /*-------------------CUSTOMER PROFILE PAGE END------------------*/ .home-bottom-banner-wrapper{ +.cns-footerlogo-wrapper{ padding-top:0; } } .cns-product-detail-wrapper { .prod-details { p,strong{ font-family: 'Gotham Light' !important; } } } /*-------------------PRODUCTS LIST -----------------*/ .salePriceText{ .prod-price-tag{ .gray{ color: #333 !important; font-family: 'Gotham Bold'; } } } .prod-box, .cns-product-detail-wrapper{ .salePriceText(); .prod-hover{ .wishlist{ padding-right: 15px; a.no-link{ .fa{ padding-right: 5px; font-weight: 700; } } a.no-link:hover{ color: #8cba36 !important; cursor: pointer; } a.added, a.added:hover{ color: #eee !important; } } } .fa-times-circle{ float: right; color: red; cursor: pointer; opacity: 0; &:hover{ opacity: 1 !important; } } } .cns-product-wrapper{ .prod-box{ &:hover{ .fa-times-circle{ opacity: .5; } } } } #wishlist{ .pagination-section{ span{ display: none; } } } //-------------product-single-page-start------------// .cns-product-detail-wrapper{ .prod-details{ .desc{ h1{ font-family: 'Gotham Bold'; font-size: 40px; } } .add-wish-list{ position: relative; float: left; .prod-btn-wrap{ .fa-heart-o{ position: absolute; top: 38%; left: 15px; color: #fff; } .wish-class{ padding-left: 20px; &.added{ background-color: #ddd; border-color: #ddd; } } } } } } //-------------product-single-page-end------------// //-------------CART-PAGE-START---------------// .cart-wrap{ .cartupdate{ .update-cart-btn{ margin-bottom: 15px; } .net-total{ margin-top: 10px; } } .apply-coupon-box{ text-align: right; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; .coupon-text{ padding-bottom: 5px; padding-top: 1px; padding-left: 8px; margin-bottom: 5px; } .green-button{ color: #fff !important; text-decoration: none; padding: 8px 20px; display: inline-block; border-radius: 4px; border: solid 1px #8cba36; font-family: 'Gotham Bold'; font-size: 12px; text-transform: uppercase; cursor: pointer; background-color: #8cba36; &:hover{ background-color: #fff; color: #8cba36 !important; } &.applied{ &:before{ content:"Coupon Applied"; } &:hover{ &:before{ content:"Remove Coupon"; } } } } } } .cns-checkout-wrapper{ @media only screen and (max-width:767px){ padding-top: 0px; } } //-------------CART-PAGE-END-----------------//