File: /var/www/html/CW-techs/wp-content/themes/cw-techs/scss/favorites.scss
@import 'partials';
.product-listing{
&.product-listing-featured{
&.favrt-list{
padding: 50px 0px;
@media($sm-1679){
padding: 30px 0px;
}
@media($sm-1441){
padding: 20px 0px;
}
.custom-container {
@media($sm-991){
padding:0px 20px;
}
}
.move-to-cart{
display: none;
background-color: #212125E5;
border-radius: 12px;
width: 100%;
height: 100%;
.btn{
width: 252px;
height: 52px;
border-radius: 26px;
background-color: #CD6429;
color: #fff;
margin-bottom: 25px;
&.move-to-cart1{
background-color: #fff;
color: #000;
}
@media($sm-1679){
height: 48px;
margin-bottom: 20px;
}
@media($sm-1481){
height: 44px;
width: 80%;
margin-bottom: 15px;
}
@media($sm-1199){
margin-bottom: 10px;
height: 42px;
}
.ico{
flex-shrink: 0;
margin-right: 8px;
}
}
}
.listing-blks{
position: relative;
&:hover{
.move-to-cart{
display: block;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
}
}
}
}
}
}
.favourites-outer{
@media($sm-991){
padding-top: 80px;
padding-bottom: 0px;
@media($sm-579){
padding-top: 60px;
padding-bottom: 0px;
}
}
.cart-header{
display: flex;
justify-content: space-between;
align-items: center;
padding: 35px 0px;
@media($sm-1679){
padding: 30px 0px;
}
@media($sm-1441){
padding: 25px 0px;
}
@media($sm-1199){
padding: 20px 0px;
}
.link-text{
font-family: $primary-font;
font-weight: 500;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
color: #fff;
text-decoration: none;
@media($sm-1679){
font-size: 14px;
}
@media($sm-1441){
font-size: 12px;
}
}
.cart-title{
font-family: $primary-font;
font-weight: 400;
font-size: 42px;
line-height: 48px;
letter-spacing: 0%;
text-transform: uppercase;
color: #fff;
margin-bottom: 0px;
@media($sm-1679){
font-size: 38px;
}
@media($sm-1441){
font-size: 36px;
}
@media($sm-1199){
font-size: 34px;
}
@media($sm-991){
font-size: 32px;
}
@media($sm-767){
font-size: 28px;
}
@media($sm-579){
font-size: 26px;
}
@media(max-width:379px){
font-size: 20px;
}
span{
font-weight: 600;
color: $primary;
}
}
.text-sec{
font-family: $primary-font;
font-weight: 500;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
text-align: right;
color: $white;
@media($sm-1679){
font-size: 14px;
}
@media($sm-1441){
font-size: 12px;
}
span{
color: $primary;
}
}
}
}