API tools faq
paste
xosski

Untitled

xosski
Dec 6th, 2024
8
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.62 KB | None | 0 0
raw download clone embed print report
  1. #flush-headingOne {
  2. border-bottom: 0px !important;
  3. }
  4.  
  5. #post-25170 {
  6. display: none;
  7. }
  8.  
  9. .fusion-search-field.search-field label {
  10. width: 100%;
  11. }
  12.  
  13. .postid-84903 #tab-description {
  14. text-align: center;
  15. }
  16.  
  17. .remove {
  18. color: #007bff !important;
  19. }
  20.  
  21. .feature-list {
  22. list-style: none;
  23. }
  24.  
  25. .preview-section ul {
  26. list-style: none;
  27. }
  28.  
  29. .depthr-controls ul {
  30. list-style: none;
  31. }
  32.  
  33. .cards {
  34. box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  35. margin: auto;
  36. text-align: center;
  37. padding: 20px;
  38. width: 30%;
  39. min-height: 220px;
  40. justify-content: center;
  41. align-content: center;
  42. background: #fff;
  43. border-radius: 5px;
  44. }
  45.  
  46. form.checkout .shop_table tbody .product-thumbnail, .shop_table_responsive.woocommerce-cart-form__contents .product-thumbnail img {
  47. width: 100px!important;
  48. }
  49.  
  50. .container-1 {
  51. padding-top: 0px!important;
  52.  
  53. }
  54.  
  55. bdi, .woocommerce-variation {
  56. font-weight: 600 !important;
  57. }
  58.  
  59.  
  60. .woocommerce-product-attributes.shop_attributes {
  61. display: none;
  62. }
  63.  
  64. .new-section.lp-section {
  65. width: 100%;
  66. }
  67.  
  68. .button-container {
  69. margin-top: -4.5%;
  70. margin-left: auto;
  71. margin-right: auto;
  72. }
  73.  
  74. .container.slider-top {
  75. width: 100% !important;
  76. max-width: 100%;
  77. }
  78.  
  79. .accordion-body {
  80. font-size: 17px;
  81. }
  82.  
  83. .arrow {
  84. display: none; /* Hide by default */
  85. }
  86.  
  87.  
  88. .arrow {
  89. font-size: 30px;
  90. color: #222;
  91. font-weight: 100;
  92. }
  93.  
  94. .container-1 {
  95. padding-bottom: 0px!important;
  96. }
  97.  
  98. .cards i {
  99. color: #007bff;
  100. font-size: 22px;
  101. }
  102.  
  103. .cards h2 {
  104. font-size: 25px;
  105. }
  106.  
  107. .feature img {
  108. margin: auto;
  109. text-align: center;
  110. display: block;
  111. max-width: 800px;
  112. border-radius: 5px;
  113. max-height: 500px;
  114. }
  115. .workflow-container .card {
  116. height: 400px;
  117. align-content: center;
  118. align-items: center;
  119. margin: auto;
  120. text-align: center;
  121. display: grid;
  122. border: 0px;
  123. }
  124.  
  125. #menu-main-menu a {
  126. text-decoration: none;
  127. }
  128.  
  129. .feature h3 {
  130. font-weight: 500 !important;
  131. text-align: center;
  132. }
  133.  
  134. .feature {
  135. box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  136. width: 90%;
  137. margin: auto;
  138. margin-bottom: 10px;
  139. background: #fff;
  140. padding: 30px;
  141. margin-bottom: 30px;
  142. }
  143.  
  144. .feature p {
  145. text-align: center;
  146. margin-top: 1.5rem;
  147. margin-bottom: 0;
  148. font-size: 18px;
  149. }
  150.  
  151. #tab-description {
  152. margin-top: 20px;
  153. }
  154.  
  155. #billing-period {
  156. min-width: 100% !important;
  157. }
  158.  
  159. .accordion-collapse p {
  160. display: none !important;
  161. }
  162.  
  163. .collapse {
  164. display: block;
  165. }
  166.  
  167. .accordion-item h2 {
  168. br {
  169. display: none;
  170. }
  171. }
  172.  
  173. .accordion-button:not(.collapsed) {
  174. background-color: #fff;
  175. }
  176.  
  177. .accordion-item {
  178. padding-top: 10px;
  179. }
  180.  
  181. #accordionFlushExample .accordion-item:first-child {
  182. border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
  183. }
  184.  
  185. #accordionFlushExample .accordion-item:last-child {
  186. border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
  187. }
  188.  
  189.  
  190. .accordion-button:focus, .accordion-button:active {
  191. box-shadow: none; /* Removes the blue outline */
  192. outline: none; /* Ensures no outline is shown */
  193. }
  194.  
  195. .accordion-item i {
  196. padding-right: 15px;
  197. color: #007bff;
  198. }
  199.  
  200. .postid-30228 .price, .postid-84903 .price, .postid-58384 .price {
  201. display: none;
  202. }
  203. .attached.enabled {
  204. min-width: 100%;
  205. }
  206.  
  207. select#billing_country {
  208. width: 100%;
  209. padding: 10px;
  210. font-size: 15px;
  211. }
  212.  
  213. #duration {
  214. min-width: 100%!important;
  215. }
  216.  
  217. .faq-title {
  218. text-align: center;
  219. display: block;
  220. width: 85%;
  221. }
  222.  
  223. .checkout-button, .single_add_to_cart_button {
  224. transform: scale(1); /* Default state */
  225. transition: transform 0.5s ease; /* Smooth transition */
  226. }
  227.  
  228. .woocommerce-MyAccount-content form .button {
  229. margin: auto;
  230. text-align: center;
  231. display: block;
  232. float: none;
  233. }
  234.  
  235. .woocommerce_account_subscriptions {
  236. margin: auto;
  237. text-align: center;
  238. display: inline-block;
  239. }
  240.  
  241. .checkout-button:hover, .single_add_to_cart_button:hover {
  242. transform: scale(1.03); /* Scaled on hover */
  243. }
  244.  
  245.  
  246. .faqs {
  247. margin: 20px;
  248. }
  249.  
  250. .single_add_to_cart_button.button.alt {
  251. height: 55px;
  252. font-size: 18px;
  253. }
  254.  
  255. .first-payment-date {
  256. text-transform: capitalize;
  257. }
  258.  
  259. #order_review_heading, .woocommerce-billing-fields h3 {
  260. text-transform: capitalize !important;
  261. }
  262.  
  263. .order-total.recurring-total {
  264. text-transform: capitalize;
  265. }
  266.  
  267. .variations .label, .currency-label {
  268. padding-right: 1em;
  269. position: absolute;
  270. top: -14px;
  271. z-index: 99;
  272. left: 15px;
  273. background: #fff;
  274. width: fit-content;
  275. text-align: center;
  276. padding: 0px 10px;
  277. font-size: 14px;
  278. color: #555;
  279. }
  280.  
  281. .page-id-105807 #main .fusion-row {
  282. max-width: 100%!important;
  283. }
  284.  
  285. .product .avada-product-images-global .woocommerce-product-gallery {
  286. margin: auto;
  287. }
  288.  
  289. .summary .cart {
  290. border-radius: 5px;
  291. }
  292.  
  293. .subscription-details {
  294. text-transform: capitalize;
  295. }
  296.  
  297. .woocommerce div.product .price {
  298. margin-bottom: 0px!important;
  299. }
  300.  
  301. .variations_form.cart, form.cart {
  302. margin-top: 0px;
  303. }
  304.  
  305. .variations_form.cart {
  306. border-radius: 10px;
  307. }
  308.  
  309. #billing-period {
  310. text-align: center;
  311. font-size: 16px;
  312. }
  313.  
  314. #billing-period {
  315. height: 50px;
  316. }
  317.  
  318. .currency-switch-container {
  319. margin-bottom: 20px;
  320. }
  321.  
  322. .reset_variations {
  323. display: none;
  324. }
  325.  
  326. .product-type-variable-subscription .variations_form .single_variation_wrap {
  327. margin-top: 10px;
  328. }
  329.  
  330. .reset_variations {
  331. display: none !important;
  332. }
  333.  
  334. .faq-item {
  335. cursor: pointer;
  336. }
  337.  
  338. .product-subtitle {
  339. text-decoration: underline;
  340. }
  341.  
  342. .faq-item h3 {
  343. display: flex;
  344. justify-content: space-between;
  345. align-items: center;
  346. margin: 0;
  347. padding: 10px;
  348. transition: background-color 0.3s ease;
  349. }
  350.  
  351. .faq-answer span {
  352. width: 90%;
  353. display: block;
  354. margin: auto;
  355. padding-top: 10px;
  356. }
  357.  
  358. .faq-answer {
  359. height: 0;
  360. overflow: hidden;
  361. background-color: #ffffff;
  362. margin-top: -1px;
  363. border-radius: 5px;
  364. transition: height 0.5s ease;
  365. margin-bottom: 0px!important;
  366. }
  367.  
  368. .faq-item .open {
  369. padding: 13px!important;
  370. }
  371.  
  372. .faq-arrow {
  373. display: inline-block; /* Make arrow a block-level element for proper transformation */
  374. transition: transform 0.3s ease; /* Smooth arrow rotation */
  375. }
  376.  
  377. .faq-item.open .faq-arrow {
  378. transform: rotate(180deg); /* Rotate arrow up when open */
  379. }
  380.  
  381. .faqs h3 {
  382. justify-content: start;
  383. }
  384.  
  385. .faqs i {
  386. justify-content: start;
  387. padding-right: 5px!important;
  388. }
  389.  
  390. .faq-arrow {
  391. font-size: 13px;
  392. float: right;
  393. position: absolute;
  394. right: 50px;
  395. }
  396.  
  397. /**/
  398. .product .entry-summary .summary-container {
  399. float: right;
  400. width: 100%;
  401. max-width: 48%;
  402. }
  403.  
  404. .ltr .product .summary.entry-summary {
  405. margin: 0px;
  406. }
  407.  
  408. .cart button {
  409. width: 100%;
  410. }
  411.  
  412. #alg_currency_selector {
  413. text-align: center;
  414. }
  415.  
  416. #alg_currency_select {
  417. width: 100px;
  418. text-align: center;
  419. padding: 0px;
  420. height: 40px;
  421. }
  422.  
  423. .product-border.fusion-separator.sep-none {
  424. display: none;
  425. }
  426.  
  427.  
  428.  
  429. .product_title.entry-title {
  430. text-align: center;
  431. }
  432.  
  433. #content p.price bdi {
  434. font-size: 25px;
  435. color: #007bff !important;
  436. font-weight: 600;
  437. padding: 8px;
  438. margin-bottom: -10px;
  439. }
  440.  
  441. .price {
  442. text-align: center;
  443. }
  444.  
  445. /* Hide the duplicated title if it has a specific class */
  446. .single-product .summary .product_title.entry-title {
  447. display: none!important;
  448. }
  449. /* Ensure the new title placement is visible */
  450. .woocommerce-before-single-product-summary .product_title.entry-title {
  451. display: block;
  452. }
  453. /* Center title and price */
  454. .woocommerce div.product .product_title,
  455. .woocommerce div.product .price {
  456. text-align: center;
  457. width: 100%;
  458. margin: 0 auto;
  459. }
  460.  
  461. /* Ensure the title and price are displayed as a block */
  462. .woocommerce div.product .product_title.entry-title,
  463. .woocommerce div.product .price {
  464. display: block;
  465. }
  466.  
  467. /* Additional styling for spacing */
  468. .woocommerce div.product .product_title {
  469. margin-bottom: 10px; /* Space between title and price */
  470. }
  471.  
  472. .card-container {
  473. display: flex;
  474. justify-content: space-between;
  475. gap: 20px; /* Gap between the cards */
  476. margin: 20px 0;
  477. }
  478.  
  479. .card {
  480. background-color: #fff;
  481. padding: 20px;
  482. border-radius: 5px;
  483. box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  484. flex: 1; /* Flex grow to distribute the space equally */
  485. text-align: left;
  486. }
  487.  
  488. .card {
  489. background: white;
  490. border-radius: 10px;
  491. box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  492. padding: 20px;
  493. width: 26%;
  494. text-align: center;
  495. transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  496. z-index: 1;
  497. position: relative;
  498. border: 0px;
  499. margin: 0.3%;
  500. }
  501.  
  502. .card i {
  503. color: #007bff;
  504. margin-right: 10px;
  505. }
  506.  
  507. .card strong {
  508. display: block;
  509. margin-bottom: 5px;
  510. font-size: 1.1em;
  511. text-align: center;
  512. margin: 10px auto;
  513. }
  514.  
  515. .card {
  516. text-align: center;
  517. }
  518.  
  519. .faq-item.open .faq-answer {
  520. max-height: 500px;
  521. overflow: visible;
  522. padding: 10px 20px 20px;
  523. }
  524.  
  525. .faq-item.open .faq-answer {
  526. max-height: 500px;
  527. overflow: visible;
  528. padding: 10px 20px 20px;
  529. margin: 10px;
  530. }
  531.  
  532. .woocommerce div.product .price {
  533. margin-bottom: 20px; /* Space between price and gallery */
  534. }
  535.  
  536. /* Short Description Styles */
  537. .short-description {
  538. font-family: Arial, sans-serif;
  539. color: #333;
  540. margin-bottom: 20px;
  541. }
  542.  
  543. .short-description p {
  544. font-size: 1em;
  545. margin-bottom: 10px;
  546. font-weight: 500;
  547. }
  548.  
  549. .single_product-title {
  550. text-align: center;
  551. }
  552.  
  553. .short-description ul {
  554. list-style: none;
  555. padding: 0;
  556. }
  557.  
  558. .short-description ul li {
  559. margin-bottom: 5px;
  560. font-size: 0.95em;
  561. line-height: 1.4;
  562. display: flex;
  563. align-items: center;
  564. }
  565.  
  566. .short-description ul li::before {
  567. content: "🔹";
  568. color: #007bff;
  569. font-size: 1.2em;
  570. margin-right: 5px;
  571. }
  572.  
  573.  
  574. /* General Styles */
  575. .product-content {
  576. width: 90%;
  577. margin: 0 auto;
  578. padding: 20px;
  579. font-family: Arial, sans-serif;
  580. line-height: 1.6;
  581. color: #333;
  582. }
  583.  
  584. .product-title {
  585. font-size: 2.5em;
  586. margin-bottom: 10px;
  587. text-align: center;
  588. color: #333;
  589. }
  590.  
  591. .product-subtitle {
  592. font-size: 1.5em;
  593. margin-bottom: 20px;
  594. text-align: center;
  595. color: #666;
  596. }
  597.  
  598. h2 {
  599. font-size: 1.8em;
  600. margin-bottom: 20px;
  601. color: #007bff;
  602. text-align: center;
  603. }
  604.  
  605. .woocommerce-product-gallery__image.flex-active-slide.fusion-main-image {
  606. border-radius: 5px;
  607. }
  608.  
  609. .avada-product-gallery-thumbs-wrapper img {
  610. border-radius: 5px;
  611. }
  612.  
  613. .woocommerce-product-gallery__image.flex-active-slide {
  614. border-radius: 5px;
  615. }
  616.  
  617. .tabs.wc-tabs {
  618. display: none;
  619. }
  620.  
  621. .fusion-woocommerce-tab-title, .product_meta {
  622. display: none;
  623. }
  624.  
  625. .woocommerce-tabs {
  626. padding: 0px;
  627. }
  628.  
  629. #tab-description {
  630. padding: 0px;
  631. margin: 0px;
  632. border: 0px;
  633. }
  634.  
  635. /* What's Included Styles */
  636. .whats-included ul {
  637. list-style: none;
  638. padding: 0;
  639. background: #f0f4ff;
  640. border-radius: 8px;
  641. padding: 15px;
  642. box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  643. }
  644.  
  645. .whats-included li {
  646. display: flex;
  647. align-items: center;
  648. margin-bottom: 10px;
  649. font-size: 1.1em;
  650. }
  651.  
  652. .whats-included li i {
  653. color: #007bff;
  654. margin-right: 10px;
  655. font-size: 1.2em;
  656. }
  657.  
  658. /* How to Use Section Styles */
  659. .how-to-use .steps, .whats-included .steps {
  660. display: flex;
  661. flex-wrap: wrap;
  662. gap: 20px; /* Consistent gap between steps */
  663. margin: auto;
  664. margin-bottom: 20px;
  665. justify-content: center;
  666. }
  667.  
  668. .whats-included .step {
  669. width: 23%;
  670. background: #fff;
  671. padding: 20px;
  672. margin-bottom: 0; /* Remove individual margin-bottom */
  673. text-align: center;
  674. border-radius: 5px;
  675. box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  676. box-sizing: border-box;
  677. }
  678.  
  679. .how-to-use .step {
  680. width: 49%;
  681. background: #fff;
  682. padding: 20px;
  683. margin-bottom: 0; /* Remove individual margin-bottom */
  684. text-align: center;
  685. border-radius: 5px;
  686. box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  687. box-sizing: border-box;
  688. }
  689.  
  690. .how-to-use .step i, .whats-included .step i {
  691. font-size: 2em;
  692. color: #007bff;
  693. margin-bottom: 10px;
  694. width: 100%;
  695. text-align: center;
  696. }
  697.  
  698. /* Image Showcase Styles */
  699. .image-showcase {
  700. width: 100%;
  701. padding: 35px 0;
  702. background: #fff;
  703. text-align: center;
  704. box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  705. }
  706.  
  707. .image-showcase .container {
  708. max-width: 1200px;
  709. margin: 0 auto;
  710. padding: 0 20px;
  711. }
  712.  
  713. .design-gallery {
  714. display: flex;
  715. flex-wrap: wrap;
  716. justify-content: center;
  717. padding: 0 20px; /* Add padding to prevent items from touching the edge */
  718. }
  719.  
  720. .design-item {
  721. flex: 1 1 calc(30% - 20px); /* Adjusted to fit items without being too large */
  722. max-width: 300px;
  723. text-align: center;
  724. background: #fff;
  725. padding: 10px;
  726. border-radius: 5px;
  727. box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  728. transition: transform 0.3s, box-shadow 0.3s;
  729. box-sizing: border-box;
  730. margin: 1%;
  731. }
  732.  
  733. .design-item img {
  734. width: 100%;
  735. max-width: 250px; /* Limit the maximum width of the image */
  736. height: auto; /* Maintain aspect ratio */
  737. border-radius: 5px;
  738. }
  739.  
  740. .design-item:hover {
  741. transform: translateY(-5px);
  742. box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  743. }
  744.  
  745. .design-item p {
  746. margin-top: 10px;
  747. font-weight: bold;
  748. color: #666;
  749. }
  750.  
  751. /* FAQs Section Styles */
  752. .faqs h3 {
  753. font-size: 1.2em;
  754. color: #333;
  755. }
  756.  
  757. .faqs h3 i {
  758. color: #007bff;
  759. margin-right: 5px;
  760. }
  761.  
  762. .faqs .faq-item {
  763. margin-bottom: 10px;
  764. background: #fff;
  765. padding: 20px 20px 1px 20px;
  766. border-radius: 5px;
  767. border-bottom: 2px solid #eee;
  768. }
  769.  
  770. @media (max-width: 1200px) {
  771. .feature img {
  772. width: 100%; /* Example: make the image responsive */
  773. height: auto;
  774. }
  775. }
  776.  
  777. /* Responsive Design */
  778. @media (max-width: 768px) {
  779.  
  780. .container.slider-top {
  781. padding-top: 0px;
  782. margin-top: -6%!importAnT;
  783. height: 100%;
  784. }
  785.  
  786. .faqs {
  787. margin: 0;
  788. }
  789.  
  790. .product_title.entry-title {
  791. font-size: 2rem;
  792. }
  793. .design-item {
  794. flex: 1 1 45%; /* Two items per row on smaller screens */
  795. max-width: 45%;
  796. }
  797. }
  798.  
  799. @media (max-width: 480px) {
  800. .design-item {
  801. flex: 1 1 100%;
  802. max-width: 100%;
  803. }
  804. .image-showcase {
  805. padding-top: 10px!important;
  806. }
  807.  
  808.  
  809. .faq-item.open .faq-answer {
  810. padding: 0px;
  811. }
  812.  
  813. .design-item {
  814. padding: 0px!important;
  815. }
  816.  
  817. .design-item img {
  818. padding: 0px!important;
  819. border-bottom-left-radius: 0px;
  820. border-bottom-right-radius: 0px;
  821. }
  822.  
  823. .design-gallery {
  824. display: flex;
  825. flex-wrap: wrap;
  826. justify-content: center;
  827. gap: 10px;
  828. padding: 0 10px;
  829. }
  830.  
  831. .faq-arrow {
  832. right: 35px;
  833. }
  834.  
  835. .faq-title {
  836. text-align: center;
  837. display: block;
  838. width: 77%;
  839. }
  840.  
  841. .card-container {
  842. flex-direction: column;
  843. gap: 15px;
  844. }
  845.  
  846. .card {
  847. background-color: #fff;
  848. padding: 20px;
  849. border-radius: 5px;
  850. box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  851. flex: 1;
  852. width: 95%;
  853. margin: auto;
  854. }
  855.  
  856. .card i, .step {
  857. display: flex;
  858. text-align: left !important;
  859. align-items: center;
  860. }
  861.  
  862. .how-to-use .step i, .whats-included .step i {
  863. font-size: 2em;
  864. color: #007bff;
  865. margin-bottom: 10px;
  866. text-align: center;
  867. margin-left: 0px;
  868. padding-right: 20px;
  869. padding-left: 20px;
  870. width: 156px;
  871. }
  872.  
  873. .design_name {
  874. width: 90%;
  875. margin: auto;
  876. }
  877.  
  878. .entry-title {
  879. margin-top: 10px!important;
  880. }
  881.  
  882. .design-item p {
  883. font-size: 1rem;
  884. font-size: 1rem;
  885. width: 90%;
  886. text-align: center;
  887. margin: auto;
  888. padding: 5px;
  889. }
  890.  
  891. .how-to-use .step, .whats-included .step {
  892. background: #fff;
  893. padding: 20px 10px 0px 10px;
  894. margin-bottom: 0;
  895. text-align: center;
  896. border-radius: 5px;
  897. box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  898. box-sizing: border-box;
  899. }
  900. .how-to-use .step, .whats-included .step {
  901. width: 95%!important;
  902. margin-bottom: 20px;
  903. margin: auto;
  904. }
  905. }
  906.  
  907. .woocommerce-form-login-toggle {
  908. display: none;
  909. }
  910.  
  911.  
  912. .woocommerce-MyAccount-navigation-link--license-keys {
  913. display: none;
  914. }
  915.  
  916. .woocommerce form .show-password-input {
  917. top: 1.4em !important;
  918. }
  919.  
  920. #passsword, #username {
  921. font-size: 16px !important;
  922. }
  923.  
  924.  
  925.  
  926. .woocommerce-form.woocommerce-form-login.login br {
  927. display: block;
  928. margin-bottom: 10px;
  929. }
  930.  
  931. .create-account label {
  932. display: none !important;
  933. }
  934.  
  935. input::placeholder {
  936. font-size: 16px;
  937. color: #666;
  938. }
  939.  
  940. .woocommerce form .input-text::placeholder {
  941. font-size: 16px;
  942. }
  943.  
  944. .woocommerce .login .lost_password {
  945. float: none;
  946. text-align: center;
  947. width: fit-content;
  948. margin: 10px auto 0px auto;
  949. }
  950.  
  951. .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
  952. display: block;
  953. margin-bottom: 10px;
  954. }
  955.  
  956. .woocommerce-form-login > br:nth-child(4) {
  957. margin: 6px;
  958. display: block;
  959. }
  960.  
  961. .woocommerce #customer_login .login .woocommerce-form-login__rememberme {
  962. display: block;
  963. }
  964.  
  965. .woocommerce #customer_login .login .form-row:not(.woocommerce-form-row--wide) {
  966. display: block;
  967. margin: auto;
  968. text-align: center;
  969. }
  970.  
  971. #customer_login .col-1, #customer_login .col-2 {
  972. border: 0px;
  973. }
  974.  
  975. #order_review .product-name {
  976. text-align: left;
  977. }
  978.  
  979. .g-recaptcha {
  980. justify-content: center;
  981. display: flex;
  982. }
  983.  
  984. .woocommerce #customer_login .login .woocommerce-LostPassword {
  985. justify-content: center;
  986. display: flex;
  987. margin-top: 10px;
  988. }
  989.  
  990. .woocommerce #customer_login .register .form-row:last-child {
  991. margin-bottom: 0;
  992. justify-content: center;
  993. display: flex;
  994. }
  995.  
  996. .wc-proceed-to-checkout {
  997. display: flex;
  998. gap: 5px;
  999. }
  1000.  
  1001. .continue-shopping.fusion-button.button-default.fusion-button-default-size.button.alt.wc-forward {
  1002. margin-top: 10px !important;
  1003. width: 100%;
  1004. font-size: 0.75em;
  1005. }
  1006.  
  1007. .page-id-23455 #main .fusion-row {
  1008. max-width: 95% !important;
  1009. }
  1010.  
  1011. .woocommerce-MyAccount-navigation {
  1012. width: 100%;
  1013. overflow: hidden;
  1014. }
  1015.  
  1016. .cart-subtotal bdi, .recurring-total strong {
  1017. font-weight: 400;
  1018. }
  1019.  
  1020. .recurring-total span {
  1021. color: #222 !important;
  1022. }
  1023.  
  1024. .woocommerce-MyAccount-content {
  1025. margin: 0px;
  1026. text-align: center;
  1027. border: 0px;
  1028. }
  1029.  
  1030. .woocommerce-MyAccount-navigation ul {
  1031. list-style-type: none;
  1032. padding: 0;
  1033. margin: auto;
  1034. display: flex;
  1035. justify-content: center;
  1036. align-items: center;
  1037. flex-wrap: wrap;
  1038. gap: 15px;
  1039. overflow: hidden;
  1040. width: 100% !important;
  1041. padding: 35px 10px;
  1042. }
  1043.  
  1044. .woocommerce-MyAccount-navigation li {
  1045. margin: 0;
  1046. flex: 0 0 150px;
  1047. text-align: center;
  1048. }
  1049.  
  1050. .wpcf7 input[type="text"]::placeholder,
  1051. .wpcf7 input[type="email"]::placeholder,
  1052. .wpcf7 input[type="tel"]::placeholder,
  1053. .wpcf7 input[type="url"]::placeholder,
  1054. .wpcf7 input[type="password"]::placeholder,
  1055. .wpcf7 textarea::placeholder {
  1056. font-size: 15px;
  1057. color: #333 !important;
  1058. }
  1059.  
  1060. .wpcf7-form .wpcf7-text {
  1061. font-size: 16px !important;
  1062. }
  1063.  
  1064. .woocommerce-MyAccount-navigation a {
  1065. text-decoration: none;
  1066. color: inherit;
  1067. padding: 10px 15px;
  1068. display: block;
  1069. border-bottom: 2px solid transparent;
  1070. white-space: nowrap;
  1071. }
  1072.  
  1073. .woocommerce-MyAccount-navigation .is-active a {
  1074. font-weight: 500;
  1075. color: #fff !important;
  1076. }
  1077.  
  1078. .page-id-38403 #main {
  1079. padding-top: 0;
  1080. }
  1081.  
  1082. .avada-cart-actions, .fusion-footer-widget-area.fusion-widget-area, .from {
  1083. display: none !important;
  1084. }
  1085.  
  1086. .wpcf7-form.init {
  1087. text-align: left;
  1088. }
  1089.  
  1090. .wpcf7-submit {
  1091. text-align: center;
  1092. margin: auto !important;
  1093. display: block !important;
  1094. width: 300px !important;
  1095. }
  1096.  
  1097. .cf7sr-g-recaptcha {
  1098. display: flex;
  1099. justify-content: center;
  1100. }
  1101.  
  1102. .page-numbers.current {
  1103. font-size: 18px;
  1104. height: 30px;
  1105. width: 30px;
  1106. }
  1107.  
  1108. .woocommerce-pagination .next, .woocommerce-pagination .page-numbers,
  1109. .woocommerce-pagination .prev, .woocommerce-pagination--without-numbers .woocommerce-button {
  1110. font-size: 15px;
  1111. }
  1112.  
  1113. .page-numbers {
  1114. border-radius: 5px !important;
  1115. border-color: #007bff !important;
  1116. }
  1117.  
  1118. .woocommerce-pagination {
  1119. margin-top: 0px;
  1120. margin-bottom: 20px;
  1121. }
  1122.  
  1123. bdi {
  1124. color: #222;
  1125. font-weight: 500;
  1126. }
  1127.  
  1128. .woocommerce #customer_login .login .woocommerce-LostPassword {
  1129. display: flex;
  1130. justify-content: center;
  1131. margin: 10px auto;
  1132. }
  1133.  
  1134. .background {
  1135. background: url(https://staging.design-gecko.com/wp-content/uploads/2024/08/bg_dark.webp);
  1136. }
  1137.  
  1138. .fusion-widget-cart-number {
  1139. color: #fff;
  1140. }
  1141.  
  1142. #menu-item-112852:hover {
  1143. background: transparent;
  1144. transition: none;
  1145. }
  1146.  
  1147. .u-column1.col-1 h2, .u-column2.col-2 h2 {
  1148. border: 0px !important;
  1149. text-align: center;
  1150. }
  1151.  
  1152. .page-id-23453 .fusion-header .fusion-logo,
  1153. .page-id-23454 .fusion-header .fusion-logo {
  1154. margin: 15px;
  1155. }
  1156.  
  1157. .showlogin {
  1158. display: block;
  1159. text-decoration: underline;
  1160. }
  1161.  
  1162. .fusion-header {
  1163. box-shadow:0 2px 8px 1px rgba(0, 0, 0, 0.15) !important;
  1164. position: fixed;
  1165. }
  1166.  
  1167. #main {
  1168. margin-top: 7.875rem;
  1169. background: url('https://staging.design-gecko.com/wp-content/uploads/2024/08/body_bg.webp') no-repeat center center;
  1170. background-size: cover;
  1171. background-attachment: fixed;
  1172. }
  1173.  
  1174. .checkout-button::after {
  1175. content: '»';
  1176. color: #fff;
  1177. font-size: 22px;
  1178. position: absolute;
  1179. margin-left: 185px;
  1180. top: 10px !important;
  1181. }
  1182.  
  1183. .continue-shopping::before {
  1184. content: '«';
  1185. color: #007bff;
  1186. font-size: 22px;
  1187. position: absolute;
  1188. margin-left: -13px;
  1189. top: 11px;
  1190. }
  1191.  
  1192. .fusion-custom-menu-item-contents.fusion-menu-cart-items {
  1193. display: none;
  1194. }
  1195.  
  1196. .woocommerce-MyAccount-navigation ul li a,
  1197. .woocommerce-side-nav li a {
  1198. border-bottom: 0px;
  1199. padding: 5px 10px;
  1200. }
  1201.  
  1202. .woocommerce-MyAccount-navigation-link.is-active,
  1203. .woocommerce-MyAccount-navigation-link:hover {
  1204. border-radius: 5px !important;
  1205. font-weight: 500;
  1206. background: #007bff;
  1207. color: #fff !important;
  1208. border: 2px solid #007bff !important;
  1209. }
  1210.  
  1211. .woocommerce-MyAccount-navigation-link {
  1212. border-radius: 5px !important;
  1213. border: 2px solid #626262;
  1214. min-width: 190px !important;
  1215. }
  1216.  
  1217. .avada-woocommerce-myaccount-heading {
  1218. text-align: center;
  1219. width: fit-content;
  1220. padding: 0px 40px;
  1221. margin: auto;
  1222. border-bottom: 1px solid #222 !important;
  1223. }
  1224.  
  1225. .design-item {
  1226. flex: 1 1 calc(30% - 20px);
  1227. max-width: 300px;
  1228. text-align: center;
  1229. background: #fff;
  1230. padding: 25px 10px 00px 10px;
  1231. border-radius: 5px;
  1232. box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  1233. transition: transform 0.3s, box-shadow 0.3s;
  1234. box-sizing: border-box;
  1235. }
  1236.  
  1237. .fusion-main-menu .fusion-dropdown-menu .sub-menu li a:hover {
  1238. text-decoration: underline;
  1239. font-weight: 500;
  1240. }
  1241.  
  1242. #billing_address_2 {
  1243. display: none;
  1244. }
  1245.  
  1246. .avada-checkout-no-shipping,
  1247. .avada-checkout-no-shipping input,
  1248. #select2-billing_country-container {
  1249. font-size: 16px;
  1250. }
  1251.  
  1252. .continue-shopping {
  1253. background: #fff !important;
  1254. color: #007bff !important;
  1255. border: 2px solid #007bff !important;
  1256. }
  1257.  
  1258. .continue-shopping:hover {
  1259. background: #007bff !important;
  1260. color: #fff !important;
  1261. border: 2px solid #007bff !important;
  1262. transition: 0.5s !important;
  1263. }
  1264.  
  1265. .checkout-button {
  1266. border: 2px solid #007bff !important;
  1267. }
  1268.  
  1269. #menu-item {
  1270. background: transparent !important;
  1271. }
  1272.  
  1273. .woocommerce-Button.wc-forward.button, .edit {
  1274. display: block;
  1275. text-decoration: underline;
  1276. width: fit-content;
  1277. margin: auto;
  1278. }
  1279.  
  1280. .button.delete, .page-id-23455 .button {
  1281. font-weight: 500;
  1282. text-decoration: underline;
  1283. }
  1284.  
  1285. .button.delete:hover, .page-id-23455 .button:hover {
  1286. color: #007bff;
  1287. }
  1288.  
  1289. .page-id-23455 .woocommerce-Address-title.title h3 {
  1290. display: none;
  1291. }
  1292.  
  1293. .woocommerce-message {
  1294. background: #007bffd6;
  1295. color: #fff;
  1296. padding: 10px 80px;
  1297. border-radius: 5px;
  1298. border: 2px solid #007bff;
  1299. width: fit-content;
  1300. margin: auto;
  1301. }
  1302.  
  1303. .edit {
  1304. margin: 0px;
  1305. }
  1306.  
  1307. address, .u-column1.col-1.woocommerce-Address {
  1308. width: fit-content;
  1309. margin: auto;
  1310. text-align: left;
  1311. }
  1312.  
  1313. .woocommerce-MyAccount-content a {
  1314. color: #222;
  1315. font-weight: 500;
  1316. }
  1317.  
  1318. .edit:hover, .woocommerce-Button.wc-forward.button:hover {
  1319. color: #007bff;
  1320. }
  1321.  
  1322. .woocommerce-MyAccount-navigation-link a {
  1323. color: #626262;
  1324. background: transparent !important;
  1325. }
  1326.  
  1327. .woocommerce-MyAccount-navigation-link a:hover {
  1328. color: #fff;
  1329. background: #007bff !important;
  1330. }
  1331.  
  1332. .fusion-custom-menu-item.fusion-menu-cart.fusion-main-menu-cart.fusion-widget-cart-counter a:hover,
  1333. .fusion-main-menu .fusion-main-menu-search a:hover {
  1334. transform: scale(1.2);
  1335. transition: 0.3s;
  1336. }
  1337.  
  1338. .page-id-38403 .width-100 .fusion-fullwidth,
  1339. .page-id-23454 html:not(.avada-has-site-width-percent) #main,
  1340. .page-id-23453 html:not(.avada-has-site-width-percent) #main {
  1341. --awb-padding-right: 0px !important;
  1342. --awb-padding-left: 0px !important;
  1343. padding: 0px !important;
  1344. }
  1345.  
  1346. .fusion-copyright-notice a {
  1347. padding: 20px;
  1348. }
  1349.  
  1350. #footer {
  1351. padding-bottom: 0;
  1352. }
  1353.  
  1354. .post-24769, .page-id-23454 li, .page-id-23453 li, .page-id-23453 #footer,
  1355. .page-id-23454 #footer, .coupon, .cart_totals h2, .avada-myaccount-user,
  1356. .woocommerce-content-box.full-width.checkout_coupon,
  1357. .fusion-button.button-default.fusion-button-default-size.button.fusion-update-cart,
  1358. .recurring-totals, .product-subtotal, .product-quantity {
  1359. display: none !important;
  1360. }
  1361.  
  1362. .woocommerce-billing-fields.avada-select h3, #order_review_heading {
  1363. border: 0px;
  1364. }
  1365.  
  1366. .shop_table .product-thumbnail img {
  1367. border-radius: 5px;
  1368. box-shadow: 2px 2px 5px #00000091;
  1369. }
  1370.  
  1371. .woocommerce-cart-form__cart-item.cart_item, .cart_item {
  1372. border-bottom: 1px solid #eeeeee7d !important;
  1373. }
  1374.  
  1375. #customer_details .col-1 {
  1376. border: 0px !important;
  1377. padding: 0px !important;
  1378. }
  1379.  
  1380. .woocommerce-cart-form__contents tbody .woocommerce-cart-form__cart-item.cart_item:nth-last-of-type(2) {
  1381. border-bottom: 0px !important;
  1382. }
  1383.  
  1384. .page-id-23454 .fusion-middle-logo-menu-logo,
  1385. .page-id-23453 .fusion-middle-logo-menu-logo {
  1386. display: block !important;
  1387. }
  1388.  
  1389. .shop_table .product-subtotal .amount, .remove {
  1390. color: var(--body_typography-color);
  1391. }
  1392.  
  1393. .woocommerce-content-box,
  1394. .cart_totals.calculated_shipping,
  1395. .shop_table tr,
  1396. .fusion-body .woocommerce-content-box h2 {
  1397. border: 0;
  1398. text-align: center;
  1399. padding: 0px;
  1400. }
  1401.  
  1402. .cart_totals.calculated_shipping {
  1403. border-top: 2px solid #eeeeee7d;
  1404. }
  1405.  
  1406. .fusion-product-name-wrapper .product-info {
  1407. text-align: center;
  1408. margin: auto;
  1409. display: flex;
  1410. justify-content: center;
  1411. }
  1412.  
  1413. .page-id-23454 form.checkout .shop_table tbody .product-thumbnail,
  1414. .page-id-23454 #main .fusion-row {
  1415. max-width: 100%;
  1416. }
  1417.  
  1418. form.checkout .shop_table tbody .product-thumbnail {
  1419. width: 200px;
  1420. }
  1421.  
  1422. .fusion-button.button-default.fusion-button-default-size.button.checkout-button.alt.wc-forward {
  1423. width: 100%;
  1424. }
  1425.  
  1426. .woocommerce-info {
  1427. text-align: center;
  1428. margin-bottom: 20px;
  1429. }
  1430.  
  1431. .page-id-23454 .woocommerce-content-box {
  1432. margin: 0;
  1433. }
  1434.  
  1435. .shop_table_responsive.woocommerce-cart-form__contents .product-remove a {
  1436. position: absolute;
  1437. float: none;
  1438. line-height: 0px;
  1439. }
  1440.  
  1441. .shop_table .product-remove a {
  1442. font-size: 0px;
  1443. }
  1444.  
  1445. .shop_table_responsive.woocommerce-cart-form__contents .product-remove a::before {
  1446. font-size: 14px;
  1447. content: 'Remove';
  1448. position: absolute;
  1449. right: 20px;
  1450. text-decoration: underline;
  1451. }
  1452.  
  1453. .woocommerce-message, .product-name, .page-id-23454 h3 {
  1454. text-align: center;
  1455. }
  1456.  
  1457. #payment {
  1458. text-align: right;
  1459. }
  1460.  
  1461. .ppc-button-wrapper {
  1462. display: flex;
  1463. justify-content: center;
  1464. transform: scale(1.3);
  1465. padding: 10px;
  1466. }
  1467.  
  1468. .page-id-23453 .fusion-main-menu > ul > li,
  1469. .page-id-23454 .fusion-main-menu > ul > li {
  1470. padding: 0px !important;
  1471. }
  1472.  
  1473. .page-id-23454 .fusion-main-menu.fusion-main-menu-sticky,
  1474. .page-id-23453 .fusion-main-menu.fusion-main-menu-sticky {
  1475. margin: auto;
  1476. }
  1477.  
  1478. .page-id-23453 .fusion-flyout-menu-icons.fusion-flyout-mobile-menu-icons,
  1479. .page-id-23454 .fusion-flyout-menu-icons.fusion-flyout-mobile-menu-icons {
  1480. display: none !important;
  1481. }
  1482.  
  1483. .cart-subtotal.recurring-total,
  1484. .tax-rate.tax-rate-at-vat-at-1.recurring-total {
  1485. display: none;
  1486. }
  1487.  
  1488. .page-id-23453 .fusion-footer, .page-id-23454 .fusion-footer {
  1489. display: none;
  1490. }
  1491.  
  1492. .fusion-footer-copyright-area a {
  1493. text-decoration: underline;
  1494. }
  1495.  
  1496. .shop_table_responsive.woocommerce-cart-form__contents .product-thumbnail,
  1497. .shop_table_responsive.woocommerce-cart-form__contents .product-thumbnail img,
  1498. .page-id-23454 .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail,
  1499. .page-id-23453 .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  1500. width: 200px;
  1501. }
  1502.  
  1503. .product-title a {
  1504. color: #222;
  1505. }
  1506.  
  1507. .archive #main .fusion-row {
  1508. max-width: 90%;
  1509. }
  1510.  
  1511. .cart-loading {
  1512. display: none !important;
  1513. }
  1514.  
  1515. .fusion-product-wrapper img {
  1516. transition: transform 0.6s;
  1517. }
  1518.  
  1519. .fusion-product-wrapper img:hover {
  1520. transform: scale(1.05);
  1521. }
  1522.  
  1523. .fusion-product-wrapper {
  1524. border: 0px !important;
  1525. }
  1526.  
  1527. .product:hover .product-title a {
  1528. color: #007bff;
  1529. }
  1530.  
  1531. .fusion-image-wrapper.fusion-image-size-fixed {
  1532. border-radius: 10px;
  1533. }
  1534.  
  1535. .woocommerce-container .product-title {
  1536. padding-bottom: 5px;
  1537. }
  1538.  
  1539. .cart_totals {
  1540. border: 0px;
  1541. border-top: 1px solid;
  1542. }
  1543.  
  1544. .shop_table {
  1545. margin-top: 20px;
  1546. }
  1547.  
  1548. .page-id-23454 {
  1549. max-width: max-content;
  1550. margin: auto;
  1551. }
  1552.  
  1553. .page-id-23453 .woocommerce-message {
  1554. display: none !important;
  1555. }
  1556.  
  1557. .onsale {
  1558. left: -2%;
  1559. top: -3%;
  1560. }
  1561.  
  1562. .product-title {
  1563. font-size: 1.1em !important;
  1564. white-space: nowrap;
  1565. overflow: hidden;
  1566. text-overflow: ellipsis;
  1567. width: 100%;
  1568. display: block;
  1569. }
  1570.  
  1571. .product-template-default #main {
  1572. padding: 1em 10em!important;
  1573. }
  1574.  
  1575. @media (min-width: 769px) and (max-width: 1400px) {
  1576.  
  1577. .product-template-default #main {
  1578. padding: 20px!important;
  1579. }
  1580. }
  1581.  
  1582. @media (max-width: 1060px) {
  1583. .product .entry-summary .summary-container {
  1584. float: right;
  1585. width: 100%!important;
  1586. max-width: 100%!important;
  1587. }
  1588. .product .avada-product-images-global .woocommerce-product-gallery {
  1589. float: unset;
  1590. }
  1591. .product-template-default #main {
  1592. padding: 0!important;
  1593. }
  1594.  
  1595. .cart {
  1596. bottom: 0;
  1597. z-index: 99;
  1598. width: 100%;
  1599. left: 0;
  1600. background: #fff;
  1601. padding: 20px;
  1602. margin-bottom: 0px !important;
  1603. box-shadow: 0 10px 50px -2px rgba(0, 0, 0, .14) !important;
  1604. border-top: 2px solid #cccccc40;
  1605. }
  1606.  
  1607. .product-content {
  1608. width: 100%;
  1609. padding: 0px;
  1610. }
  1611.  
  1612. .product {
  1613. position: relative;
  1614. width: 90%;
  1615. margin: auto;
  1616. }
  1617.  
  1618. .avada-has-woo-gallery-disabled .product .entry-summary .summary-container {
  1619. margin-top: 0px;
  1620. }
  1621.  
  1622. .woocommerce-product-gallery__image {
  1623. margin: auto;
  1624. text-align: center;
  1625. padding: 0px;
  1626. margin: 0px !important;
  1627. }
  1628.  
  1629. #wrapper .product .summary.entry-summary {
  1630. float: none;
  1631. width: 100% !important;
  1632. margin: auto!important;
  1633. }
  1634.  
  1635. #wrapper .product .avada-product-images-global {
  1636. margin: auto!important;
  1637. float: unset!important;
  1638. }
  1639. }
  1640.  
  1641.  
  1642. @media (min-width: 948px) and (max-width: 1100px) {
  1643. .wc-proceed-to-checkout {
  1644. display: block;
  1645. }
  1646. }
  1647.  
  1648. @media (min-width: 768px) and (max-width: 900px) {
  1649. .fusion-product-name-wrapper .product-info {
  1650. font-size: 15px;
  1651. width: 40%;
  1652. }
  1653.  
  1654. .page-id-23454 .product-info {
  1655. font-size: unset !important;
  1656. }
  1657.  
  1658. .product-price span {
  1659. text-align: left;
  1660. float: left;
  1661. }
  1662.  
  1663. .product-price {
  1664. font-size: 15px;
  1665. }
  1666.  
  1667. .shop_table_responsive.woocommerce-cart-form__contents .product-remove a {
  1668. position: unset;
  1669. }
  1670.  
  1671. .shop_table_responsive.woocommerce-cart-form__contents .product-remove a::before {
  1672. margin-top: 15px;
  1673. }
  1674. }
  1675.  
  1676. @media (min-width: 1024px) and (max-width: 1408px) {
  1677. .products.products-4 .product-grid-view {
  1678. width: 25% !important;
  1679. }
  1680. }
  1681.  
  1682. @media (max-width: 1023px) {
  1683. .page-id-43237 #main {
  1684. margin-top: 5em;
  1685. }
  1686. }
  1687.  
  1688. @media (min-width: 768px) and (max-width: 1023px) {
  1689. .products.products-4 .product-grid-view {
  1690. width: 33% !important;
  1691. }
  1692.  
  1693. .archive #main .fusion-row {
  1694. max-width: 100%;
  1695. }
  1696.  
  1697. .archive #main {
  1698. margin-top: 6rem;
  1699. }
  1700.  
  1701. .page-id-105807 #main {
  1702. margin-top: 4.5rem;
  1703. }
  1704.  
  1705. .onsale {
  1706. left: -4%;
  1707. top: -5%;
  1708. }
  1709.  
  1710. .page-id-23454 .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail,
  1711. .page-id-23453 .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  1712. width: 150px;
  1713. }
  1714.  
  1715. .fusion-header .fusion-logo {
  1716. margin: 10px;
  1717. }
  1718.  
  1719. .page-id-23454, .page-id-23453 {
  1720. max-width: 100%;
  1721. margin: auto;
  1722. }
  1723. }
  1724.  
  1725. @media (width: 768px) {
  1726. .shop_table_responsive.woocommerce-cart-form__contents tbody tr {
  1727. position: relative;
  1728. padding: 25px 0;
  1729. height: auto;
  1730. display: flex;
  1731. justify-content: center;
  1732. align-items: center;
  1733. }
  1734.  
  1735. .page-id-23454 .product-info {
  1736. font-size: unset !important;
  1737. }
  1738.  
  1739. .shop_table_responsive.woocommerce-cart-form__contents .product-info {
  1740. margin-top: auto;
  1741. }
  1742.  
  1743. .product-price {
  1744. text-align: center !important;
  1745. width: 65% !important;
  1746. }
  1747.  
  1748. .fusion-product-name-wrapper {
  1749. float: left;
  1750. }
  1751.  
  1752. .shop_table_responsive.woocommerce-cart-form__contents .fusion-product-name-wrapper {
  1753. display: flex;
  1754. align-items: center;
  1755. justify-content: center;
  1756. }
  1757.  
  1758. .shop_table_responsive.woocommerce-cart-form__contents .product-remove {
  1759. top: auto;
  1760. }
  1761. }
  1762.  
  1763. @media (min-width: 768px) {
  1764. .cart_totals.calculated_shipping th {
  1765. text-align: right;
  1766. }
  1767.  
  1768. #order_review tfoot th {
  1769. text-align: right;
  1770. }
  1771. }
  1772.  
  1773. @media (max-width: 767px) {
  1774. .products li.product-grid-view {
  1775. width: var(--awb-columns-small, 33%) !important;
  1776. }
  1777.  
  1778. .whats-included .step {
  1779. width: 47%;
  1780. }
  1781.  
  1782. .related .product-title {
  1783. margin-top: 0px;
  1784. font-size: 1.2em !important;
  1785. margin-bottom: 0px;
  1786. }
  1787.  
  1788. .product .woocommerce-container .product-title {
  1789. padding-bottom: 5px;
  1790. font-size: 1.5em !important;
  1791. white-space: unset;
  1792. width: 95%;
  1793. }
  1794.  
  1795. .related.products {
  1796. margin: 20px 10px 0px 10px;
  1797. }
  1798.  
  1799. .image-showcase {
  1800. width: 100%;
  1801. padding: 20px 0px 5px 0px;
  1802. background: #fff;
  1803. text-align: center;
  1804.  
  1805. }
  1806.  
  1807. .design-item {
  1808. flex: 1 1 calc(47%);
  1809. }
  1810.  
  1811. .steps {
  1812. margin-bottom: 0px !important;
  1813. }
  1814.  
  1815. .how-to-use .step, .whats-included .step {
  1816. margin-bottom: 0px;
  1817. }
  1818.  
  1819. .whats-included li {
  1820. font-size: 0.9em;
  1821. }
  1822.  
  1823. .whats-included li {
  1824. display: block;
  1825. margin-bottom: 20px;
  1826. }
  1827.  
  1828. .woocommerce-tabs .panel {
  1829. padding: 0px!important;
  1830. }
  1831.  
  1832. .product {
  1833. width: 100%;
  1834. }
  1835.  
  1836. .faqs h3 {
  1837. font-size: 1em;
  1838. color: #333;
  1839. margin-bottom: 5px;
  1840. }
  1841.  
  1842. #wrapper .product .woocommerce-product-gallery {
  1843. float: none;
  1844. width: 90% !important;
  1845. margin: auto!important;
  1846. }
  1847.  
  1848.  
  1849.  
  1850. .woocommerce .login .form-row {
  1851. float: none !important;
  1852. margin: auto;
  1853. text-align: center !important;
  1854. align-items: center;
  1855. }
  1856.  
  1857. .onsale {
  1858. position: absolute;
  1859. top: -3%;
  1860. left: -6%;
  1861. font-size: 14px;
  1862. }
  1863.  
  1864. #post-43237 {
  1865. width: 90%;
  1866. margin: auto;
  1867. }
  1868.  
  1869. #place_order {
  1870. float: none !important;
  1871. text-align: center;
  1872. }
  1873.  
  1874. .shop_table_responsive.woocommerce-cart-form__contents tbody td {
  1875. text-align: left;
  1876. }
  1877.  
  1878. .shop_table_responsive.woocommerce-cart-form__contents tbody tr {
  1879. display: flex;
  1880. position: relative;
  1881. padding: 25px 0;
  1882. height: auto;
  1883. justify-content: center;
  1884. align-items: center;
  1885. }
  1886.  
  1887. .shop_table_responsive.woocommerce-cart-form__contents .product-remove {
  1888. display: flex;
  1889. }
  1890.  
  1891. .shop_table_responsive.woocommerce-cart-form__contents .product-remove a {
  1892. top: 518%;
  1893. left: -25%;
  1894. }
  1895.  
  1896. .shop_table_responsive.woocommerce-cart-form__contents {
  1897. display: flex;
  1898. flex-direction: column;
  1899. align-items: flex-start;
  1900. }
  1901.  
  1902. .fusion-product-name-wrapper {
  1903. text-align: center;
  1904. }
  1905.  
  1906. .wc-proceed-to-checkout {
  1907. display: flex !important;
  1908. justify-content: center;
  1909. gap: 10px;
  1910. margin: 0px auto 10px;
  1911. align-items: center;
  1912. flex-direction: row;
  1913. }
  1914.  
  1915. .page-id-23454 {
  1916. max-width: 95%;
  1917. margin: auto;
  1918. }
  1919.  
  1920. .fusion-button.button-default.fusion-button-default-size.button.checkout-button.alt.wc-forward {
  1921. width: 100%;
  1922. text-align: center;
  1923. }
  1924.  
  1925. .cart_totals.calculated_shipping {
  1926. padding: 0px 20px;
  1927. }
  1928.  
  1929. .cart_totals table th {
  1930. text-align: left;
  1931. }
  1932.  
  1933. .fusion-middle-logo-menu-logo.fusion-logo {
  1934. margin: 10px;
  1935. }
  1936.  
  1937. .shop_table_responsive.woocommerce-cart-form__contents .product-thumbnail,
  1938. .shop_table_responsive.woocommerce-cart-form__contents .product-thumbnail img,
  1939. .page-id-23454 .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail,
  1940. .page-id-23453 .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  1941. max-width: 80% !important;
  1942. width: 80% !important;
  1943. }
  1944.  
  1945. #main {
  1946. padding: 0px !important;
  1947. }
  1948.  
  1949. .page-id-105807 #main {
  1950. padding: 0px 10px !important;
  1951. margin-top: 4.5em;
  1952. }
  1953.  
  1954. form.checkout .shop_table tfoot th {
  1955. padding-right: 0px;
  1956. width: 100%;
  1957. text-align: left;
  1958. }
  1959.  
  1960. .form-row.place-order {
  1961. text-align: center;
  1962. }
  1963.  
  1964. .product-name {
  1965. text-align: left;
  1966. }
  1967.  
  1968. #customer_details h3 {
  1969. margin: 0px auto 20px !important;
  1970. }
  1971.  
  1972. .wc-proceed-to-checkout {
  1973. display: flex;
  1974. flex-direction: row;
  1975. justify-content: center;
  1976. align-items: center;
  1977. gap: 10px;
  1978. }
  1979.  
  1980. .wc-proceed-to-checkout .fusion-button {
  1981. order: 2;
  1982. }
  1983.  
  1984. .wc-proceed-to-checkout .fusion-button[href="/shop"] {
  1985. order: 1;
  1986. }
  1987. }
  1988.  
  1989. @media (min-width: 701px) and (max-width: 767px) {
  1990. tbody {
  1991. width: 100%;
  1992. }
  1993.  
  1994. #order_review tfoot th {
  1995. text-align: right;
  1996. }
  1997.  
  1998. .shop_table.shop_table_responsive th {
  1999. text-align: right !important;
  2000. }
  2001.  
  2002. .product-title {
  2003. width: 100%;
  2004. font-size: 95% !important;
  2005. }
  2006.  
  2007. .shop_table_responsive.woocommerce-cart-form__contents tbody td {
  2008. display: block;
  2009. padding: 10px 0;
  2010. width: 40%;
  2011. text-align: left !important;
  2012. }
  2013.  
  2014. .product-price {
  2015. font-size: 14px !important;
  2016. text-align: center !important;
  2017. }
  2018.  
  2019. .shop_table_responsive.woocommerce-cart-form__contents .product-remove {
  2020. top: 14px;
  2021. }
  2022.  
  2023. .shop_table_responsive.woocommerce-cart-form__contents .product-remove a::before {
  2024. right: 0px;
  2025. }
  2026.  
  2027. .shop_table_responsive.woocommerce-cart-form__contents .fusion-product-name-wrapper {
  2028. display: flex;
  2029. }
  2030.  
  2031. .shop_table_responsive.woocommerce-cart-form__contents .product-info {
  2032. margin-top: auto;
  2033. }
  2034.  
  2035. .shop_table_responsive.woocommerce-cart-form__contents .product-remove a::before {
  2036. top: -50px !important;
  2037. }
  2038.  
  2039. .shop_table_responsive.woocommerce-cart-form__contents .product-thumbnail {
  2040. max-width: 150px !important;
  2041. width: 150px !important;
  2042. }
  2043. }
  2044.  
  2045. @media (min-width: 768px) {
  2046. .continue-shopping.fusion-button.button-default.fusion-button-default-size.button.alt.wc-forward {
  2047. margin-top: 10px !important;
  2048. }
  2049.  
  2050. .fusion-button.button-default.fusion-button-default-size.button.checkout-button.alt.wc-forward {
  2051. order: 1;
  2052. }
  2053. }
  2054.  
  2055. @media (max-width: 700px) {
  2056. .shop_table_responsive.woocommerce-cart-form__contents .product-remove a {
  2057. top: 0;
  2058. right: 0;
  2059. position: unset;
  2060. }
  2061.  
  2062. .whats-included li {
  2063. font-size: 15px;
  2064. }
  2065.  
  2066. .fusion-footer-copyright-area a {
  2067. display: inline-block;
  2068. width: 49%;
  2069. padding: 5px;
  2070. text-decoration: underline;
  2071. }
  2072.  
  2073. #footer {
  2074. padding: 5px !important;
  2075. }
  2076.  
  2077. .shop_table_responsive.woocommerce-cart-form__contents tbody td {
  2078. padding: 30px 0px;
  2079. }
  2080.  
  2081. tbody {
  2082. text-align: center;
  2083. margin: auto;
  2084. }
  2085.  
  2086. .shop_table_responsive.woocommerce-cart-form__contents .product-remove a:before {
  2087. display: none;
  2088. }
  2089.  
  2090. .shop_table_responsive.woocommerce-cart-form__contents .product-remove a:hover {
  2091. border-color: #007bff !important;
  2092. transition: 0.4s;
  2093. box-shadow: 0px 0px 10px #007bff4d;
  2094. }
  2095.  
  2096. .shop_table_responsive.woocommerce-cart-form__contents .product-remove a {
  2097. top: -5px;
  2098. left: -66px;
  2099. position: absolute;
  2100. font-size: 20px;
  2101. background: #fff;
  2102. border: 1px solid #00000091;
  2103. height: 25px;
  2104. width: 25px;
  2105. text-align: center;
  2106. margin: 0px;
  2107. display: flex;
  2108. justify-content: center;
  2109. align-items: center;
  2110. border-radius: 100px;
  2111. padding: 13px 15px 15px 15px;
  2112. box-shadow: 0px 0px 10px #0000004d;
  2113. opacity: 0.9;
  2114. }
  2115.  
  2116. .shop_table_responsive.woocommerce-cart-form__contents tbody td {
  2117. width: auto;
  2118. text-align: center;
  2119. }
  2120.  
  2121. .woocommerce-cart-form__cart-item.cart_item {
  2122. padding: 0 !important;
  2123. margin: auto;
  2124. }
  2125.  
  2126. .shop_table_responsive.woocommerce-cart-form__contents tbody tr {
  2127. width: 100%;
  2128. display: block;
  2129. margin: auto;
  2130. text-align: center;
  2131. }
  2132.  
  2133. form.checkout .shop_table tbody .product-thumbnail {
  2134. width: 100px;
  2135. }
  2136.  
  2137. .product-price {
  2138. padding: 0px 0px 20px 0px !important;
  2139. }
  2140.  
  2141. .product-name {
  2142. padding-bottom: 0px !important;
  2143. }
  2144. }
  2145.  
  2146. @media (max-width: 550px) {
  2147. .wc-proceed-to-checkout {
  2148. flex-direction: column;
  2149. gap: 0;
  2150. padding: 10px;
  2151. }
  2152.  
  2153. .continue-shopping.fusion-button.button-default.fusion-button-default-size.button.alt.wc-forward {
  2154. margin-top: 0px !important;
  2155. }
  2156.  
  2157. .fusion-button.button-default.fusion-button-default-size.button.checkout-button.alt.wc-forward {
  2158. order: 1;
  2159. width: 100%;
  2160. text-align: center;
  2161. margin: 5px !important;
  2162. }
  2163. }
  2164.  
  2165. @media (max-width: 500px) {
  2166. .products li.product-grid-view {
  2167. width: var(--awb-columns-small, 50%) !important;
  2168. }
  2169. }
  2170.  
  2171. @media (max-width: 450px) {
  2172. .shop_table_responsive.woocommerce-cart-form__contents .product-remove a {
  2173. top: -5px;
  2174. left: -50px;
  2175. }
  2176.  
  2177. #wrapper .product .woocommerce-product-gallery {
  2178. width: 100%!important;
  2179. }
  2180.  
  2181. .single_product-title {
  2182. text-align: center;
  2183. display: block;
  2184. white-space: unset;
  2185. font-size: 1.6em !important;
  2186. text-align: center;
  2187. width: 95%;
  2188. margin: 20px auto;
  2189. }
  2190.  
  2191. .product-title {
  2192. margin-bottom: 0px!important;
  2193. }
  2194.  
  2195. .product-subtitle {
  2196. font-size: 1.1em;
  2197. margin-bottom: 20px;
  2198. }
  2199.  
  2200. .shop_table {
  2201. margin-bottom: 60px;
  2202. }
  2203.  
  2204. .fusion-price-rating {
  2205. font-size: 16px;
  2206. }
  2207.  
  2208. .wc-proceed-to-checkout a {
  2209. margin: 5px !important;
  2210. }
  2211.  
  2212. .wc-proceed-to-checkout {
  2213. position: fixed;
  2214. bottom: 0;
  2215. width: 100%;
  2216. left: 0;
  2217. margin: auto;
  2218. z-index: 99;
  2219. background: #fff;
  2220. box-shadow: 0 10px 50px -2px rgba(0, 0, 0, .14) !important;
  2221. border-top: 2px solid #cccccc40;
  2222. }
  2223.  
  2224. .form-row.validate-required.woocommerce-invalid.woocommerce-invalid-required-field {
  2225. margin-bottom: 48px;
  2226. }
  2227.  
  2228. .woocommerce-billing-fields__field-wrapper .form-row.validate-required.woocommerce-invalid.woocommerce-invalid-required-field {
  2229. margin-bottom: 5px;
  2230. }
  2231.  
  2232. .ppc-button-wrapper {
  2233. padding: 20px;
  2234. width: 100%;
  2235. background: white;
  2236. box-shadow: 0 10px 50px -2px rgba(0, 0, 0, .14) !important;
  2237. border-top: 2px solid #cccccc40;
  2238. }
  2239.  
  2240. .cart_totals {
  2241. padding: 5px;
  2242. }
  2243.  
  2244. .woocommerce-cart-form h2 {
  2245. font-size: 1.3em;
  2246. }
  2247.  
  2248. .woocommerce-MyAccount-navigation-link {
  2249. border-radius: 5px !important;
  2250. border: 2px solid #626262;
  2251. min-width: 47% !important;
  2252. font-size: 14px;
  2253. }
  2254.  
  2255. .page-id-23455 #main {
  2256. margin-top: 24%;
  2257. }
  2258.  
  2259. .page-id-43237 #main {
  2260. margin-top: 5em;
  2261. }
  2262.  
  2263. .fusion-widget-cart-number {
  2264. position: absolute;
  2265. left: 20px;
  2266. top: -10px;
  2267. transform: scale(0.7);
  2268. }
  2269.  
  2270. bdi {
  2271. color: #222;
  2272. font-weight: 500;
  2273. font-size: 95%;
  2274. }
  2275.  
  2276. .cart_totals {
  2277. margin-bottom: 15px;
  2278. padding: 0px 20px;
  2279. }
  2280.  
  2281. .shop_table td {
  2282. padding: 0px;
  2283. }
  2284.  
  2285. .page-id-23454 .woocommerce-content-box.full-width {
  2286. padding: 0 15px;
  2287. }
  2288.  
  2289. .product-total {
  2290. font-size: 17px;
  2291. }
  2292.  
  2293. .products li.product-grid-view {
  2294. width: var(--awb-columns-small, 50%) !important;
  2295. }
  2296.  
  2297. .product-title {
  2298. font-size: 1.1em !important;
  2299. white-space: nowrap;
  2300. overflow: hidden;
  2301. text-overflow: ellipsis;
  2302. width: 100%;
  2303. display: block;
  2304. }
  2305.  
  2306. .product .product-title a {
  2307. color: #222;
  2308. font-size: 0.9em !important;
  2309. }
  2310.  
  2311. .woocommerce-terms-and-conditions-wrapper {
  2312. margin-bottom: 40px !important;
  2313. }
  2314.  
  2315. .wc-proceed-to-checkout {
  2316. flex-direction: column;
  2317. gap: 0;
  2318. padding: 10px;
  2319. }
  2320.  
  2321. .fusion-button.button-default.fusion-button-default-size.button.checkout-button.alt.wc-forward {
  2322. width: 100%;
  2323. text-align: center;
  2324. margin: 5px !important;
  2325. }
  2326.  
  2327.  
  2328. .product-title {
  2329. font-size: 1.1em !important;
  2330. }
  2331. }
  2332.  
  2333. @media (max-width: 400px) {
  2334. .product-template-default #main {
  2335. margin-top: 5.5rem;
  2336. }
  2337.  
  2338. .design-item p {
  2339. font-size: 1rem;
  2340. width: 90%;
  2341. margin: 0px auto;
  2342. }
  2343. }
  2344. }
  2345.  
  2346. .faq-answer {
  2347. max-height: 0; /* Initial max-height for closed state */
  2348. overflow: hidden; /* Hide overflowing content */
  2349. transition: max-height 0.3s ease; /* Smooth transition for height */
  2350. }
  2351. .faq-item.open .faq-answer {
  2352. max-height: 500px; /* Large enough value to accommodate the content */
  2353. overflow: visible; /* Show the content when expanded */
  2354. }
  2355.  
  2356. /* Media query for tablets and smaller screens */
  2357. @media (max-width: 768px) {
  2358. .cards {
  2359. width: calc(50% - 1rem); /* Two cards per row on smaller screens */
  2360. }
  2361. }
  2362.  
  2363. /* Media query for mobile devices */
  2364. @media (max-width: 480px) {
  2365. .cards {
  2366. width: calc(100% - 1rem); /* Single card per row on very small screens */
  2367. }
  2368. }
  2369.  
  2370.  
  2371.  
  2372. @media (max-width: 710px) {
  2373. .container.slider-top {
  2374. margin-top: -15%!importAnT;
  2375. }
  2376. }
  2377.  
  2378. @media (max-width: 600px) {
  2379. .arrow {
  2380. display: block !important;
  2381. padding: 10px;
  2382. }
  2383.  
  2384. .workflow-container.container-2 {
  2385. padding-top: 0px;
  2386. }
  2387. .feature h3 {
  2388. font-weight: 100;
  2389. font-size: 1.3rem;
  2390. }
  2391.  
  2392. .feature p {
  2393. text-align: left;
  2394. }
  2395.  
  2396. }
  2397.  
  2398.  
  2399. @media (max-width: 480px) {
  2400. .accordion-button {
  2401. font-size: 1rem!important;
  2402. }
  2403.  
  2404. .accordion-button.collapsed {
  2405. font-size: 1rem!important;
  2406. }
  2407.  
  2408. .accordion-item button {
  2409. font-size: 1rem;
  2410. }
  2411. }
  2412.  
  2413. .accordion-button {
  2414. font-size: 1.2rem!important;
  2415. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!