Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/food/assets/css/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
.breadcrumb-area.text-left .breadcrumb li { padding-left: 0; padding-right: 30px; } .breadcrumb-area.text-left .breadcrumb li::after { right: 10px; } /* Common CSS */ ul.vt-products { margin: 0 -15px; padding: 0; list-style: none; display: flex; flex-wrap: wrap; } ul.vt-products.related-product-carousel { margin: 0; } .vt-products .product { padding-left: 15px; padding-right: 15px; float: left; margin-bottom: 30px; } .vt-products.columns-1 .product { width: 100%; } .tinv-wishlist table th { background: var(--bg-gray); } .vt-products.columns-2 .product { width: 50%; } .vt-products.columns-3 .product { width: 33.3333%; } .vt-products.columns-4 .product { width: 25%; } .vt-products.columns-5 .product { width: 20%; } .vt-products.columns-6 .product { width: 16.6666%; } .vt-products.columns-7 .product { width: 14.2857%; } .vt-products.columns-8 .product { width: 12.5%; } .vt-products.columns-9 .product { width: 11.1111%; } .vt-products.columns-10 .product { width: 10%; } /* Main Style Css */ .vt-products .product .product-contents ul { margin-left: 0; padding: 0; list-style: none; } .product .product-contents { border: 1px solid #e7e7e7; padding: 30px; padding-bottom: 50px; } .vt-products .product .product-image { position: relative; z-index: 1; text-align: center; padding: 20px; overflow: hidden; padding-top: 10px; } #list-tab .vt-products .product .product-image { margin-bottom: 0; } .vt-products .product .product-image > a { display: block; } .vt-products .product .product-image .shop-action ul { position: absolute; right: 0; top: 15px; display: flex; flex-direction: column; align-items: flex-end; } .shop-action li { display: block; text-align: right; margin-bottom: 10px; transition: all 0.35s ease-in-out; position: relative; z-index: 1; } .vt-products .product .product-image span.onsale { position: absolute; left: 15px; top: 15px; } span.onsale { display: inline-block; background: var(--bg-gradient); color: #ffffff; text-transform: uppercase; font-size: 12px; line-height: 1; padding: 7px 14px; font-weight: 700; border-radius: 30px; } span.onsale.theme { background: var(--color-primary); } .tab-content.tab-content-info .tab-pane .shop-action li { padding: 0; } #list-tab .product-contents { text-align: left; } #list-tab .product-contents .rating { justify-content: left; } #list-tab .product-contents .review-count { justify-content: left; } .shop-action li a { max-width: 40px; height: 40px; position: relative; white-space: nowrap; padding: 0 18px; overflow: hidden; transition: all ease-in-out 0.3s; color: #ffffff; text-overflow: ellipsis; display: flex; align-items: center; font-size: 14px; border: none; letter-spacing: 0; border-radius: 30px; font-weight: 600; right: -20px; opacity: 0; } .shop-action li a span { transition: all ease-in-out 0.3s; } .shop-action li a:hover span { z-index: 1; } .shop-action li:nth-child(2) a { transition: all 0.4s ease-in-out; } .shop-action li:nth-child(3) a { transition: all 0.5s ease-in-out; } .vt-products .product .product-contents:hover .shop-action li a { opacity: 1; right: 15px; } .shop-action li a::after { position: absolute; right: 0; top: 0; content: ""; font-family: "Font Awesome 5 Pro"; height: 40px; width: 40px; line-height: 40px; background: var(--color-primary); text-align: center; border-radius: 50%; font-weight: 400; transition: all ease-in-out 0.3s; overflow: hidden; z-index: 9; border: 1px solid transparent; } .shop-action li.wishlist a::after { content: "\f004"; } .shop-action li.cart a::after { content: "\f07a"; } .shop-action li.quick-view a::after { content: "\f31e"; } .shop-action li.compare a::after { content: "\f2f1"; } .shop-action li.wishlist a::before { display: none !important; } .shop-action li a:hover::after { border: 1px solid rgba(255, 255, 255, 0.2); color: #ffffff; } .shop-action ul li a:hover { background-color: var(--color-primary); max-width: 260px; color: #ffffff; padding: 0 50px 0 15px; transition: all ease-in-out 0.5s !important; } .single-product-contents .product-tags a { font-size: 15px; font-weight: 600; text-transform: capitalize; } .product-tags a { display: inline-block; margin-right: 5px; position: relative; z-index: 1; } .product-tags a::after { position: absolute; right: -4px; bottom: 0; content: ","; } .product-tags a:last-child::after { display: none; } .product-tags a { display: inline-block; font-size: 12px; text-transform: uppercase; font-weight: 600; color: #666666; line-height: 1; } .product-tags a:hover { color: var(--color-primary); } .product-tags a:last-child { margin-right: 0; } .vt-products .product .product-contents .product-title { font-size: 18px; margin-top: 10px; margin-bottom: 15px; } .vt-products .product .product-contents .product-title a { font-weight: 900; } .vt-products .product .product-contents .product-title a:hover { color: var(--color-primary); } .vt-products .product a.btn { padding: 12px 25px; } .vt-products .product a.btn i { font-size: 15px; font-weight: 400; margin-right: 3px; } .dark-layout .vt-products .product a.btn:hover { background: #ffffff; color: #232323 !important; } .vt-products .product a.added_to_cart.wc-forward { display: block; text-align: center; padding: 6px 12px; border: 2px solid #00235a; border-radius: 5px; margin-top: 10px; color: #232323; } .dark-layout .vt-products .product a.added_to_cart.wc-forward { border-color: #cccccc; color: #ffffff; } .vt-products .product a.added_to_cart.wc-forward:hover { border-color: var(--color-primary); background: var(--color-primary); color: #ffffff; } .vt-products.columns-3 .product a.btn, .vt-products.columns-2 .product a.btn, .vt-products.columns-1 .product a.btn { display: inline-block; padding: 10px 30px; margin-right: 8px; } .vt-products.columns-3 .product a.added_to_cart.wc-forward, .vt-products.columns-2 .product a.added_to_cart.wc-forward, .vt-products.columns-1 .product a.added_to_cart.wc-forward { display: inline-block; padding: 8px 30px; } .vt-products .product a.btn:hover { background: #00235a; } .rating { display: flex; align-items: center; font-size: 12px; color: #999999; line-height: 1; } .text-center .rating { justify-content: center; } .rating a:hover { color: var(--color-primary); } .review-count { display: flex; margin-bottom: 15px; align-items: center; } .text-center .review-count { justify-content: center; } .review-count > span { display: none; line-height: 1; margin-left: 10px; } .validtheme-shop-single-area .review-count > span { display: inline-block; } .review-count .validthemes-product-rating-count { margin-left: 5px; font-size: 13px; } .woocommerce-Reviews .custom-checkbox input { min-height: auto; margin-right: 10px; } .woocommerce-Reviews .custom-checkbox { margin-bottom: 15px; margin-top: 15px; } .vt-products .product .product-contents .review-count i { color: #ffb300; } .star-rating span { position: absolute; z-index: 1; overflow: hidden; left: 0; padding-top: 1.5em; top: 0; margin: 0; } .star-rating span::before { position: absolute; left: 0; top: 0; content: "\f005\f005\f005\f005\f005"; color: #ffb300; letter-spacing: 3px; } .star-rating { position: relative; overflow: hidden; width: 80px; height: 22px; line-height: 22px; font-family: "Font Awesome 5 Pro"; display: block; font-weight: 900; font-size: 12px; } .star-rating::before { position: absolute; content: "\f005\f005\f005\f005\f005"; left: 0; top: 0; letter-spacing: 3px; color: #e1e1e1; } .single-product-contents .price { font-size: 26px; line-height: 1; margin-bottom: 25px; } .single-product-contents .price del { font-size: 22px; } .single-product-contents .price span { font-weight: 800; } .vt-products .product .product-caption.price span { font-weight: 800; } .vt-products .product .product-caption .price span { font-weight: 800; font-size: 20px; } .shop-listing-contentes { margin-bottom: 50px; } .shop-listing-contentes .text-right { display: flex; align-items: center; justify-content: right; } .shop-listing-contentes .text-right select { margin-left: 25px; } .shop-listing-contentes select { padding: 5px 15px; background: #f2f1f1; border: none; } .shop-listing-contentes select option { padding: 10px; } .shop-listing-contentes select { -webkit-appearance: none; -moz-appearance: none; background: transparent; background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); background-repeat: no-repeat; background-position-x: 98%; background-position-y: 5px; border: 1px solid #dfdfdf; border-radius: 2px; padding-right: 40px; } .vt-products .product .product-caption .price { line-height: 1; margin: 0; } .vt-products .product .product-caption .btn { margin-top: 25px; } .price ins { text-decoration: none; } /* Pagination */ .woocommerce-pagination ul.page-numbers { display: inline-block; list-style: none; margin: 0 !important; padding: 0 !important; } nav.woocommerce-pagination { clear: both; text-align: center; margin-top: 30px; overflow: hidden; float: left; width: 100%; } .woocommerce-pagination ul.page-numbers li { display: inline-block; } .woocommerce-pagination ul.page-numbers li .page-numbers { display: inline-block; height: 45px; width: 45px; line-height: 45px; background: #ffffff; margin: 0 1px; border: 1px solid #dddddd; font-weight: 600; border-radius: 50%; } .woocommerce-pagination ul.page-numbers li .page-numbers.current, .woocommerce-pagination ul.page-numbers li a:hover { background: var(--color-primary); border-color: var(--color-primary); color: #ffffff; } /* Product View Style */ .tab-content.tab-content-info { clear: both; } .tab-content.tab-content-info .tab-pane ul li::after { display: none; } .tab-content.tab-content-info .tab-pane ul li { line-height: inherit; padding: 0 15px; } .shop-listing-contentes .content { display: flex; align-items: center; } .shop-listing-contentes p { margin: 0; } .shop-listing-contentes .content .nav.nav-tabs { margin-left: 0; margin-right: 30px; border: none; } .shop-listing-contentes .content .nav.nav-tabs .nav-link { display: inline-block; background: #ffffff; border: 1px solid #e7e7e7 !important; margin-right: 5px; color: #232323; border-radius: 5px; padding: 0; height: 50px; width: 50px; text-align: center; line-height: 53px; } .shop-listing-contentes .content .nav.nav-tabs .nav-link i { font-weight: 400; font-size: 20px; } .shop-listing-contentes .content .nav.nav-tabs .nav-link::after { display: none; } .shop-listing-contentes .content .nav.nav-tabs .nav-link.active { background: var(--color-primary); border-color: var(--color-primary) !important; color: #ffffff; } .tab-content #list-view .vt-products .product { width: 100%; } .tab-content.tab-content-info #list-tab .colums-2 .product { width: 50%; } .tab-content.tab-content-info #list-tab .colums-3 .product { width: 33.33333%; } .tab-content.tab-content-info #list-tab .colums-4 .product { width: 25%; } #list-view .vt-products .product .product-image { background: #f1f1f1; padding: 30px; } #list-view .vt-products .product .product-image span.onsale { left: 15px; top: 15px; } #list-view .shop-action li a::after { background: var(--color-primary); color: #ffffff; } .product-details .product-thumb .product-item span.onsale { position: absolute; left: 30px; top: 30px; height: 70px; width: 70px; line-height: 54px; font-size: 17px; border-radius: 50%; } #list-view .shop-action li a { color: #ffffff; } #list-view .vt-products .product .product-caption p { margin-bottom: 25px; } #list-view .vt-products .product a.btn { padding: 10px 25px; display: inline-block; } #list-view .vt-products .product-caption { margin-top: 0; } .dark-layout #list-view .vt-products .product a.btn:hover { background: #ffffff; color: #232323 !important; } #list-view .vt-products .product .product-caption .price span { font-size: 24px; } #list-view .vt-products .product .product-caption .price span del { font-size: 18px; } #list-view .vt-products .product .product-contents .product-title { font-size: 20px; } .shop-listing-contentes .nice-select { min-width: 300px; } .shop-listing-contentes .nice-select ul.list { margin: 0; width: 100%; } /* Product Single */ .product-thumb .carousel-indicators { position: relative; left: 0; bottom: 0; right: 0; width: 100%; margin: 0; margin-top: 30px; background: transparent; height: auto; } .product-thumb .carousel-indicators .item { height: auto; width: auto; position: relative; z-index: 1; background: #ffffff; padding: 15px; border: 1px solid #dddddd; text-indent: 0; cursor: pointer; opacity: 1; text-indent: 0; } .carousel-indicators .active { height: auto; width: 100%; background: transparent; } .product-details .product-thumb { text-align: center; } .product-details .product-thumb img { margin: auto; } .product-details .product-thumb .product-item { padding: 50px; background: var(--bg-gray); position: relative; } .product-stock span { display: inline-block; padding: 5px 20px; border-radius: 5px; background: rgba(35, 35, 35, 0.06); color: #232323; position: relative; z-index: 1; padding-left: 37px; padding-bottom: 3px; } .product-stock.validthemes-in-stock span::after { position: absolute; left: 15px; top: 12px; content: "\f058"; font-family: "Font Awesome 5 Pro"; font-weight: 600; color: var(--color-primary); line-height: normal; } .mfp-figure:after { background: #ffffff; } .product-purchase-list input { padding: 11px 15px; min-height: auto; width: 110px; border-radius: 5px; } .single-product-contents { padding-left: 30px; } .single-product-desc ul li { line-height: 30px; } .single-product-contents .review-count { margin: 0; } .single-product-contents table.variations { margin-top: 30px; margin-bottom: 30px; } .single-product-contents a:hover { color: var(--color-primary); } bdi { text-decoration: none; } ins { text-decoration: none; } .single-product-bottom-info .panel { margin: 0; box-shadow: inherit; border: none; padding: 0; } .single-product-bottom-info .panel p:last-child { margin-bottom: 0; } .summary-top-box { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; } .summary-top-box .review-count .rating { display: flex; } .rating > a { margin-left: 10px; font-weight: 600; color: #666666; font-size: 12px; } .rating > a:hover { color: var(--color-primary); } .summary-top-box .review-count i { color: #ffb300; font-size: 14px; } .summary-top-box .tags a { display: inline-block; color: #888; position: relative; z-index: 1; margin-right: 10px; font-weight: 500; } .summary-top-box .tags a::after { position: absolute; right: -3px; bottom: 0; content: ","; } .summary-top-box .tags a:last-child::after { display: none; } .single-product-contents .product-title { font-weight: 900; margin-bottom: 20px; } .price { font-size: 24px; font-weight: 600; color: var(--color-primary); margin-bottom: 15px; } .price del { color: #666666; font-size: 18px; font-weight: 700; } .summary-top-box .tags a:hover { color: var(--color-primary); } .product-stock { margin-bottom: 40px; display: block; margin-top: 20px; } .product-stock.validthemes-in-stock span::after { position: absolute; left: 15px; top: 9px; content: "\f058"; font-family: "Font Awesome 5 Pro"; font-weight: 600; color: var(--color-primary); line-height: normal; } .product-stock.validthemes-out-of-stock span::after { position: absolute; left: 15px; top: 9px; content: "\f057"; font-family: "Font Awesome 5 Pro"; font-weight: 600; color: var(--color-primary); line-height: normal; } p.stock.out-of-stock, p.stock.in-stock { display: none; } .single-product-bottom-info td:first-child { font-weight: 800; } .single-product-bottom-info td { padding: 10px 20px; } .tinv-wishlist p.stock.out-of-stock, .tinv-wishlist p.stock.in-stock { display: inline-block; } .single-product-contents .shop-action li a { opacity: 1; min-width: auto; width: 50px; display: block; overflow: inherit; max-width: initial; right: 0; font-weight: 400; font-size: 13px; height: 50px; line-height: 50px; padding: 0; text-align: center; background: #ffffff; border: 1px solid #dddddd; text-indent: -99999px; color: var(--color-primary); } .product-purchase-list .numberstyle-qty, .product-purchase-list .single_add_to_cart_button { margin-right: 15px; margin-top: 15px; } .product-purchase-list button { padding: 15px 20px; font-size: 13px; } .single-product-contents .shop-action ul { margin: 0; padding: 0; list-style: none; } .product-purchase-list input, .product-purchase-list > a.btn, .product-purchase-list .shop-action { display: inline-block; margin-right: 15px; margin-top: 15px; float: left; } .validtheme-shop-single-area .product-purchase-list .shop-action { margin-right: 0; } .single-product-contents .shop-action li a::after { left: -1px; right: auto; height: 50px; line-height: 50px; width: 50px; position: absolute; background: transparent; text-indent: 0; font-size: 17px; font-weight: 500; } .product-purchase-list .shop-action li { margin: 0; display: inline-block; line-height: 40px; margin-right: 15px; text-align: left; float: left; } .product-purchase-list .shop-action li:last-child { margin-right: 0; } .single-product-contents .shop-action li a:hover::after { background-color: var(--color-primary); color: #ffffff; } .single-product-contents .shop-action li a:hover { padding: 0; border-color: var(--color-primary); } .single-product-contents .shop-action li a span { display: none; } .product-purchase-list form { display: flex; align-items: center; flex-wrap: wrap; } .product-purchase-list a.btn { padding: 15px 30px; } .product-purchase-list a.btn i { font-weight: 400; margin-right: 3px; } .product-estimate-delivary { display: block; padding: 15px; margin-top: 50px; border-left: 3px solid var(--color-primary); border-radius: 5px; background: #f1f1f1; float: left; } .bg-gray .product-estimate-delivary { padding: 15px; border: none; border-left: 3px solid var(--color-primary); border-radius: inherit; background: #ffffff; } .product-estimate-delivary i { margin-right: 5px; } .product-estimate-delivary span { padding-left: 34px; position: relative; margin-left: 10px; z-index: 1; } .product-estimate-delivary span::after { position: absolute; left: 0; top: 10px; content: ""; height: 2px; width: 20px; background: #cccccc; } .product-estimate-delivary strong { font-weight: 600; color: #232323; } .product-meta { clear: both; margin-top: 35px; float: left; width: 100%; } .product-meta > span { display: block; } .product-meta span strong { font-weight: 600; margin-right: 10px; line-height: 30px; } .product-meta > span.posted_in { text-transform: uppercase; font-weight: 600; margin-top: 5px; } .product-meta > span.posted_in a { text-transform: none; font-weight: 400; margin-left: 3px; font-size: 14px; color: #666666; } .product-meta a:hover, .product-meta > span.posted_in a:hover { color: var(--color-primary); } /* Shop Product Bottom Info Description */ .single-product-bottom-info { margin-top: 100px; } .single-product-bottom-info .nav.nav-tabs { margin: 0; display: block; text-align: center; margin-bottom: 40px; border-radius: inherit; padding: 0; } .single-product-bottom-info .nav.nav-tabs button { font-weight: 800; text-transform: capitalize; position: relative; display: inline-block; margin: 0; padding: 15px 25px; color: #666666; border: none; } .single-product-bottom-info .nav-tabs .nav-link::after { left: 0; bottom: -2px; content: ""; height: 3px; width: 80%; background: transparent; position: absolute; transition: all 0.35s ease-in-out; } .single-product-bottom-info .nav-tabs .nav-link.active::after { background: var(--color-primary); width: 100%; } .single-product-bottom-info .tab-content.tab-content-info .tab-pane ul { margin: 0; padding: 0; list-style: none; } .single-product-bottom-info .tab-content.tab-content-info .tab-pane ul li { display: block; padding: 0; position: relative; z-index: 1; padding-left: 20px; line-height: 32px; font-weight: 500; } .single-product-bottom-info .tab-content.tab-content-info .tab-pane ul li::after { position: absolute; left: 0; top: 0; content: "\f00c"; font-family: "Font Awesome 5 Pro"; display: inline-block; font-size: 12px; font-weight: 400; color: #232323; } .single-product-bottom-info h1, .single-product-bottom-info h2, .single-product-bottom-info h3, .single-product-bottom-info h4, .single-product-bottom-info h5, .single-product-bottom-info h6 { font-weight: 900; } .review-items .item { margin-top: 30px; list-style: none; } .review-items .item:first-child { margin-top: 0; } .single-product-bottom-info h4 { margin-bottom: 30px; } .review-items .item .thumb { float: left; margin-right: 30px; } .review-items .item .thumb img { height: 100px; width: 100px; border-radius: 50%; } .review-items .item .info i { color: #ffb300; font-size: 12px; } .review-items .item .info .rating { margin-bottom: 15px; } .review-items .item .info .review-date { display: block; margin-bottom: 10px; } .review-items .item .info { overflow: hidden; } .review-items .item .comment-text.info .validthemes-product-rating-count { display: none; } .review-items .item .comment-text.info .star-rating { display: block; margin-bottom: 10px; } .single-product-bottom-info form .form-group { margin-bottom: 15px; } .rating-select { margin-bottom: 15px; } .review-form { margin-top: 50px; } .review-form input, .review-form textarea { border: none; box-shadow: none; min-height: 60px; padding: 20px; background: #f1f1f1; color: #232323; } .review-form textarea { min-height: 280px; } .rating-select .stars span a { text-indent: -999999px; overflow: hidden; position: relative; z-index: 1; display: inline-block; height: 30px; width: 19px; color: #ffb300; } .rating-select .stars span a::before { content: "\f005"; position: absolute; left: 0; top: 0; font-family: "Font Awesome 5 Pro"; height: 100%; width: 100%; text-indent: 0; font-weight: 400; transition: all 0.35s ease-in-out; } .rating-select .stars span a:hover::before { font-weight: 600; } .rating-select p.stars a:hover ~ a::before { content: "\f005"; font-weight: 400; } .rating-select p.stars:hover a::before { content: "\f005"; font-weight: 700; } .rating-select .stars.selected a.active::before { content: "\f005"; font-weight: 700; } .rating-select .stars.selected a.active ~ a::before { content: "\f005"; font-weight: 400; } .rating-select .stars.selected a:not(.active)::before { content: "\f005"; font-weight: 700; } .rating-select .stars { display: inline-block; } .rating-select label { display: block; } .rating-select .nice-select { display: none; } .validthemes-woocommerce-default .nice-select { margin: 0; } .validtheme-shop-area button, .single-product-bottom-info form button { display: inline-block; font-weight: 700; text-transform: capitalize; overflow: hidden; box-shadow: none !important; letter-spacing: 0; position: relative; z-index: 1; padding: 16px 52px; color: var(--white); border: none; background: var(--color-primary); border-radius: 5px; transition: all 0.35s ease-in-out; font-size: 17px; } .validtheme-shop-area button::after, .single-product-bottom-info form button::after { position: absolute; top: inherit; right: inherit; bottom: inherit; left: -5%; content: ""; height: 150px; width: 115%; z-index: -1; background: var(--color-secondary); transition: all 0.25s ease-in-out; transform: translateY(-45%) skew(25deg) scale(0); } .validtheme-shop-area button:hover::after, .single-product-bottom-info form button:hover::after { transform: translateY(-45%) skew(25deg) scale(1.2); } .validtheme-shop-area button:hover, .single-product-bottom-info form button:hover { color: var(--color-heading); } .review-form h4 { margin-bottom: 10px; } .review-form .add-rating { margin-bottom: 30px; } .review-form .add-rating a:hover { color: red; } /* Related Products */ .related-products .vt-products .product { padding: 0; margin-bottom: 0; } .related-products { margin-top: 90px; } .related-products h3 { font-weight: 900; margin-bottom: 35px; } .woocommerce .tinv-wishlist .tinvwl_added_to_wishlist.tinv-modal button.button { margin-top: 0; margin-bottom: 10px; font-weight: 600; font-size: 14px; } .empty_wishlist img { max-width: 300px; margin-bottom: 30px; } .empty_wishlist p.return-to-shop { margin-top: 40px; } .empty_wishlist p.return-to-shop a { font-weight: 600; padding: 17px 40px; } /* Login Register */ .form-tab-item-box { float: left; border: 1px solid #e7e7e7; padding: 50px; width: 100%; padding-top: 22px; } .form-tab-item-box ul.nav.nav-tabs { margin: 0; position: relative; top: -45px; } .form-tab-item-box ul.nav.nav-tabs li a { padding: 10px 25px; background: #ffffff; text-transform: uppercase; font-weight: 600; border-radius: 30px; font-size: 13px; border: 1px solid #ffffff; } .form-tab-item-box ul.nav.nav-tabs li.active a { background: #ffffff; border: 1px solid #e7e7e7; color: var(--color-primary); } .form-tab-item-box form input { border: none; box-shadow: inherit; background: #f1f1f1; padding: 20px; } .form-tab-item-box button { margin-top: 15px; } .form-tab-item-box form.white-popup-block label input { min-height: 10px; margin-right: 9px; position: relative; top: 2px; } .form-tab-item-box ul.nav.nav-tabs li.active { } form.woocommerce-ResetPassword.lost_reset_password { background: var(--bg-gray); list-style: hiragana-iroha; width: 60%; margin: auto; padding: 80px; min-width: 320px; } form.woocommerce-ResetPassword.lost_reset_password label { display: block; } form.woocommerce-ResetPassword.lost_reset_password input { width: 100%; min-height: 55px; margin-right: 10px; margin-bottom: 15px; padding: 15px; } form.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row { padding: 0; margin: 0; width: 100%; } form.woocommerce-ResetPassword.lost_reset_password button.woocommerce-Button.button { margin-top: 33px; display: block; width: 100%; } form.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row:last-child { } /* Shop Cart */ .shop-cart-area .empty_cart img { margin-bottom: 30px; max-width: 300px; } .shop-cart-area .empty_cart a.button { margin-top: 30px; font-weight: 600; } .validthemes-woocommerce-default table tr td { vertical-align: middle !important; } form.woocommerce-cart-form table tr th { background: var(--bg-gray); padding: 20px !important; } .validthemes-woocommerce-default .nice-select { height: 54px !important; margin-right: 15px !important; float: left; } span.tinvwl-input-group-btn { display: block; } .tinv-wishlist .product-action>.button>i { display: inline-block; margin: 0; } .tinv-wishlist .product-action>.button>span { display: none; } .tinv-wishlist .product-action .button { width: auto; padding: 0; min-width: 50px; min-height: 50px; text-align: center; line-height: 50px; } .tinvwl-to-right button.button[name="tinvwl-action"] { background: #00235a; } .tinvwl-to-right button.button[name="tinvwl-action"]:hover { background: var(--color-primary); } /* * Custom input number */ .woocommerce-cart-form__cart-item.cart_item .quantity input[type="number"] { padding: 15px; width: 80px; min-width: 50px; } .numberstyle-qty input:focus { outline: 0; box-shadow: inherit; } .numberstyle-qty input[type="number"]::-webkit-inner-spin-button, .numberstyle-qty input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .numberstyle-qty input[type="number"] { -moz-appearance: textfield; } .numberstyle-qty { display: flex; align-items: center; justify-content: center; margin: 0; } .numberstyle-qty .qty-btn { min-height: 55px; width: 45px; text-align: center; line-height: 55px; background: #f1f1f1; cursor: pointer; font-weight: 400; font-size: 14px; color: #232323; } .numberstyle-qty input { width: auto; min-width: auto; max-width: 50px !important; text-align: center; border: none; border-top: 5px solid #f1f1f1; border-bottom: 5px solid #f1f1f1; min-height: 55px; margin: 0; padding: 0 !important; } .woocommerce-notices-wrapper a.button { display: inline-block; padding: 5px 15px; background: #263442; color: #ffffff; font-size: 13px; float: right; text-align: right; overflow: hidden; } .woocommerce-notices-wrapper ul li { overflow: hidden; } .numberstyle-qty .qty-btn i { font-weight: 500; } .woocommerce-variation-add-to-cart .quantity { display: inline-block; margin-right: 10px; } table td.label { font-size: 15px; color: #232323; border-radius: inherit; display: block; margin: 0; line-height: normal; white-space: inherit; vertical-align: inherit; } table.variations .nice-select { margin: 0; } .woocommerce-variation-price { margin-bottom: 20px; margin-top: 25px; display: block; } .woocommerce-message, .woocommerce-error, .validtheme-shop-area .col-lg-12 > .woocommerce-info { margin-bottom: 30px !important; background: rgba(187, 11, 11, 0.1); padding: 15px; padding-left: 58px; border-top: 2px solid rgba(187, 11, 11, 1); color: #232323; display: flex; align-items: center; position: relative; justify-content: space-between; flex-direction: row-reverse; } .woocommerce-message::after, .woocommerce-error::after, .validtheme-shop-area .col-lg-12 > .woocommerce-info::after { position: absolute; left: 15px; top: 50%; content: "\f77f"; font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size: 25px; transform: translateY(-50%); } .woocommerce-error li { width: 100%; } .woocommerce-notices-wrapper ul { margin: 0; list-style: none; } .shop-cart-area .actions .coupon { float: left; } .shop-cart-area input#woocommerce-cart-nonce { padding: 15px; } .shop-cart-area .actions .coupon input { border-radius: 5px; padding: 10px 15px; margin-right: 10px; } .shop-cart-area .actions .coupon label { display: none; text-align: left; } .shop-cart-area button.button { float: right; background: #263442; } .shop-cart-area button.button:hover { background: var(--color-primary); } .shop-cart-area button.button[aria-disabled=true] { opacity: 0.3; cursor: not-allowed; } .shop-cart-area .actions .coupon button.button { background: var(--color-primary); } .shop-cart-area .actions .coupon button.button:hover { background: #263442; } .shop-cart-area .cart_totals { margin-top: 60px; } .shop-cart-area .cart_totals h2 { font-size: 30px; margin-bottom: 20px; } .shop-cart-area .cart_totals strong { font-weight: 600; } .shop-cart-area .cart_totals a.checkout-button { padding: 15px 30px; display: inline-block; font-size: 15px; font-weight: 500; background: var(--color-primary); border-color: var(--color-primary); color: #ffffff; } .shop-cart-area .cart_totals a.checkout-button:hover { background: #263442; border-color: #263442; } .shop-cart-area table tr:last-child td { padding: 35px 20px !important; } .shop-cart-area .cart_totals table tr:last-child td { padding: 10px !important; } .shop-cart-area .product-name a:hover { color: var(--color-primary); } .validthemes-shop-wishlist-area .product-stock { margin: 0; border: none !important; border-bottom: 1px solid #e7e7e7 !important; display: revert; } table.variations tr td:first-child { border: none !important; border-top: 1px solid #e7e7e7 !important; } table.variations tr:first-child td:first-child { border: none !important; } table.variations select { width: 100%; } a.reset_variations { color: var(--color-primary); display: inline-block; text-align: left; float: left; margin-top: 15px; text-decoration: underline; } .row > .tinv-wishlist.woocommerce { padding: 0 15px; } .tinv-wishlist .product-stock i { margin-right: 0; } .tinv-wishlist.woocommerce .product-stock span { padding: 0; background: transparent; } .tinv-wishlist.woocommerce .product-stock span i { font-size: 14px; margin-right: 5px; color: green; font-weight: 300; display: none; } .validthemes-woocommerce-default table tr td.product-thumbnail img { min-width: 100px; margin: 10px 0; } .validthemes-woocommerce-default .tinv-wishlist table tr td.product-thumbnail img { min-width: auto; } .tinv-wishlist table input[type=checkbox] { margin: 0 15px; } .tinv-wishlist table.tinvwl-table-manage-list tfoot td { padding: 30px !important; } /* Checkout */ form.checkout.woocommerce-checkout ul.woocommerce-error { margin: 0; list-style: none; background: transparent; display: block; padding: 0; border: none; } .checkout.woocommerce-checkout .woocommerce-error::after { display: none; } form.checkout.woocommerce-checkout ul.woocommerce-error strong { font-weight: 600; } form.checkout.woocommerce-checkout ul.woocommerce-error li { margin-bottom: 7px; } form.checkout.woocommerce-checkout ul.woocommerce-error li strong { color: red; } .validthemes-shop-check-out-area.default-padding { } .validthemes-shop-check-out-area .woocommerce-order { padding: 0 15px; } .validthemes-shop-check-out-area .woocommerce-order .woocommerce-notice--success { color: green; font-weight: 600; margin-bottom: 30px; } form.checkout p.form-row.create-account { float: left; width: 100%; margin-left: 15px; } form.checkout p.form-row.create-account input { min-height: auto; } form.checkout p.form-row.create-account span { margin-left: 2px; } strong { font-weight: 700; } .woocommerce form .form-row.notes { padding: 0; } .woocommerce form .woocommerce-checkout-payment .form-row { padding: 0; margin-top: 10px; } .woocommerce form .woocommerce-checkout-payment p { margin-top: 10px; } .validthemes-shop-check-out-area .woocommerce-order ul { margin: 0; list-style: none; margin-bottom: 30px; } .validthemes-shop-check-out-area .woocommerce-order ul li { line-height: 30px; } .validthemes-shop-check-out-area .woocommerce-order ul li strong { font-weight: 600; font-family: 'Roboto', sans-serif; } .validthemes-shop-check-out-area .woocommerce-order h2.woocommerce-order-details__title { font-size: 24px; font-weight: 600; margin-bottom: 30px; margin-top: 30px; } .validthemes-shop-check-out-area .woocommerce-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details { text-align: left; } .validthemes-shop-check-out-area .woocommerce-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th, .validthemes-shop-check-out-area .woocommerce-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td { text-align: left; padding: 15px !important; } .validthemes-shop-check-out-area .woocommerce-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th { background: #f1f1f1; } .validthemes-shop-check-out-area .woocommerce-order h2.woocommerce-column__title { font-size: 24px; margin-top: 30px; font-weight: 600; } .validthemes-shop-check-out-area .woocommerce-order address { line-height: 28px; } .validthemes-shop-check-out-area .woocommerce-order p { margin-top: 15px; margin-bottom: 0; line-height: 20px; } .validthemes-shop-check-out-area .woocommerce-order strong { font-weight: 600; } .woocommerce form.checkout_coupon { padding: 20px; margin-top: 2em; text-align: left; border-radius: 5px; overflow: hidden; background: #00235a; } .woocommerce form.checkout_coupon p { color: #cccccc; } .woocommerce address { line-height: 1.8; } .woocommerce form.checkout_coupon p.form-row.form-row-first { width: 53%; } .woocommerce-form-coupon-toggle { background: rgba(187, 11, 11, 0.06); padding: 15px; border-top: 3px solid var(--color-primary); ; position: relative; z-index: 1; padding-left: 60px; } .woocommerce-form-coupon-toggle a { font-weight: 600; } .woocommerce-form-coupon-toggle a:hover { color: var(--color-primary); } .woocommerce-form-coupon-toggle::after { position: absolute; left: 20px; top: 50%; content: "\f06b"; font-family: "Font Awesome 5 Pro"; font-weight: 600; display: inline; transform: translateY(-50%); color: #232323; font-weight: 300; font-size: 25px; } .woocommerce form .form-row-last, .woocommerce-page form .form-row-last { float: right; } .woocommerce form .form-row { padding: 7px; margin: 0 0 15px; } .woocommerce-billing-fields__field-wrapper { margin: 0 -7px; } .row > .woocommerce { padding: 0 15px; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 47%; overflow: visible; } .woocommerce form .form-row-first, .woocommerce-page form .form-row-first { float: left; } .woocommerce form.checkout_coupon input { width: 100%; min-height: 56px; border-radius: 5px; padding: 0 20px; color: #232323; } .woocommerce form.checkout_coupon button:hover { background: #ffffff; color: #232323; } form.checkout.woocommerce-checkout { margin-top: 50px; } form.checkout.woocommerce-checkout h2, form.checkout.woocommerce-checkout h3 { margin-bottom: 20px; } form.checkout.woocommerce-checkout input, form.checkout.woocommerce-checkout textarea { box-shadow: inherit; border: 1px solid #e7e7e7; padding: 20px; } form.checkout.woocommerce-checkout textarea { min-height: 180px; } form.checkout.woocommerce-checkout select .select2-selection__rendered { padding: 15px; min-height: 50px; display: block; } form.checkout.woocommerce-checkout span.select2-selection { min-height: 50px; line-height: 50px; border-color: #e7e7e7; padding: 10px; } form.checkout.woocommerce-checkout span.select2-selection span.select2-selection__arrow b { margin-top: 10px; margin-left: -10px; } form.checkout.woocommerce-checkout h3#order_review_heading { margin-top: 20px; } form.checkout.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table { text-align: left; margin-bottom: 30px; } .cart-collaterals > div { padding: 0; } form.checkout.woocommerce-checkout table td, form.checkout.woocommerce-checkout table th { text-align: left; padding: 15px !important; } form.checkout.woocommerce-checkout table th { background: #f1f1f1; color: #232323; } form.checkout.woocommerce-checkout table strong { font-weight: 600; color: var(--color-primary); } .woocommerce-billing-fields { padding-right: 25px; } .validthemes-shop-check-out-area ul.wc_payment_methods.payment_methods.methods { margin: 0; list-style: none; } .validthemes-shop-check-out-area ul.wc_payment_methods.payment_methods.methods label { font-weight: 600; font-size: 16px; } .validthemes-shop-check-out-area ul.wc_payment_methods.payment_methods.methods input { min-height: inherit; padding: 0; margin-right: 6px; } .validthemes-shop-check-out-area ul.wc_payment_methods.payment_methods.methods li { margin-top: 15px; } /* Quick VIew */ .mfp-with-anim .woocommerce.single-product .product { padding: 50px; } .mfp-with-anim .woocommerce.single-product table .product { padding: 0; display: inherit !important; } .mfp-with-anim .woocommerce.single-product table .product input { max-width: 80px; text-align: center; } .mfp-with-anim .woocommerce.single-product .product .thumbnail { display: block !important; border: none; margin: 0 !important; padding: 0 !important; } .mfp-with-anim .woocommerce.single-product .product .thumbnail img { width: auto; margin: 0 !important; object-fit: inherit !important; } .mfp-with-anim .woocommerce.single-product .product > div { overflow: inherit !important; } #woosq-popup { max-height: inherit !important; } .mfp-with-anim .woocommerce.single-product .product .product_title { font-size: 24px; } .mfp-with-anim .woocommerce.single-product .product .product-purchase-list form input, .mfp-with-anim .woocommerce-variation-add-to-cart input { margin: 0; margin-right: 15px; min-height: 54px; border-radius: 5px; padding: 10px 15px; max-width: 100px; } .mfp-with-anim .woocommerce-variation-add-to-cart { display: flex; } .mfp-with-anim .woocommerce.single-product .product .product-purchase-list form button { margin: 0; min-width: 150px; } /* ============================================================== # My Account =================================================================== */ .woocommerce-account .woocommerce-MyAccount-navigation { float: left; width: 30%; } .woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0; list-style: none; } .woocommerce-account .woocommerce-MyAccount-content { float: right; width: 68%; } .woocommerce-account .woocommerce-MyAccount-navigation { border-radius: 5px; background: #f7f7f7; } .woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; padding: 20px; border-bottom: 1px solid #e7e7e7; font-weight: 600; position: relative; padding-left: 50px; } .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: var(--color-primary); color: #ffffff; } .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::after { color: #ffffff !important; } .woocommerce-account .woocommerce-MyAccount-navigation li a::after { position: absolute; left: 15px; top: 20px; content: ""; font-family: "Font Awesome 5 Pro"; font-weight: 400; color: var(--color-primary); font-size: 20px; } .woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::after { content: "\f2f5"; } .woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a::after { content: "\f626"; } .woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a::after { content: "\f291"; } .woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads a::after { content: "\f019"; } .woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a::after { content: "\f3c5"; } .woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a::after { content: "\f2bb"; } .woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--tinv_wishlist a::after { content: "\f4c7"; } .woocommerce-account .woocommerce-MyAccount-content { padding-left: 35px; } .woocommerce-account .woocommerce-MyAccount-content input, .woocommerce-account .woocommerce-MyAccount-content textarea { padding: 10px 20px; border-radius: 8px; width: 100%; border: 1px solid #e7e7e7; box-shadow: inherit; } .woocommerce-account .woocommerce-MyAccount-content em { margin-top: 15px; display: block; margin-bottom: 15px; } .woocommerce-account .woocommerce-MyAccount-content fieldset { margin-top: 50px; } .woocommerce-account .woocommerce-MyAccount-content fieldset label { display: block; width: 100%; } .woocommerce-account .woocommerce-MyAccount-content fieldset legend { font-weight: 700; color: #232323; border: none; } .woocommerce-account .woocommerce-MyAccount-content .password-input { width: 100%; } .woocommerce-account .woocommerce-MyAccount-content button.woocommerce-Button.button { margin-top: 20px; } .woocommerce-account .woocommerce-MyAccount-content button.woocommerce-Button.button:hover { background: #101c3d; } .woocommerce-account .woocommerce-MyAccount-content table { width: 100%; vertical-align: top; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.08); } .woocommerce-account .woocommerce-MyAccount-content table th, .woocommerce-account .woocommerce-MyAccount-content table td { padding: 10px; } .woocommerce-account .woocommerce-MyAccount-content table td a.button { display: inline-block; padding: 5px 30px; background: var(--color-primary); color: #ffffff; border-radius: 30px; font-size: 13px; font-weight: 600; } .woocommerce-account .woocommerce-MyAccount-content table th { border-bottom: 1px solid #e7e7e7 !important; } .woocommerce-account .woocommerce-MyAccount-content label { display: block; float: left; width: 100%; } .woocommerce-account .woocommerce-MyAccount-content .nice-select { border: 1px solid #e7e7e7; border-radius: 6px; width: 100%; } .woocommerce-account .woocommerce-MyAccount-content span.woocommerce-input-wrapper { width: 100%; } .woocommerce-account .woocommerce-MyAccount-content h3 { font-weight: 600; } .woocommerce-account .woocommerce-Address { float: left; width: 48%; padding: 0 15px; } .woocommerce-account .woocommerce-MyAccount-content header.woocommerce-Address-title.title { overflow: hidden; } .u-columns.woocommerce-Addresses.addresses { margin: 0 -15px; margin-top: 30px; } .woocommerce-account .woocommerce-Address a.edit { display: inline-block; margin-bottom: 15px; font-weight: 600; color: var(--color-primary); } .woocommerce-account span.select2-selection { min-height: 50px; line-height: 50px; border-color: #e7e7e7; padding: 10px; } .woocommerce-account span.select2-selection span.select2-selection__arrow b { margin-top: 10px; margin-left: -10px; } /* Front product */ @media only screen and (min-width: 1367px) { .front-product-area .container-medium { margin-left: calc((100% - 1200px)/ 2); width: auto; min-width: auto; max-width: inherit; } } .front-product-area .item-flex { display: flex; } .front-product-area ul.vt-products { margin: 0; padding-left: 50px; } .front-product-area li.product { padding: 0; margin: 0; } .front-product-area .product-info { padding: 50px; margin-bottom: 15px; position: relative; left: 15px; background-size: cover; background-position: center right; } .front-product-area .product-info .content { position: relative; top: 50%; transform: translateY(-50%); } .front-product-area { margin-bottom: -15px; } .front-product-area .product-info .content h2 { font-weight: 300; } .front-product-area .product-info .content .btn { margin-top: 20px; } .front-product-area .product-info .content h4 { font-weight: 600; text-transform: uppercase; font-size: 16px; } .front-product-heading { margin-left: 50px; margin-bottom: 50px; } .front-product-heading h4 { font-weight: 600; margin-bottom: 0; font-size: 28px; } .front-product-area .owl-carousel.owl-theme .owl-nav { position: absolute; right: 0; top: -70px; margin: 0; } .front-product-area .owl-carousel.owl-theme .owl-nav .owl-prev, .front-product-area .owl-carousel.owl-theme .owl-nav .owl-next { margin: 0; margin-left: 15px; padding: 0; height: 40px; width: 40px; line-height: 43px; text-align: center; background: #ffffff; color: #232323; border-radius: 50%; box-shadow: 0 0 10px #cccccc; } .front-product-area .product-info .content h2, .front-product-area .product-info .content h4 { color: #232323; } /* Dark layout */ .front-product-area .product-info .content h2, .front-product-area .product-info .content h4 { color: #232323; } .dark-layout .vt-products .product .product-contents { background: #222227; box-shadow: inherit; } .dark-layout .vt-products .product .product-image span.onsale { background: rgba(255, 255, 255, 0.3); font-weight: 700; } .dark-layout .product-tags a { color: #cccccc; } .dark-layout .vt-products .product .product-contents .product-title a { color: #ffffff; } .dark-layout .vt-products .product .product-caption .price span { font-weight: 900; color: #ffffff; } .dark-layout .vt-products .product .product-caption .price span del { color: #cccccc; } .dark-layout .vt-products .product .product-caption .price span del span { color: #cccccc; } /* ============================================================== # Responsive =================================================================== */ /* Tablet Layout: 768px.*/ @media only screen and (min-width: 768px) and (max-width: 991px) { .vt-products.columns-3 .product, .vt-products.columns-4 .product, .vt-products.columns-5 .product, .vt-products.columns-6 .product, .vt-products.columns-7 .product, .vt-products.columns-8 .product, .vt-products.columns-9 .product, .vt-products.columns-10 .product { width: 50%; } .tab-content.tab-content-info #list-tab .colums-2 .product, .tab-content.tab-content-info #list-tab .colums-3 .product, .tab-content.tab-content-info #list-tab .colums-4 .product, .tab-content.tab-content-info #list-tab .colums-5 .product, .tab-content.tab-content-info #list-tab .colums-6 .product { width: 100%; } ul.vt-products { margin: 0; } .tab-content.tab-content-info #list-tab .product .align-center { align-items: center; } .shop-listing-contentes .text-right { text-align: center; margin-top: 30px; justify-content: center !important; } .shop-listing-contentes .content .nav.nav-tabs { margin-right: 0; } .shop-listing-contentes .row.item-flex.center { justify-content: center; text-align: center; } .shop-listing-contentes .content { justify-content: center; } #list-tab .vt-products .product .product-image { margin-bottom: 30px; } /* My Account */ .woocommerce-account .woocommerce-MyAccount-navigation { width: 100%; } .woocommerce-account .woocommerce-MyAccount-content { width: 100%; padding: 0; margin-top: 30px; } .single-product-contents { padding-left: 0; margin-top: 30px; } /* Checkout */ .woocommerce-billing-fields { padding-right: 0; } } /* Mobile Layout: 320px. */ @media (max-width: 767px) { .vt-products.columns-2 .product, .vt-products.columns-3 .product, .vt-products.columns-4 .product, .vt-products.columns-5 .product, .vt-products.columns-6 .product, .vt-products.columns-7 .product, .vt-products.columns-8 .product, .vt-products.columns-9 .product, .vt-products.columns-10 .product { width: 100%; } .tab-content.tab-content-info #list-tab .colums-2 .product, .tab-content.tab-content-info #list-tab .colums-3 .product, .tab-content.tab-content-info #list-tab .colums-4 .product, .tab-content.tab-content-info #list-tab .colums-5 .product, .tab-content.tab-content-info #list-tab .colums-6 .product { width: 100%; } #list-view .vt-products .product-caption { margin-top: 30px; } ul.vt-products { margin: 0; } .cart_table { text-align: left; min-width: auto; border-collapse: separate; border-spacing: 0 20px; border: none; } .cart_table td { padding: 15px; display: block; width: 100%; } .cart_table thead { display: none; } .shop-listing-contentes .text-right { text-align: center; margin-top: 30px; } .shop-listing-contentes .row.item-flex.center { justify-content: center; text-align: center; } .shop-listing-contentes .content { display: block; } #list-tab .vt-products .product .product-image { margin-bottom: 30px; } .shop-listing-contentes .text-right { display: block; text-align: center !important; margin-top: 5px; } .shop-listing-contentes .text-right select { margin-top: 13px; margin-left: 0; } .single-product-bottom-info .nav.nav-tabs button { border: none !important; border-top: 1px solid #e7e7e7 !important; display: block; width: 100%; } .single-product-bottom-info .nav-tabs .nav-link::after { display: none; } .single-product-bottom-info .nav.nav-tabs button.active { color: var(--color-primary) !important; } .single-product-bottom-info .nav.nav-tabs { border: 1px solid #e7e7e7; } .single-product-bottom-info .nav.nav-tabs button:first-child a { border: none !important; } .validthemes-woocommerce-default .nice-select { margin-right: 0 !important; float: none; } .shop-listing-contentes .content .nav.nav-tabs { text-align: center; margin-bottom: 15px; margin-right: 0; } .shop-listing-contentes .content .nav.nav-tabs li { float: none; display: inline-block; } .shop-listing-contentes p { float: left; width: 100%; } .shop-listing-contentes { padding: 30px; } .shop-listing-contentes .nice-select { min-width: 200px; width: 100%; } /* My Account */ .woocommerce-account .woocommerce-MyAccount-navigation { width: 100%; } .woocommerce-account .woocommerce-MyAccount-content { width: 100%; padding: 0; margin-top: 30px; } .woocommerce-orders-table { text-align: left; min-width: auto; border-collapse: separate; border-spacing: 0 20px; border: none !important; margin-bottom: 0; } .woocommerce-orders-table thead { display: none; } .woocommerce-orders-table td { padding: 15px; display: block; width: 100%; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 100%; padding: 0; } .woocommerce form .form-row { padding: 0; } .related-products { margin-top: 30px; } .woocommerce li.search { display: none; } .single-product-contents { padding-left: 0; margin-top: 30px; } .summary-top-box { display: block; } .summary-top-box .tags { margin-bottom: 15px; } .validtheme-shop-single-area .summary-top-box .tags { margin-bottom: 0; } .validtheme-shop-single-area .summary-top-box .review-count { margin-top: 15px; } .single-product-bottom-info { margin-top: 40px; } .validtheme-shop-single-area table.woocommerce-grouped-product-list { text-align: left; min-width: auto; border-collapse: separate; border-spacing: 0 20px; border: none; } .validtheme-shop-single-area table.woocommerce-grouped-product-list td { padding: 15px; display: block; width: 100%; } .single-product-bottom-info .wc-tabs li { width: 100%; margin-top: 15px; } .single-product-bottom-info .wc-tabs li a { border: 1px solid #ccc; } .single-product-bottom-info .nav.nav-tabs button.active, .single-product-bottom-info .nav.nav-tabs button:hover { border-color: var(--color-primary); ; } .single-product-bottom-info .wc-tabs li:first-child { margin-top: 0; } span.tinvwl-input-group-btn { display: block; width: 100%; margin-top: 15px; } span.tinvwl-input-group-btn button { width: 100%; } .single-product-bottom-info .nav.nav-tabs { display: block; } .cart_table tr:last-child td { width: 100%; display: inherit; } .cart_table tr:last-child td .coupon { width: 100%; } .shop-cart-area .actions .coupon input { width: 100%; margin-bottom: 15px; } .shop-cart-area .actions .coupon button.button { width: 100%; margin-bottom: 15px; } .shop-cart-area button.button[aria-disabled=true] { width: 100%; } .shop-cart-area .cart_totals { padding: 0; margin: 0; } form.woocommerce-ResetPassword.lost_reset_password { padding: 30px; } /* Checkout */ .woocommerce-billing-fields { padding-right: 0; } .woocommerce form.checkout_coupon p.form-row.form-row-first { width: 100%; } .woocommerce form.checkout_coupon button { width: 100%; } } @media (max-width: 1023px) { #woosq-popup .single-product .product .summary .summary-content { padding: 0; margin-top: 30px; } #woosq-popup .thumbnails img { width: 100%; } } @media (max-width: 400px) { .review-items .item .thumb { float: none; margin: 0; margin-bottom: 30px; } } @media (max-width: 991px) { .front-product-area .item-flex { display: block; } .front-product-area .product-info .content { top: 0; transform: inherit; } .front-product-area ul.vt-products { padding: 0; } .front-product-heading { margin-left: 0; } .front-product-area .product-info { background-position: bottom; padding: 120px 50px; left: 0; margin: 0 15px; margin-bottom: 50px; } } /* dark layout */ .dark-layout .product-stock span { background: rgba(255, 255, 255, 0.2); color: #ffffff; padding-left: 40px; } .dark-layout .product-stock span::after { color: #ffffff; } .dark-layout .price del { color: #cccccc; } .dark-layout .summary-top-box .tags a { color: #cccccc; } .dark-layout .numberstyle-qty .qty-btn { background: rgba(255, 255, 255, 0.2); color: #ffffff; } .dark-layout .numberstyle-qty input { border-color: transparent; background: rgba(255, 255, 255, 0.3); color: #ffffff; } .dark-layout .single-product-contents .shop-action li a { background: rgba(255, 255, 255, 0.2); color: #ffffff; border-color: rgba(255, 255, 255, 0.1); } .dark-layout .product-estimate-delivary { background: rgba(255, 255, 255, 0.1); } .dark-layout .product-estimate-delivary strong { color: #ffffff; } .dark-layout .product-meta > span.posted_in a { color: #cccccc; } .dark-layout .single-product-bottom-info .nav.nav-tabs { background: rgba(255, 255, 255, 0.1); } .dark-layout .panel { background: transparent; } .dark-layout .review-form input, .dark-layout .review-form textarea { background: rgba(255, 255, 255, 0.1); color: #ffffff; } .dark-layout table th, .dark-layout table td { border-color: rgba(255, 255, 255, 0.3) !important; } .dark-layout button:hover { background: #ffffff; color: #232323; } .dark-layout .woosc-popup, .dark-layout .woosc-popup li, .dark-layout .woosc-popup p, .dark-layout .woosc-popup ul, .dark-layout .woosc-popup span, .dark-layout .woosc-area, .dark-layout .woosc-area li, .dark-layout .woosc-area p, .dark-layout .woosc-area ul, .dark-layout .woosc-area span { color: #666666; } .dark-layout .woosc-popup h1, .dark-layout .woosc-popup h2, .dark-layout .woosc-popup h3, .dark-layout .woosc-popup h4, .dark-layout .woosc-popup h5, .dark-layout .woosc-popup h6, .dark-layout .woosc-popup a, .dark-layout .woosc-area h1, .dark-layout .woosc-area h2, .dark-layout .woosc-area h3, .dark-layout .woosc-area h4, .dark-layout .woosc-area h5, .dark-layout .woosc-area h6, .dark-layout .woosc-area a { color: #232323 !important; } .dark-layout .woosc-popup a:hover, .dark-layout .woosc-area a:hover { color: var(--color-primary) !important; } .dark-layout .shop-listing-contentes { background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.1); } .dark-layout .validthemes-woocommerce-default .nice-select { background: rgba(255, 255, 255, 0.1); color: #cccccc; border-color: rgba(255, 255, 255, 0.1); } .dark-layout .validthemes-woocommerce-default .nice-select span { color: #cccccc; } .dark-layout .nice-select .option:hover, .nice-select .option.focus, .dark-layout .nice-select .option.selected.focus, .dark-layout .nice-select .option { color: #232323; } .dark-layout .shop-listing-contentes .content .nav.nav-tabs .nav-link { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); color: #cccccc; } .dark-layout .shop-listing-contentes .content .nav.nav-tabs li.active a { background: var(--color-primary); } .dark-layout #woosq-popup .woocommerce.single-product, .dark-layout #woosq-popup .woocommerce.single-product li, .dark-layout #woosq-popup .woocommerce.single-product span, .dark-layout #woosq-popup .woocommerce.single-product p { color: #666666; } .dark-layout #woosq-popup .woocommerce.single-product h1, .dark-layout #woosq-popup .woocommerce.single-product h2, .dark-layout #woosq-popup .woocommerce.single-product h3, .dark-layout #woosq-popup .woocommerce.single-product h4, .dark-layout #woosq-popup .woocommerce.single-product h5, .dark-layout #woosq-popup .woocommerce.single-product h6 { color: #232323; } .dark-layout #woosq-popup .woocommerce.single-product a { color: #232323; } .dark-layout #woosq-popup .woocommerce.single-product a:hover { color: var(--color-primary) !important; } .dark-layout #woosq-popup .woocommerce.single-product button:hover { background: #222227; color: #ffffff; } .dark-layout .woocommerce-pagination ul.page-numbers li .page-numbers { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); } .dark-layout .woocommerce-pagination ul.page-numbers li .page-numbers.current, .dark-layout .woocommerce-pagination ul.page-numbers li .page-numbers:hover { background: var(--color-primary); } .dark-layout .btn:hover { background: #ffffff !important; color: #232323 !important; } .dark-layout .tinv-wishlist table.tinvwl-table-manage-list thead tr th { background: rgba(255, 255, 255, 0.1); } .dark-layout .validthemes-shop-wishlist-area .product-stock { border-color: rgba(255, 255, 255, 0.3) !important; } .dark-layout .tinvwl-to-right button.button[name="tinvwl-action"] { background: #ffffff; color: #232323; } .dark-layout .tinvwl-to-right button.button[name="tinvwl-action"]:hover { background: var(--color-primary); color: #ffffff; } .dark-layout .btn-dark { background-color: var(--color-primary); color: #ffffff; border: 2px solid var(--color-primary); } .dark-layout .btn-dark:hover { background-color: #ffffff; color: #232323 !important; border: 2px solid #ffffff; } .dark-layout form.woocommerce-cart-form table tr th { background: rgba(255, 255, 255, 0.1); } .dark-layout .shop-cart-area button.button { background: var(--color-primary); border-color: var(--color-primary); color: #ffffff; } .dark-layout .shop-cart-area button.button:hover { background-color: #ffffff; border-color: #ffffff; color: #232323; } .dark-layout .shop-cart-area .actions .coupon button.button:hover { background: #ffffff; color: #232323; } .dark-layout .shop-cart-area .cart_totals a.checkout-button:hover { background: #ffffff; color: #232323 !important; } .dark-layout .vt-products .product .product-image { background: rgba(255, 255, 255, 0.1); border-radius: 8px; } .dark-layout .woocommerce-form-coupon-toggle { background: rgba(255, 255, 255, 0.1); } .dark-layout .woocommerce-form-coupon-toggle::after { color: #ffffff; } .dark-layout .woocommerce form.checkout_coupon { background: rgba(255, 255, 255, 0.1); } .dark-layout input, .dark-layout textarea, .dark-layout form.checkout.woocommerce-checkout span.select2-selection { background: transparent !important; border: 1px solid rgba(255, 255, 255, 0.4) !important; color: #ffffff !important; } .dark-layout form.checkout.woocommerce-checkout span.select2-selection span { color: #999; } .dark-layout span.select2-dropdown { color: #232323; } .dark-layout form.checkout.woocommerce-checkout table th { background: rgba(255, 255, 255, 0.1); color: #ffffff; } .dark-layout form.woocommerce-ResetPassword.lost_reset_password { background: rgba(255, 255, 255, 0.1); } .dark-layout .form-tab-item-box ul.nav.nav-tabs li a { background: #222227; border-color: rgba(255, 255, 255, 0.3); } .dark-layout .form-tab-item-box { border-color: rgba(255, 255, 255, 0.3); } .dark-layout.woocommerce-account .woocommerce-MyAccount-navigation { background: rgba(255, 255, 255, 0.1); } .dark-layout.woocommerce-account .woocommerce-MyAccount-navigation li a { border-color: rgba(255, 255, 255, 0.2); } .dark-layout .woocommerce-message, .woocommerce-error, .dark-layout .validtheme-shop-area .col-lg-12 > .woocommerce-info { background: rgba(255, 255, 255, 0.1); color: #cccccc; } .dark-layout .select2-container--default .select2-selection--single { background: transparent; border-color: rgba(255, 255, 255, 0.3) !important; } .dark-layout .select2-container--default .select2-selection--single .select2-selection__rendered { color: #999999; } .dark-layout.woocommerce-account .woocommerce-MyAccount-content fieldset legend { color: #ffffff; } .dark-layout .banner-area .box-banner { background: rgba(255, 255, 255, 0.1); } .dark-layout .banner-area .box-banner::after { background: rgba(255, 255, 255, 0.1); } .dark-layout .btn-theme:hover { color: #232323 !important; } body.dark-layout .banner-area .box-banner .btn-theme.effect:hover { color: #232323 !important; } .dark-layout .vc_custom_1638727026596 { background: rgba(255, 255, 255, 0.1) !important; } .dark-layout .category-carousel .item h6 { color: #232323; } @media only screen and (min-width: 992px) and (max-width: 1199px) { }