woocommerce-style.css (39979B)
1 2 /* 3 Theme Name: Aapside 4 5 WooCommerce styles override 6 */ 7 /** 8 * WooCommerce color variables 9 */ 10 /** 11 * Imports 12 */ 13 /** 14 * Shop tables 15 */ 16 /** 17 * Shop tables 18 */ 19 table.shop_table_responsive thead { 20 display: none; 21 } 22 23 table.shop_table_responsive tbody th { 24 display: none; 25 } 26 27 table.shop_table_responsive tr td { 28 display: block; 29 text-align: right; 30 clear: both; 31 } 32 33 table.shop_table_responsive tr td:before { 34 content: attr(data-title) ": "; 35 float: left; 36 } 37 38 table.shop_table_responsive tr td.product-remove a { 39 text-align: left; 40 } 41 42 table.shop_table_responsive tr td.product-remove:before { 43 display: none; 44 } 45 46 table.shop_table_responsive tr td.actions:before, table.shop_table_responsive tr td.download-actions:before { 47 display: none; 48 } 49 50 table.shop_table_responsive tr td.download-actions .button { 51 display: block; 52 text-align: center; 53 } 54 55 @media screen and (min-width: 48em) { 56 table.shop_table_responsive thead { 57 display: table-header-group; 58 } 59 table.shop_table_responsive tbody th { 60 display: table-cell; 61 } 62 table.shop_table_responsive tr th, table.shop_table_responsive tr td { 63 text-align: left; 64 } 65 table.shop_table_responsive tr td { 66 display: table-cell; 67 } 68 table.shop_table_responsive tr td:before { 69 display: none; 70 } 71 } 72 73 /** 74 * Products 75 */ 76 /** 77 * Products 78 */ 79 ul.products { 80 content: ""; 81 display: table; 82 table-layout: fixed; 83 margin: 0; 84 padding: 0; 85 } 86 87 ul.products li.product { 88 list-style: none; 89 position: relative; 90 margin-bottom: 2em; 91 } 92 93 ul.products li.product img { 94 display: block; 95 } 96 97 /** 98 * Single Product 99 */ 100 .single-product div.product { 101 content: ""; 102 display: table; 103 table-layout: fixed; 104 position: relative; 105 } 106 107 .single-product div.product .woocommerce-product-gallery { 108 position: relative; 109 } 110 111 .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { 112 position: absolute; 113 top: 1em; 114 right: 1em; 115 display: block; 116 z-index: 99; 117 } 118 119 .single-product div.product .woocommerce-product-gallery .flex-viewport { 120 margin-bottom: 1em; 121 } 122 123 .single-product div.product .woocommerce-product-gallery .flex-control-thumbs { 124 content: ""; 125 display: table; 126 table-layout: fixed; 127 margin: 0; 128 padding: 0; 129 } 130 131 .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li { 132 list-style: none; 133 cursor: pointer; 134 float: left; 135 } 136 137 .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img { 138 opacity: .5; 139 } 140 141 .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { 142 opacity: 1; 143 } 144 145 .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img { 146 opacity: 1; 147 } 148 149 .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li { 150 width: 48.1%; 151 } 152 153 .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) { 154 margin-right: 0; 155 } 156 157 .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) { 158 clear: both; 159 } 160 161 .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li { 162 width: 30.7966666667%; 163 } 164 165 .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) { 166 margin-right: 0; 167 } 168 169 .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) { 170 clear: both; 171 } 172 173 .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { 174 width: 22.15%; 175 } 176 177 .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) { 178 margin-right: 0; 179 } 180 181 .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { 182 clear: both; 183 } 184 185 .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { 186 width: 16.96%; 187 } 188 189 .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) { 190 margin-right: 0; 191 } 192 193 .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) { 194 clear: both; 195 } 196 197 .stock:empty:before { 198 display: none; 199 } 200 201 .stock.in-stock { 202 color: #0f834d; 203 } 204 205 .stock.out-of-stock { 206 color: #e2401c; 207 } 208 209 /** 210 * Checkout 211 */ 212 /** 213 * Checkout 214 */ 215 @media screen and (min-width: 768px) { 216 .col2-set .form-row-first { 217 float: left; 218 margin-right: 3.8%; 219 } 220 .col2-set .form-row-last { 221 float: right; 222 margin-right: 0; 223 } 224 .col2-set .form-row-first, 225 .col2-set .form-row-last { 226 width: 48.1%; 227 } 228 } 229 230 /** 231 * General WooCommerce components 232 */ 233 /** 234 * Header cart 235 */ 236 .site-header-cart { 237 position: relative; 238 margin: 0; 239 padding: 0; 240 content: ""; 241 display: table; 242 table-layout: fixed; 243 } 244 245 .site-header-cart .cart-contents { 246 text-decoration: none; 247 } 248 249 .site-header-cart .widget_shopping_cart { 250 display: none; 251 } 252 253 .site-header-cart .product_list_widget { 254 margin: 0; 255 padding: 0; 256 } 257 258 /** 259 * Star rating 260 */ 261 .star-rating { 262 overflow: hidden; 263 position: relative; 264 height: 1.618em; 265 line-height: 1.618; 266 font-size: 1em; 267 width: 5.3em; 268 font-family: 'fontawesome'; 269 font-weight: 400; 270 } 271 272 .star-rating:before { 273 content: "\f005\f005\f005\f005\f005"; 274 opacity: .25; 275 float: left; 276 top: 0; 277 left: 0; 278 position: absolute; 279 } 280 281 .star-rating span { 282 overflow: hidden; 283 float: left; 284 top: 0; 285 left: 0; 286 position: absolute; 287 padding-top: 1.5em; 288 } 289 290 .star-rating span:before { 291 content: "\f005\f005\f005\f005\f005"; 292 top: 0; 293 position: absolute; 294 left: 0; 295 color: var(--main-color-one); 296 } 297 298 p.stars a { 299 position: relative; 300 height: 1em; 301 width: 1em; 302 text-indent: -999em; 303 display: inline-block; 304 text-decoration: none; 305 margin-right: 1px; 306 font-weight: 400; 307 } 308 309 p.stars a:before { 310 display: block; 311 position: absolute; 312 top: 0; 313 left: 0; 314 width: 1em; 315 height: 1em; 316 line-height: 1; 317 font-family: 'fontawesome'; 318 content: "\f005"; 319 color: #404040; 320 text-indent: 0; 321 opacity: .25; 322 } 323 324 p.stars a:hover ~ a:before { 325 content: "\f005"; 326 color: #404040; 327 opacity: .25; 328 } 329 330 p.stars:hover a:before { 331 content: "\f005"; 332 color: var(--main-color-one); 333 opacity: 1; 334 } 335 336 p.stars.selected a.active:before { 337 content: "\f005"; 338 color: var(--main-color-one); 339 opacity: 1; 340 } 341 342 p.stars.selected a.active ~ a:before { 343 content: "\f005"; 344 color: #404040; 345 opacity: .25; 346 } 347 348 p.stars.selected a:not(.active):before { 349 content: "\f005"; 350 color: var(--main-color-one); 351 opacity: 1; 352 } 353 354 /** 355 * Tabs 356 */ 357 .woocommerce-tabs ul.tabs { 358 list-style: none; 359 margin: 0; 360 padding: 0; 361 text-align: left; 362 } 363 364 .woocommerce-tabs ul.tabs li { 365 display: block; 366 margin: 0; 367 position: relative; 368 } 369 370 .woocommerce-tabs ul.tabs li a { 371 padding: 1em 0; 372 display: block; 373 } 374 375 .woocommerce-tabs .panel h2:first-of-type { 376 margin-bottom: 1em; 377 } 378 379 /** 380 * Password strength meter 381 */ 382 .woocommerce-password-strength { 383 text-align: right; 384 } 385 386 .woocommerce-password-strength.strong { 387 color: #0f834d; 388 } 389 390 .woocommerce-password-strength.short { 391 color: #e2401c; 392 } 393 394 .woocommerce-password-strength.bad { 395 color: #e2401c; 396 } 397 398 .woocommerce-password-strength.good { 399 color: #3D9CD2; 400 } 401 402 /** 403 * Forms 404 */ 405 .form-row.woocommerce-validated input.input-text { 406 box-shadow: inset 2px 0 0 #0f834d; 407 } 408 409 .form-row.woocommerce-invalid input.input-text { 410 box-shadow: inset 2px 0 0 #e2401c; 411 } 412 413 .required { 414 color: red; 415 } 416 417 /** 418 * Notices 419 */ 420 .woocommerce-message, 421 .woocommerce-info, 422 .woocommerce-error, 423 .woocommerce-noreviews, 424 p.no-comments { 425 content: ""; 426 display: table; 427 table-layout: fixed; 428 background-color: #0f834d; 429 clear: both; 430 color: #fff; 431 display: block; 432 padding: 5px 20px; 433 margin-bottom: 30px; 434 } 435 436 .woocommerce-info, 437 .woocommerce-noreviews, 438 p.no-comments { 439 background-color: #3D9CD2; 440 } 441 442 .woocommerce-error { 443 background-color: #e2401c; 444 } 445 446 .demo_store { 447 position: fixed; 448 left: 0; 449 bottom: 0; 450 right: 0; 451 margin: 0; 452 padding: 1em; 453 background-color: #3D9CD2; 454 z-index: 9999; 455 } 456 457 @media screen and (min-width: 48em) { 458 /** 459 * Header cart 460 */ 461 .site-header-cart .widget_shopping_cart { 462 position: absolute; 463 top: 100%; 464 width: 100%; 465 z-index: 999999; 466 left: -999em; 467 display: block; 468 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); 469 } 470 .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart { 471 left: 0; 472 display: block; 473 } 474 } 475 476 /** 477 * WooCommerce widgets 478 */ 479 /** 480 * WooCommerce Price Filter 481 */ 482 .widget_price_filter .price_slider { 483 margin-bottom: 1.5em; 484 } 485 486 .widget_price_filter .price_slider_amount { 487 text-align: right; 488 line-height: 2.4em; 489 } 490 491 .widget_price_filter .price_slider_amount .button { 492 float: left; 493 } 494 495 .widget_price_filter .ui-slider { 496 position: relative; 497 text-align: left; 498 } 499 500 .widget_price_filter .ui-slider .ui-slider-handle { 501 position: absolute; 502 z-index: 2; 503 width: 1em; 504 height: 1em; 505 cursor: ew-resize; 506 outline: none; 507 background: var(--main-color-one); 508 box-sizing: border-box; 509 margin-top: -.25em; 510 opacity: 1; 511 } 512 513 .widget_price_filter .ui-slider .ui-slider-handle:last-child { 514 margin-left: -1em; 515 } 516 517 .widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active { 518 box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1); 519 } 520 521 .widget_price_filter .ui-slider .ui-slider-range { 522 position: absolute; 523 z-index: 1; 524 display: block; 525 border: 0; 526 background: var(--main-color-one); 527 } 528 529 .widget_price_filter .price_slider_wrapper .ui-widget-content { 530 background: rgba(0, 0, 0, 0.1); 531 } 532 533 .widget_price_filter .ui-slider-horizontal { 534 height: .5em; 535 } 536 537 .widget_price_filter .ui-slider-horizontal .ui-slider-range { 538 height: 100%; 539 } 540 541 542 .aapside-header-cart { 543 color: var(--main-color-one); 544 margin-left: 20px; 545 position: relative; 546 z-index: 0; 547 } 548 549 .aapside-header-cart .cart-badge { 550 position: absolute; 551 top: -10px; 552 right: -10px; 553 width: 20px; 554 height: 20px; 555 background-color: #fff; 556 border-radius: 50%; 557 text-align: center; 558 line-height: 20px; 559 font-size: 12px; 560 font-weight: 600; 561 } 562 .woocommerce-header-area-wrap .woocommerce-result-count, 563 .woocommerce-header-area-wrap select { 564 font-size: 14px; 565 float: none; 566 } 567 568 .woocommerce-header-area-wrap { 569 display: flex; 570 justify-content: space-between; 571 margin-bottom: 14px; 572 } 573 574 .woocommerce-header-area-wrap select { 575 border: 1px solid #f1f1f1; 576 background-color: transparent; 577 height: 40px; 578 color: var(--paragraph-color); 579 } 580 581 .woocommerce-header-area-wrap .woocommerce-result-count { 582 padding-top: 5px; 583 } 584 .wc-page-content-inner .products { 585 margin: 0; 586 padding: 0; 587 list-style: none; 588 display: flex; 589 flex-wrap: wrap; 590 } 591 592 .wc-page-content-inner .products .aapside-single-product-item { 593 width: calc(100% / 4 - 23px); 594 text-align: center; 595 } 596 597 .wc-page-content-inner .products .aapside-single-product-item img { 598 max-width: 100%; 599 } 600 601 .wc-page-content-inner .products .aapside-single-product-item+.aapside-single-product-item { 602 margin-left: 30px; 603 } 604 605 .aapside-single-product-item .woocommerce-thumbnail-wrap { 606 position: relative; 607 z-index: 0; 608 margin-bottom: 25px; 609 } 610 611 .aapside-single-product-item .woocommerce-thumbnail-wrap .onsale { 612 position: absolute; 613 left: 0; 614 top: 0; 615 background-color: var(--main-color-one); 616 color: #fff; 617 font-size: 14px; 618 padding: 3px 10px; 619 border-radius: 2px; 620 } 621 .aapside-single-product-item .product-contnent-wrap {} 622 623 .aapside-single-product-item .product-contnent-wrap .woocommerce-loop-product__title { 624 font-size: 20px; 625 line-height: 26px; 626 font-weight: 600; 627 } 628 629 .aapside-single-product-item .product-contnent-wrap .star-rating { 630 margin: 0 auto; 631 } 632 633 .aapside-single-product-item .product-contnent-wrap .price { 634 font-size: 16px; 635 font-weight: 600; 636 color: var(--heading-color); 637 line-height: 20px; 638 display: block; 639 margin-bottom: 20px; 640 } 641 642 .aapside-single-product-item .product-contnent-wrap .price del { 643 color: var(--paragraph-color); 644 } 645 .aapside-single-product-item .product-contnent-wrap .add_to_cart_button , 646 .aapside-single-product-item .product-contnent-wrap .product_type_grouped , 647 .aapside-single-product-item .product-contnent-wrap .product_type_external , 648 .aapside-single-product-item .product-contnent-wrap .added_to_cart 649 { 650 font-size: 14px; 651 background-color: var(--secondary-color); 652 display: inline-block; 653 padding: 5px 20px; 654 border-radius: 2px; 655 color: #fff; 656 transition: all 300ms; 657 font-weight: 500; 658 } 659 660 .aapside-single-product-item .product-contnent-wrap .add_to_cart_button:hover, 661 .aapside-single-product-item .product-contnent-wrap .product_type_external:hover, 662 .aapside-single-product-item .product-contnent-wrap .product_type_grouped:hover 663 { 664 background-color: var(--main-color-one); 665 } 666 .aapside-single-product-item .product-contnent-wrap .added_to_cart{ 667 background-color: var(--secondary-color); 668 } 669 670 .aapside-single-product-item .product-contnent-wrap .added_to_cart:hover{ 671 background-color: var(--main-color-one); 672 } 673 .wc-page-content-inner .products .aapside-single-product-item:nth-child(4n+1) { 674 margin-left: 0; 675 } 676 677 .woocommerce-pagination ul li a, 678 .woocommerce-pagination ul li span { 679 display: inline-block; 680 width: 40px; 681 height: 40px; 682 text-align: center; 683 border: 1px solid #e2e2e2; 684 line-height: 40px; 685 } 686 687 .woocommerce-pagination ul li { 688 display: inline-block; 689 font-size: 16px; 690 font-weight: 500; 691 } 692 693 .woocommerce-pagination ul li span { 694 border-color: var(--main-color-one); 695 background-color: var(--main-color-one); 696 color: #fff; 697 } 698 699 .woocommerce-pagination { 700 text-align: center; 701 margin-top: 8px; 702 } 703 .aapside-single-product-item .product-contnent-wrap .product_type_external { 704 line-height: 20px; 705 } 706 .aapside-product-single-page-item .related.products h2 { 707 font-size: 30px; 708 line-height: 40px; 709 font-weight: 600; 710 margin-bottom: 35px; 711 } 712 713 .aapside-product-single-page-item .related.products .products.columns-4 { 714 margin: 0; 715 padding: 0; 716 list-style: none; 717 display: flex; 718 flex-wrap: nowrap; 719 } 720 .aapside-product-single-page-item .related.products .products li.product { 721 margin-bottom: 0; 722 width: calc(100% / 4 - 22px); 723 text-align: center; 724 } 725 .aapside-product-single-page-item .related.products .products li.product+li.product { 726 margin-left: 30px; 727 } 728 729 .aapside-product-single-page-item .related.products .products li.product .woocommerce-thumbnail-wrap { 730 position: relative; 731 z-index: 0; 732 } 733 734 .aapside-product-single-page-item .related.products .products li.product .woocommerce-thumbnail-wrap .onsale { 735 position: absolute; 736 left: 0; 737 top: 0; 738 padding: 5px 15px; 739 background-color: var(--main-color-one); 740 color: #fff; 741 font-size: 14px; 742 font-weight: 500; 743 } 744 745 .aapside-product-single-page-item .related.products .products li.product .product-contnent-wrap .woocommerce-loop-product__title { 746 font-size: 20px; 747 line-height: 26px; 748 margin-bottom: 6px; 749 } 750 751 .aapside-product-single-page-item .related.products .products li.product .product-contnent-wrap .price { 752 display: block; 753 font-size: 16px; 754 font-weight: 600; 755 color: var(--heading-color); 756 margin-bottom: 20px; 757 opacity: .8; 758 } 759 .aapside-product-single-page-item .related.products .products li.product .product-contnent-wrap{ 760 padding-top: 20px; 761 } 762 .aapside-product-single-page-item .related.products .products li.product .product-contnent-wrap .price del { 763 color: var(--paragraph-color); 764 opacity: 1; 765 } 766 767 .aapside-product-single-page-item .related.products .products li.product .product-contnent-wrap .add_to_cart_button , 768 .aapside-product-single-page-item .related.products .products li.product .product-contnent-wrap .product_type_grouped , 769 .aapside-product-single-page-item .related.products .products li.product .product-contnent-wrap .product_type_external , 770 .aapside-product-single-page-item .related.products .products li.product .product-contnent-wrap .added_to_cart 771 { 772 font-size: 14px; 773 background-color: var(--main-color-one); 774 display: inline-block; 775 padding: 5px 20px; 776 border-radius: 2px; 777 color: #fff; 778 transition: all 300ms; 779 font-weight: 500; 780 } 781 782 .aapside-product-single-page-item .related.products .products li.product .product-contnent-wrap .add_to_cart_button:hover, 783 .aapside-product-single-page-item .related.products .products li.product .product-contnent-wrap .product_type_external:hover, 784 .aapside-product-single-page-item .related.products .products li.product .product-contnent-wrap .product_type_grouped:hover 785 { 786 background-color: var(--secondary-color); 787 } 788 .aapside-product-single-page-item .related.products .products li.product .product-contnent-wrap .added_to_cart{ 789 background-color: var(--secondary-color); 790 } 791 792 .aapside-product-single-page-item .related.products .products li.product .product-contnent-wrap .added_to_cart:hover{ 793 background-color: var(--main-color-one); 794 } 795 .aapside-product-single-page-item .related.products { 796 margin-bottom: 15px; 797 display: block; 798 } 799 .aapside-product-single-page-item .related.products .products li.product .star-rating { 800 margin: 0 auto; 801 margin-bottom: 10px; 802 } 803 .woocommmerce-product-single-page-top-content-wrap { 804 display: flex; 805 align-self: flex-start; 806 } 807 808 .woocommmerce-product-single-page-top-content-wrap .woocommerce-thumbnail-wrapper { 809 margin-right: 30px; 810 position: relative; 811 z-index: 0; 812 width: calc(100% / 2); 813 } 814 815 .woocommmerce-product-single-page-top-content-wrap .woocommerce-thumbnail-wrapper .onsale { 816 position: absolute; 817 left: 0; 818 top: 0; 819 background-color:var(--main-color-one); 820 padding:5px 10px; 821 z-index: 1; 822 color:#fff; 823 font-size:14px; 824 } 825 .woocommmerce-product-single-page-top-content-wrap .summary.entry-summary .price { 826 font-size: 24px; 827 line-height: 30px; 828 font-weight:500; 829 color: var(--heading-color); 830 } 831 832 .woocommmerce-product-single-page-top-content-wrap .summary.entry-summary .price del { 833 color: var(--paragraph-color); 834 } 835 .woocommmerce-product-single-page-top-content-wrap .woocommerce-product-details__short-description { 836 margin-bottom: 20px; 837 } 838 839 840 .woocommmerce-product-single-page-top-content-wrap .summary.entry-summary input[type="number"] { 841 border: 1px solid #e2e2e2; 842 padding: 5px 10px; 843 width: 80px; 844 font-size: 14px; 845 } 846 847 .woocommmerce-product-single-page-top-content-wrap .summary.entry-summary .quantity { 848 display: inline-block; 849 } 850 851 .woocommmerce-product-single-page-top-content-wrap .summary.entry-summary .single_add_to_cart_button:hover { 852 background-color: var(--main-color-one); 853 } 854 .woocommmerce-product-single-page-top-content-wrap .summary.entry-summary .single_add_to_cart_button { 855 border: none; 856 font-size: 14px; 857 background-color: var(--secondary-color); 858 color: #fff; 859 transition: 200ms all; 860 padding: 6px 20px; 861 font-weight: 500; 862 cursor: pointer; 863 } 864 .woocommmerce-product-single-page-top-content-wrap .product_meta { 865 margin-top: 25px; 866 } 867 868 .woocommmerce-product-single-page-top-content-wrap .product_meta .sku_wrapper { 869 display: block; 870 font-size: 16px; 871 font-weight: 600; 872 color: var(--heading-color); 873 margin-bottom: 4px; 874 } 875 876 .woocommmerce-product-single-page-top-content-wrap .product_meta .sku_wrapper span { 877 font-weight: 400; 878 color: var(--paragraph-color); 879 margin-left: 10px; 880 } 881 882 .woocommmerce-product-single-page-top-content-wrap .product_meta .posted_in { 883 display: block; 884 font-weight: 600; 885 color: var(--heading-color); 886 } 887 888 .woocommmerce-product-single-page-top-content-wrap .product_meta .posted_in a { 889 font-weight: 400; 890 color: var(--paragraph-color); 891 position: relative; 892 z-index: 0; 893 margin-left: 10px; 894 } 895 896 .woocommmerce-product-single-page-top-content-wrap .product_meta .posted_in a:after { 897 position: static; 898 right: 0; 899 top: 0; 900 content: ","; 901 } 902 .woocommmerce-product-single-page-top-content-wrap .product_meta .posted_in a:first-child:after{ 903 display:none; 904 } 905 .woocommmerce-product-single-page-top-content-wrap .variations_form td.label { 906 padding-right: 20px; 907 padding-bottom: 10px; 908 margin-bottom: 0; 909 padding-top: 0; 910 font-weight: 600; 911 color: var(--heading-color); 912 line-height: 100%; 913 } 914 915 .woocommmerce-product-single-page-top-content-wrap .variations_form table { 916 margin-bottom: 20px; 917 } 918 919 .woocommmerce-product-single-page-top-content-wrap .variations_form td.label label { 920 margin-bottom: 0; 921 } 922 .woocommmerce-product-single-page-top-content-wrap .variations_form td.value select { 923 background-color: transparent; 924 border: 1px solid #e2e2e2; 925 height: 40px; 926 margin-bottom: 15px; 927 color: var(--paragraph-color); 928 font-size: 14px; 929 } 930 .aapside-product-single-page-item .woocommerce-product-gallery .flex-control-thumbs { 931 margin: 0; 932 padding: 0; 933 list-style: none; 934 } 935 936 .aapside-product-single-page-item .woocommerce-product-gallery .flex-control-thumbs li:before { 937 display: none; 938 } 939 940 .aapside-product-single-page-item .woocommerce-product-gallery .flex-control-thumbs li+li { 941 margin-left: 15px; 942 } 943 .woocommmerce-product-single-page-top-content-wrap .variations_form .reset_variations { 944 display: inline-block; 945 padding: 6px 15px; 946 background-color: var(--secondary-color); 947 color: #fff; 948 font-size: 14px; 949 font-weight: 600; 950 border-radius: 3px; 951 margin-left: 5px; 952 } 953 954 .aapside-product-single-page-item .woocommerce-tabs.wc-tabs-wrapper ul { 955 margin: 0; 956 padding: 0; 957 font-size: 0px; 958 list-style: none; 959 } 960 961 .aapside-product-single-page-item .woocommerce-tabs.wc-tabs-wrapper ul li { 962 display: inline-block; 963 background-color: #f7f7f7; 964 transition: all 300ms; 965 } 966 967 .aapside-product-single-page-item .woocommerce-tabs.wc-tabs-wrapper ul li+li { 968 } 969 970 .aapside-product-single-page-item .woocommerce-tabs.wc-tabs-wrapper ul li a { 971 padding: 8px 20px; 972 font-size: 16px; 973 font-weight: 400; 974 } 975 976 .aapside-product-single-page-item .woocommerce-tabs.wc-tabs-wrapper ul li.active { 977 background-color: var(--main-color-one); 978 color: #fff; 979 } 980 981 .aapside-product-single-page-item .woocommerce-tabs.wc-tabs-wrapper { 982 margin-top: 40px; 983 margin-bottom: 54px; 984 } 985 986 .aapside-product-single-page-item .woocommerce-Tabs-panel { 987 background-color: #f7f7f7; 988 padding: 20px 30px 20px 30px; 989 } 990 991 .aapside-product-single-page-item .woocommerce-Tabs-panel h2 { 992 font-size: 24px; 993 font-weight: 600; 994 line-height: 30px; 995 margin-bottom: 0px; 996 } 997 .aapside-product-single-page-item .woocommerce-tabs .panel h2:first-of-type { 998 margin-bottom: 20px; 999 } 1000 1001 .aapside-product-single-page-item .woocommerce-tabs .panel table { 1002 border-collapse: collapse; 1003 } 1004 1005 .aapside-product-single-page-item .woocommerce-tabs .panel table, 1006 .aapside-product-single-page-item .woocommerce-tabs .panel td, 1007 .aapside-product-single-page-item .woocommerce-tabs .panel th { 1008 border: 1px solid rgba(0,0,0,0.2); 1009 padding: 10px 20px; 1010 } 1011 .aapside-product-single-page-item .woocommerce-tabs .panel td p{ 1012 margin-bottom: 0px; 1013 } 1014 .aapside-product-single-page-item .woocommerce-tabs .panel th{ 1015 color: var(--heading-color); 1016 } 1017 .woocommerce-Reviews ol { 1018 margin: 0; 1019 padding: 0; 1020 list-style: none; 1021 } 1022 1023 .aapside-product-single-page-item .woocommerce-Reviews ol li+li { 1024 margin-top: 15px; 1025 } 1026 1027 .aapside-product-single-page-item .woocommerce-Reviews ol li:before { 1028 display: none; 1029 } 1030 1031 .aapside-product-single-page-item .woocommerce-Reviews ol li .comment_container { 1032 display: flex; 1033 flex-direction: initial; 1034 } 1035 1036 .aapside-product-single-page-item .woocommerce-Reviews ol li .comment_container img {min-width: 60px;height: 60px;margin-right: 20px;} 1037 1038 .aapside-product-single-page-item .woocommerce-Reviews ol li .comment_container .woocommerce-review__author { 1039 font-size: 18px; 1040 text-transform: capitalize; 1041 color: var(--heading-color); 1042 font-family: var(--heading-font); 1043 } 1044 1045 .aapside-product-single-page-item .woocommerce-Reviews ol li .comment_container.woocommerce-review__published-date { 1046 font-size: 14px; 1047 } 1048 .aapside-product-single-page-item #review_form_wrapper .comment-respond { 1049 margin-top: 25px; 1050 } 1051 1052 .aapside-product-single-page-item #review_form_wrapper .comment-respond .comment-reply-title { 1053 font-size: 22px; 1054 font-weight: 700; 1055 font-family: var(--heading-font); 1056 color: var(--heading-color); 1057 text-transform: capitalize; 1058 margin-bottom: 16px; 1059 display: block; 1060 } 1061 .aapside-product-single-page-item #review_form_wrapper .comment-respond label { 1062 display: block; 1063 } 1064 .aapside-product-single-page-item #review_form_wrapper .comment-respond textarea { 1065 width:100%; 1066 border:1px solid #e2e2e2; 1067 padding: 20px; 1068 } 1069 1070 .aapside-product-single-page-item #review_form_wrapper .comment-respond input[type=submit] { 1071 display: inline-block; 1072 padding: 8px 30px; 1073 border: none; 1074 background-color: var(--secondary-color); 1075 color: #fff; 1076 cursor: pointer; 1077 transition: 200ms all; 1078 } 1079 1080 .aapside-product-single-page-item #review_form_wrapper .comment-respond input[type=submit]:hover { 1081 background-color: var(--main-color-one); 1082 } 1083 .aapside-product-single-page-item .woocommerce-Reviews ol li .comment_container .description p { 1084 font-size: 14px; 1085 } 1086 .woocommmerce-product-single-page-top-content-wrap .summary.entry-summary { 1087 width: calc(100% / 2); 1088 } 1089 1090 .woocommerce-cart-form td.product-thumbnail img { 1091 max-width: 80px; 1092 } 1093 1094 .woocommerce-cart-form td.product-remove .remove { 1095 font-size: 18px; 1096 color: red; 1097 } 1098 1099 .woocommerce-cart-form td.product-remove { 1100 text-align: center; 1101 } 1102 1103 .woocommerce-cart-form th { 1104 color: var(--heading-color); 1105 font-family: var(--heading-font); 1106 } 1107 1108 .woocommerce-cart-form td.product-name a { 1109 color: var(--heading-color); 1110 } 1111 .woocommerce-cart-form td.product-quantity input { 1112 border: 1px solid #e2e2e2; 1113 padding: 5px 10px; 1114 width: 80px; 1115 color: var(--paragraph-color); 1116 } 1117 .cart_totals h2 { 1118 font-size: 30px; 1119 line-height: 36px; 1120 font-weight: 700; 1121 text-transform: capitalize; 1122 margin-bottom: 30px; 1123 } 1124 .woocommerce-cart-form { 1125 margin-bottom: 50px; 1126 } 1127 .woocommerce-cart-form td.actions .coupon{ 1128 display: inline-block; 1129 } 1130 .woocommerce-cart-form td.actions .coupon label { 1131 display: none; 1132 } 1133 1134 .woocommerce-cart-form td.actions .coupon input[type=text] { 1135 height: 40px; 1136 border: 1px solid #e2e2e2; 1137 font-size: 14px; 1138 padding: 0 20px; 1139 } 1140 1141 .woocommerce-cart-form td.actions .coupon button[type=submit] { 1142 background-color: var(--secondary-color); 1143 color: #fff; 1144 padding: 6px 20px; 1145 border: 1px solid var(--secondary-color); 1146 border-radius: 2px; 1147 font-size: 14px; 1148 font-weight: 600; 1149 cursor: pointer; 1150 } 1151 1152 .woocommerce-cart-form td.actions button[name="update_cart"] { 1153 float: right; 1154 background-color: var(--secondary-color); 1155 color: #fff; 1156 padding: 6px 20px; 1157 border: 1px solid var(--secondary-color); 1158 border-radius: 2px; 1159 font-size: 14px; 1160 font-weight: 600; 1161 cursor: pointer; 1162 } 1163 .cart_totals table th { 1164 color: var(--heading-color); 1165 font-family: var(--heading-font); 1166 } 1167 1168 .cart_totals table tr.woocommerce-shipping-totals #shipping_method { 1169 margin: 0; 1170 padding: 0; 1171 list-style: none; 1172 } 1173 1174 .cart_totals table tr.woocommerce-shipping-totals .shipping-calculator-button { 1175 color: var(--main-color-one); 1176 } 1177 1178 .wc-proceed-to-checkout .checkout-button { 1179 display: inline-block; 1180 padding: 8px 20px; 1181 background-color: var(--secondary-color); 1182 color: #fff; 1183 font-weight: 600; 1184 font-size: 14px; 1185 transition: 200ms all; 1186 } 1187 1188 .wc-proceed-to-checkout .checkout-button:hover { 1189 background-color: var(--main-color-one); 1190 } 1191 .checkout.woocommerce-checkout .col2-set .col-1, 1192 .checkout.woocommerce-checkout .col2-set .col-2{ 1193 max-width: 50% !important; 1194 flex: 0 0 50% !important; 1195 } 1196 1197 .checkout.woocommerce-checkout .col2-set { 1198 display: flex; 1199 } 1200 .woocommerce-billing-fields h3, 1201 woocommerce-shipping-fields h3{ 1202 font-size: 30px; 1203 line-height: 36px; 1204 font-weight: 600; 1205 margin-bottom: 30px; 1206 } 1207 .woocommerce-billing-fields .form-row-last, 1208 .woocommerce-shipping-fields .form-row-last{ 1209 margin-right: 5px; 1210 } 1211 .woocommerce-billing-fields .form-row-wide, 1212 .woocommerce-shipping-fields .form-row-wide 1213 { 1214 width: 100%; 1215 } 1216 .woocommerce-billing-fields label , 1217 .woocommerce-shipping-fields label { 1218 display: block; 1219 width: 100%; 1220 } 1221 .woocommerce-shipping-fields .woocommerce-input-wrapper, 1222 .woocommerce-billing-fields .woocommerce-input-wrapper 1223 { 1224 margin: 0; 1225 margin-bottom: 10px; 1226 } 1227 .woocommerce-shipping-fields .woocommerce-input-wrapper input, 1228 .woocommerce-shipping-fields .woocommerce-input-wrapper, 1229 .woocommerce-shipping-fields .woocommerce-input-wrapper select , 1230 .woocommerce-billing-fields .woocommerce-input-wrapper input, 1231 .woocommerce-billing-fields .woocommerce-input-wrapper, 1232 .woocommerce-billing-fields .woocommerce-input-wrapper select 1233 { 1234 display: block; 1235 width: 100%; 1236 } 1237 .woocommerce-shipping-fields .woocommerce-input-wrapper input, 1238 .woocommerce-shipping-fields .woocommerce-input-wrapper select , 1239 .woocommerce-billing-fields .woocommerce-input-wrapper input, 1240 .woocommerce-billing-fields .woocommerce-input-wrapper select 1241 { 1242 height: 40px; 1243 border: 1px solid #e2e2e2; 1244 } 1245 .woocommerce-shipping-fields .select2-selection--single , 1246 .select2-container--default .select2-selection--single 1247 { 1248 border: 1px solid #e2e2e2; 1249 border-radius: 0; 1250 height: 40px; 1251 line-height: 40px; 1252 } 1253 .select2-container--default .select2-selection--single .select2-selection__rendered 1254 { 1255 color: var(--paragraph-color); 1256 line-height: 40px; 1257 } 1258 .woocommerce-shipping-fields .woocommerce-input-wrapper input , 1259 .woocommerce-billing-fields .woocommerce-input-wrapper input { 1260 padding: 0 20px; 1261 } 1262 .woocommerce-input-wrapper textarea { 1263 width: 100%; 1264 border: 1px solid #e2e2e2; 1265 display: block; 1266 padding: 10px 20px; 1267 } 1268 1269 .woocommerce-input-wrapper { 1270 width: 100%; 1271 } 1272 1273 #ship-to-different-address span { 1274 font-size: 24px; 1275 line-height: 30px; 1276 } 1277 1278 #ship-to-different-address { 1279 margin-bottom: 35px; 1280 } 1281 .woocommerce-checkout-review-order table th { 1282 color: var(--heading-color); 1283 font-family: var(--heading-font); 1284 padding: 10px 20px; 1285 } 1286 1287 .woocommerce-checkout-review-order table td { 1288 padding: 10px 20px; 1289 } 1290 1291 h3#order_review_heading { 1292 font-size: 24px; 1293 line-height: 30px; 1294 font-weight: 600; 1295 margin-bottom: 22px; 1296 margin-top: 15px; 1297 } 1298 .woocommerce-checkout-payment ul { 1299 margin: 0; 1300 padding: 0; 1301 list-style: none; 1302 margin-top: 20px; 1303 } 1304 1305 .woocommerce-checkout-payment ul li+li { 1306 margin-top: 20px; 1307 } 1308 button[name="woocommerce_checkout_place_order"] { 1309 border: none; 1310 background-color: var(--secondary-color); 1311 color: #fff; 1312 padding: 8px 25px; 1313 margin-top: 20px; 1314 cursor: pointer; 1315 transition: 200ms all; 1316 font-size: 14px; 1317 font-weight: 600; 1318 } 1319 1320 button[name="woocommerce_checkout_place_order"]:hover { 1321 background-color: var(--main-color-one); 1322 } 1323 .woocommerce-thankyou-order-received { 1324 background-color: #008000; 1325 color: #fff; 1326 padding: 5px 20px; 1327 } 1328 1329 .woocommerce-order-details h2 { 1330 font-size: 30px; 1331 line-height: 40px; 1332 font-weight: 600; 1333 margin-bottom: 20px; 1334 } 1335 1336 .woocommerce-order-details { 1337 margin-top: 30px; 1338 } 1339 1340 .woocommerce-customer-details .col-1,.woocommerce-customer-details .col-2 { 1341 max-width: 100%; 1342 padding: 0; 1343 } 1344 1345 .woocommerce-customer-details h2 { 1346 font-size: 26px; 1347 font-weight: 600; 1348 } 1349 1350 .woocommerce-customer-details { 1351 margin-top: 30px; 1352 } 1353 .woocommerce-MyAccount-navigation { 1354 width: 250px; 1355 } 1356 1357 .woocommerce-MyAccount-navigation ul { 1358 margin: 0; 1359 padding: 0; 1360 list-style: none; 1361 } 1362 1363 .woocommerce-MyAccount-navigation ul li.is-active a { 1364 background-color: var(--main-color-one); 1365 color: #fff; 1366 } 1367 .woocommerce-MyAccount-navigation ul li a { 1368 display: block; 1369 background-color: var(--secondary-color); 1370 padding: 8px 20px; 1371 color: rgba(255,255,255,.8); 1372 } 1373 1374 .woocommerce-MyAccount-navigation ul li+li { 1375 border-top: 1px solid rgb(88, 98, 113); 1376 } 1377 .woocommerce-MyAccount-content { 1378 width: 100%; 1379 display: block; 1380 padding-left: 20px; 1381 } 1382 .woocommerce-my-account-page-wrapper{ 1383 display: flex; 1384 } 1385 .woocommerce-MyAccount-content .col-1,.woocommerce-MyAccount-content .col-2 { 1386 max-width: 100%; 1387 } 1388 .woocommerce-MyAccount-content .woocommerce-Address-title.title h3 { 1389 font-size: 24px; 1390 line-height: 30px; 1391 font-weight: 600; 1392 } 1393 .woocommerce-EditAccountForm label { 1394 display: block; 1395 width: 100%; 1396 } 1397 1398 .woocommerce-EditAccountForm input { 1399 height: 40px; 1400 border: 1px solid #e2e2e2; 1401 padding: 0px 20px; 1402 width: 100%; 1403 } 1404 1405 .woocommerce-EditAccountForm fieldset { 1406 margin-top: 30px; 1407 } 1408 .woocommerce-EditAccountForm legend { 1409 font-size: 24px; 1410 line-height: 30px; 1411 font-weight: 600; 1412 color: var(--heading-color); 1413 font-family: var(--heading-font); 1414 } 1415 button[name="save_account_details"] { 1416 border: none; 1417 background-color: var(--secondary-color); 1418 color: #fff; 1419 font-weight: 500; 1420 padding: 8px 30px; 1421 margin-top:10px; 1422 display:block; 1423 margin-left:-5px; 1424 cursor: pointer; 1425 } 1426 1427 .woocommerce-EditAccountForm { 1428 margin-left: 5px; 1429 } 1430 .woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__quantity { 1431 padding-bottom: 10px; 1432 } 1433 1434 .woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__label { 1435 padding-left: 20px; 1436 } 1437 1438 .woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__price { 1439 padding-left: 20px; 1440 } 1441 1442 .woocommerce-grouped-product-list { 1443 margin-bottom: 20px; 1444 } 1445 .woocommerce-error { 1446 background-color: #e2401c; 1447 margin: 0; 1448 padding: 0; 1449 list-style: none; 1450 padding: 5px 20px; 1451 margin-bottom: 30px; 1452 } 1453 /* column support */ 1454 .wc-page-content-inner .products.columns-3 .aapside-single-product-item { 1455 width: calc(100% / 3 - 20px); 1456 } 1457 1458 .aapside-single-product-item .woocommerce-thumbnail-wrap img { 1459 width: 100%; 1460 } 1461 .wc-page-content-inner .products.columns-3 .aapside-single-product-item:nth-child(4n+1){ 1462 margin-left: 30px; 1463 } 1464 .wc-page-content-inner .products.columns-3 .aapside-single-product-item:nth-child(3n+1){ 1465 margin-left: 0px; 1466 } 1467 .woocommerce-input-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b { 1468 top: 20px; 1469 } 1470 1471 /* Responsive */ 1472 @media only screen and (max-width: 991px){ 1473 .wc-page-content-inner .products .aapside-single-product-item { 1474 width: calc(100% / 3 - 20px); 1475 } 1476 .wc-page-content-inner .products .aapside-single-product-item:nth-child(4n+1){ 1477 margin-left: 30px; 1478 } 1479 .wc-page-content-inner .products .aapside-single-product-item:nth-child(3n+1){ 1480 margin-left: 0px; 1481 } 1482 .aapside-product-single-page-item .woocommerce-product-gallery .flex-control-thumbs li+li { 1483 margin-left: 10px; 1484 } 1485 .aapside-product-single-page-item .related.products .products li.product{ 1486 width: calc(100% / 3 - 20px); 1487 } 1488 .aapside-product-single-page-item .related.products .products.columns-4 { 1489 flex-wrap: wrap; 1490 } 1491 .aapside-product-single-page-item .related.products .products.columns-4 li:nth-child(4) { 1492 margin-top: 30px; 1493 margin-left: 0!important; 1494 } 1495 .aapside-product-single-page-item .related.products .products li.product .product-contnent-wrap .added_to_cart { 1496 margin-top: 10px; 1497 } 1498 .aapside-single-product-item .product-contnent-wrap .added_to_cart { 1499 margin-top: 10px; 1500 } 1501 } 1502 1503 @media only screen and (max-width: 767px){ 1504 .wc-page-content-inner .products .aapside-single-product-item { 1505 width: calc(100% / 2 - 15px); 1506 } 1507 .wc-page-content-inner .products .aapside-single-product-item:nth-child(3n+1){ 1508 margin-left: 30px; 1509 } 1510 .wc-page-content-inner .products .aapside-single-product-item:nth-child(2n+1){ 1511 margin-left: 0px; 1512 } 1513 .aapside-product-single-page-item .related.products .products li.product { 1514 width: calc(100% / 2 - 15px); 1515 } 1516 .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:nth-child(4) { 1517 margin-top: 10px; 1518 } 1519 .aapside-product-single-page-item .related.products .products.columns-4 li:nth-child(4) { 1520 margin-left: 30px !important; 1521 } 1522 .aapside-product-single-page-item .related.products .products.columns-4 li:nth-child(3) { 1523 margin-top: 30px; 1524 margin-left: 0!important; 1525 } 1526 table.shop_table_responsive tr td { 1527 text-align: left; 1528 } 1529 .woocommerce-cart-form td.actions button[name="update_cart"] { 1530 float: none; 1531 margin-top: 10px; 1532 } 1533 1534 .wc-page-content-inner .products.columns-3 .aapside-single-product-item { 1535 width: calc(100% / 2 - 15px); 1536 } 1537 1538 .wc-page-content-inner .products.columns-3 .aapside-single-product-item:nth-child(3n+1){ 1539 margin-left: 30px; 1540 } 1541 .wc-page-content-inner .products.columns-3 .aapside-single-product-item:nth-child(2n+1){ 1542 margin-left: 0px; 1543 } 1544 } 1545 @media only screen and (max-width: 414px){ 1546 .wc-page-content-inner .products .aapside-single-product-item, 1547 .wc-page-content-inner .products.columns-3 .aapside-single-product-item, 1548 .aapside-product-single-page-item .related.products .products li.product{ 1549 width: 100%; 1550 margin-left: 0 !important; 1551 } 1552 .aapside-product-single-page-item .related.products .products li.product .woocommerce-thumbnail-wrap img{ 1553 width: 100%; 1554 } 1555 .aapside-product-single-page-item .related.products .products.columns-4 { 1556 flex-wrap: wrap; 1557 } 1558 .aapside-product-single-page-item .related.products .products li.product+li{ 1559 margin-top: 30px; 1560 } 1561 .woocommmerce-product-single-page-top-content-wrap .woocommerce-thumbnail-wrapper { 1562 width: 100%; 1563 margin-right: 0px; 1564 1565 } 1566 .woocommmerce-product-single-page-top-content-wrap { 1567 display: block; 1568 } 1569 .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:nth-child(4){ 1570 margin-top: 0px; 1571 } 1572 .woocommmerce-product-single-page-top-content-wrap .summary.entry-summary { 1573 width: 100%; 1574 margin-top: 30px; 1575 } 1576 .aapside-product-single-page-item .related.products .products.columns-4 li:nth-child(4) { 1577 margin-left: 0px !important; 1578 } 1579 table.shop_table_responsive tr td:before{ 1580 display: none; 1581 } 1582 .aapside-product-single-page-item .woocommerce-Tabs-panel h2 { 1583 font-size: 18px; 1584 } 1585 } 1586 @media only screen and (max-width: 384px){ 1587 .aapside-product-single-page-item .woocommerce-Reviews ol li .comment_container { 1588 display: block; 1589 } 1590 .aapside-product-single-page-item .woocommerce-Reviews ol li .comment_container img{ 1591 margin-bottom: 20px; 1592 } 1593 .woocommerce-MyAccount-navigation { 1594 width: 100%; 1595 margin-bottom: 30px; 1596 } 1597 .woocommerce-my-account-page-wrapper { 1598 display: block; 1599 } 1600 .woocommerce-MyAccount-content{ 1601 padding-left: 0px; 1602 } 1603 }