File: /var/www/html/CW-techs/wp-content/themes/cw-techs/css/cart.css
@import url("https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&display=swap");
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
.cart-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 35px 0px;
}
@media (max-width: 1679px) {
.cart-header {
padding: 30px 0px;
}
}
@media (max-width: 1441px) {
.cart-header {
padding: 25px 0px;
}
}
@media (max-width: 1199px) {
.cart-header {
padding: 20px 0px;
}
}
.cart-header .link-text {
font-family: "Schibsted Grotesk", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
color: #fff;
text-decoration: none;
}
@media (max-width: 1679px) {
.cart-header .link-text {
font-size: 14px;
}
}
@media (max-width: 1441px) {
.cart-header .link-text {
font-size: 12px;
}
}
.cart-header .cart-title {
font-family: "Schibsted Grotesk", sans-serif;
font-weight: 400;
font-size: 42px;
line-height: 48px;
letter-spacing: 0%;
text-transform: uppercase;
color: #fff;
margin-bottom: 0px;
}
@media (max-width: 1679px) {
.cart-header .cart-title {
font-size: 38px;
}
}
@media (max-width: 1441px) {
.cart-header .cart-title {
font-size: 36px;
}
}
@media (max-width: 1199px) {
.cart-header .cart-title {
font-size: 34px;
}
}
@media (max-width: 991px) {
.cart-header .cart-title {
font-size: 32px;
}
}
@media (max-width: 767px) {
.cart-header .cart-title {
font-size: 28px;
}
}
@media (max-width: 579px) {
.cart-header .cart-title {
font-size: 26px;
}
}
@media (max-width: 379px) {
.cart-header .cart-title {
font-size: 20px;
}
}
.cart-header .cart-title span {
font-weight: 600;
color: #CD6429;
}
.cart-header .text-sec {
font-family: "Schibsted Grotesk", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
text-align: right;
color: #fff;
}
@media (max-width: 1679px) {
.cart-header .text-sec {
font-size: 14px;
}
}
@media (max-width: 1441px) {
.cart-header .text-sec {
font-size: 12px;
}
}
.cart-header .text-sec span {
color: #CD6429;
}
.cart-inner {
padding: 0px 15px;
}
@media (max-width: 1679px) {
.cart-inner {
padding: 0px 12px;
}
}
.cart-inner .cart-inner-sec {
background: #18181A;
border-radius: 38px;
}
@media (max-width: 991px) {
.cart-inner .cart-inner-sec {
margin-bottom: 20px;
}
}
.cart-item {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #26262A;
padding: 44px 39px;
}
@media (max-width: 1679px) {
.cart-item {
padding: 40px 34px;
}
}
@media (max-width: 1441px) {
.cart-item {
padding: 30px;
}
}
@media (max-width: 1199px) {
.cart-item {
padding: 20px;
flex-wrap: wrap;
}
}
.cart-item:last-child {
border-bottom: 0px;
}
.cart-item .product-inner {
display: flex;
align-items: center;
}
@media (max-width: 1199px) {
.cart-item .product-inner {
width: 65%;
padding-bottom: 10px;
}
}
@media (max-width: 660px) {
.cart-item .product-inner {
width: 100%;
}
}
@media (max-width: 479px) {
.cart-item .product-inner {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
}
@media (max-width: 1199px) {
.cart-item .quatity {
flex: 1;
display: flex;
align-items: flex-end;
}
}
.cart-item .quatity .qty-box {
display: flex;
}
@media (max-width: 1199px) {
.cart-item .quatity .qty-box {
width: 100%;
justify-content: flex-end;
}
}
.cart-item .quatity .qty-box .minus, .cart-item .quatity .qty-box .plus, .cart-item .quatity .qty-box .delete {
width: 42px;
height: 42px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
background-color: #29292C;
font-size: 18px;
color: #fff;
border-bottom: 1px solid #29292C;
margin: 0px 5px;
box-shadow: 0px;
border: none;
font-family: "Schibsted Grotesk", sans-serif;
}
@media (max-width: 1679px) {
.cart-item .quatity .qty-box .minus, .cart-item .quatity .qty-box .plus, .cart-item .quatity .qty-box .delete {
width: 38px;
height: 38px;
}
}
@media (max-width: 1441px) {
.cart-item .quatity .qty-box .minus, .cart-item .quatity .qty-box .plus, .cart-item .quatity .qty-box .delete {
width: 34px;
height: 34px;
}
}
@media (max-width: 1199px) {
.cart-item .quatity .qty-box .minus, .cart-item .quatity .qty-box .plus, .cart-item .quatity .qty-box .delete {
width: 32px;
height: 32px;
}
}
@media (max-width: 1199px) {
.cart-item .quatity .qty-box .minus, .cart-item .quatity .qty-box .plus, .cart-item .quatity .qty-box .delete {
width: 28px;
height: 28px;
}
}
@media (max-width: 1679px) {
.cart-item .quatity .qty-box .minus img, .cart-item .quatity .qty-box .plus img, .cart-item .quatity .qty-box .delete img {
height: 12px;
width: 12px;
object-fit: contain;
}
}
.cart-item .product {
width: 87px;
height: 87px;
border-radius: 11px;
background-color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
}
@media (max-width: 1679px) {
.cart-item .product {
width: 77px;
height: 77px;
}
}
@media (max-width: 1441px) {
.cart-item .product {
width: 67px;
height: 67px;
}
}
@media (max-width: 1199px) {
.cart-item .product {
width: 57px;
height: 57px;
}
}
.cart-item .product img {
width: 100%;
height: 100%;
object-fit: contain;
}
.cart-item .product-details {
margin-left: 23px;
}
@media (max-width: 479px) {
.cart-item .product-details {
margin-left: 0px;
}
}
.cart-item .product-details .product-name {
font-family: "Schibsted Grotesk", sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 32px;
letter-spacing: 0%;
vertical-align: middle;
text-transform: capitalize;
color: #fff;
word-break: break-all;
}
@media (max-width: 1679px) {
.cart-item .product-details .product-name {
font-size: 16px;
line-height: 24px;
}
}
@media (max-width: 1441px) {
.cart-item .product-details .product-name {
font-size: 14px;
line-height: 20px;
}
}
@media (max-width: 479px) {
.cart-item .product-details .product-name {
margin-top: 10px;
}
}
.cart-item .product-details .tags {
display: flex;
align-items: center;
flex-wrap: wrap;
}
@media (max-width: 1199px) {
.cart-item .product-details .tags {
flex-wrap: wrap;
}
}
.cart-item .product-details .tags .badge {
height: auto;
white-space: normal;
overflow: visible;
text-overflow: unset;
padding: 7px 12px;
background-color: #28282B;
font-family: "Schibsted Grotesk", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 0%;
text-align: left;
text-transform: capitalize;
color: #fff;
border-radius: 12px;
margin-right: 10px;
margin-bottom: 10px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.cart-item .product-details .tags .badge a {
color: #fff;
}
@media (max-width: 1679px) {
.cart-item .product-details .tags .badge {
font-size: 12px;
}
}
@media (max-width: 1199px) {
.cart-item .product-details .tags .badge {
margin-bottom: 10px;
}
}
.cart-item .product-details .tags .badge.txt-sec {
justify-content: space-between;
}
.cart-item .product-details .tags .badge.txt-sec span {
margin: 0px 5px;
}
.cart-item .product-details .tags .badge.txt-sec .txt {
color: #61616F;
text-decoration: line-through;
}
.cart-item .product-details .tags .badge.txt-sec .txt-col {
color: #CD6429;
}
.cart-summary {
background: #18181A;
border-radius: 28px;
margin-left: 50px;
}
@media (max-width: 1679px) {
.cart-summary {
margin-left: 40px;
}
}
@media (max-width: 1441px) {
.cart-summary {
margin-left: 30px;
}
}
@media (max-width: 1199px) {
.cart-summary {
margin-left: 20px;
}
}
@media (max-width: 991px) {
.cart-summary {
margin-left: 0px;
}
}
.cart-summary .card-details, .cart-summary .totl-sec {
display: flex;
justify-content: space-between;
color: #606069;
padding: 21px 42px;
}
@media (max-width: 1679px) {
.cart-summary .card-details, .cart-summary .totl-sec {
margin-left: 40px;
padding: 18px 35px;
}
}
@media (max-width: 1441px) {
.cart-summary .card-details, .cart-summary .totl-sec {
margin-left: 35px;
padding: 16px 30px;
}
}
@media (max-width: 1199px) {
.cart-summary .card-details, .cart-summary .totl-sec {
margin-left: 30px;
padding: 16px 20px;
}
}
@media (max-width: 1441px) {
.cart-summary .card-details, .cart-summary .totl-sec {
margin-left: 25px;
padding: 15px;
}
}
.cart-summary .card-details .total-amount-txt, .cart-summary .card-details .totl-amunt, .cart-summary .totl-sec .total-amount-txt, .cart-summary .totl-sec .totl-amunt {
font-weight: 500;
font-size: 20px;
line-height: 32px;
letter-spacing: 0%;
vertical-align: middle;
text-transform: capitalize;
font-family: "Schibsted Grotesk", sans-serif;
}
@media (max-width: 1679px) {
.cart-summary .card-details .total-amount-txt, .cart-summary .card-details .totl-amunt, .cart-summary .totl-sec .total-amount-txt, .cart-summary .totl-sec .totl-amunt {
font-size: 18px;
}
}
@media (max-width: 1441px) {
.cart-summary .card-details .total-amount-txt, .cart-summary .card-details .totl-amunt, .cart-summary .totl-sec .total-amount-txt, .cart-summary .totl-sec .totl-amunt {
font-size: 16px;
}
}
@media (max-width: 1199px) {
.cart-summary .card-details .total-amount-txt, .cart-summary .card-details .totl-amunt, .cart-summary .totl-sec .total-amount-txt, .cart-summary .totl-sec .totl-amunt {
font-size: 14px;
}
}
.cart-summary .totl-sec {
border-top: 1px dashed #343437;
}
.checkout-sec {
margin-left: 50px;
}
@media (max-width: 1679px) {
.checkout-sec {
margin-left: 40px;
}
}
@media (max-width: 1441px) {
.checkout-sec {
margin-left: 30px;
}
}
@media (max-width: 1199px) {
.checkout-sec {
margin-left: 20px;
}
}
@media (max-width: 579px) {
.checkout-sec {
margin-left: 0px;
}
}
.checkout-sec .checkout-btn {
background-color: #CD6429;
border: 1px solid #CD6429;
height: 62px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: 500;
font-size: 16px;
line-height: 100%;
font-family: "Schibsted Grotesk", sans-serif;
letter-spacing: 0%;
width: 100%;
border-radius: 50px;
margin-top: 22px;
}
@media (max-width: 1679px) {
.checkout-sec .checkout-btn {
height: 48px;
}
}
@media (max-width: 1441px) {
.checkout-sec .checkout-btn {
height: 42px;
}
}
@media (max-width: 1199px) {
.checkout-sec .checkout-btn {
height: 38px;
}
}
.product-sec {
position: relative;
}
.product-sec .out-of-stock {
position: absolute;
width: 100%;
height: 100%;
color: #fff;
font-weight: 700;
font-size: 16px;
line-height: 20px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
background: rgba(40, 40, 43, 0.8980392157);
top: 0px;
text-transform: uppercase;
display: flex;
align-items: center;
border-radius: 10px;
font-family: "Schibsted Grotesk", sans-serif;
}
@media (max-width: 1679px) {
.product-sec .out-of-stock {
font-size: 14px;
}
}
@media (max-width: 1441px) {
.product-sec .out-of-stock {
font-size: 12px;
}
}
.cart-rt-sec {
margin-right: 0px;
}
.cart-page {
min-height: calc(100vh - 565px);
padding-bottom: 80px;
}
@media (max-width: 991px) {
.cart-page {
padding-top: 60px;
}
}
@media (max-width: 991px) {
.cart-page .col-md-8, .cart-page .col-md-4 {
width: 100%;
}
}
/*# sourceMappingURL=cart.css.map */