API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 17th, 2019
2,349
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 63.74 KB | None | 0 0
raw download clone embed print report
  1. /* GENERALI */
  2.  
  3. html, body {
  4. max-width: 100%;
  5. overflow-x: hidden;
  6. }
  7.  
  8. body {
  9. font-family: 'Roboto', sans-serif;
  10. font-size: 16px;
  11. color: #000;
  12. }
  13.  
  14. h1,h2,h3,h4,h5,h6 {
  15. position:relative;
  16. font-weight:normal;
  17. margin:0px;
  18. padding: 0;
  19. background:none;
  20. line-height: 1.2;
  21. }
  22.  
  23. a {
  24. color: black;
  25. }
  26.  
  27. a:hover {
  28. color: black;
  29. text-decoration: underline;
  30. }
  31.  
  32. img {
  33. max-width: 100%;
  34. }
  35.  
  36. .form-control {
  37. outline: none !important;
  38. border-radius: 0;
  39. border-color: #dddddd;
  40. display: inline-block;
  41. font-size: 14px;
  42. }
  43.  
  44. .form-control:focus {
  45. box-shadow: none;
  46. border-color: black;
  47. }
  48.  
  49. /* HEADER */
  50. #header-navbar {
  51. position: fixed;
  52. top: 0;
  53. left: 0;
  54. right: 0;
  55. z-index: 999;
  56. background: transparent;
  57. transition: all 0.6s;
  58. padding: 10px 0;
  59. }
  60.  
  61. #header-navbar.inScrolling {
  62. top: -100px;
  63. background: white;
  64. }
  65.  
  66. #header-navbar.nav-down {top: 0;}
  67.  
  68. #header-navbar #logo {
  69. height: 76px;
  70. min-width: 160px;
  71. padding: 0;
  72. }
  73.  
  74. #header-navbar #logo img {
  75. height: 100%;
  76. width: 100%;
  77. object-fit: scale-down;
  78. }
  79.  
  80. #header-navbar #logo img.logo-mobile {
  81. display: none;
  82. }
  83.  
  84. #header-navbar .nav-item {
  85. text-transform: uppercase;
  86. }
  87.  
  88. #header-navbar .nav-item a {
  89. line-height: 40px;
  90. display: inline-block;
  91. padding: 0 15px;
  92. -webkit-font-smoothing: antialiased;
  93. -moz-osx-font-smoothing: grayscale;
  94. }
  95.  
  96. #header-navbar .nav-item.active a {
  97. background: black;
  98. color: white;
  99. padding: 0 15px;
  100. }
  101.  
  102. #header-navbar .nav-item .hamburger-menu {
  103. height: 20px;
  104. display: block;
  105. margin: 10px 0 0;
  106. opacity: 0.5;
  107. transition: all 0.6s;
  108. }
  109. #header-navbar .nav-item .hamburger-menu:hover {
  110. opacity: 1;
  111. }
  112. #header-navbar .nav-item .hamburger-menu > span {
  113. display: block;
  114. width: 25px;
  115. height: 2px;
  116. background-color: #000;
  117. transition: 0.4s;
  118. }
  119. #header-navbar .nav-item .hamburger-menu > span + span {
  120. margin-top: 6px;
  121. }
  122. #header-navbar .nav-item.with-icon + .with-icon {
  123.  
  124. }
  125.  
  126. #header-navbar .nav-item.with-icon + .with-icon:before {
  127. content: '';
  128. border-left: 1px solid black;
  129. height: 21px;
  130. }
  131.  
  132. #header-navbar .nav-item .menu-icon {
  133. width: 20px;
  134. height: 22px;
  135. position: relative;
  136. display: inline-block;
  137. }
  138.  
  139. #header-navbar .nav-item .menu-icon + span {
  140. margin-left: 0;
  141. text-transform: none;
  142. }
  143.  
  144. #header-navbar .nav-item .menu-icon > img {
  145. width: 100%;
  146. height: 100%;
  147. object-fit: contain;
  148. position: relative;
  149. top: -1px;
  150. }
  151.  
  152. #header-navbar .nav-item .menu-icon .count {
  153. position: absolute;
  154. right: -5px;
  155. bottom: -15px;
  156. background: black;
  157. color: white;
  158. width: 19px;
  159. height: 19px;
  160. line-height: 20px;
  161. text-align: center;
  162. font-size: 12px;
  163. border-radius: 50%;
  164. }
  165.  
  166. /* OFF CANVAS */
  167. .offcanvas-close {
  168. width: 30px;
  169. height: 30px;
  170. position: relative;
  171. line-height: 30px;
  172. }
  173. .offcanvas-close:before, .offcanvas-close:after {
  174. position: absolute;
  175. left: 0;
  176. right: 0;
  177. top: 0;
  178. bottom: 0;
  179. margin: auto;
  180. content: ' ';
  181. height: 15px;
  182. width: 2px;
  183. background-color: #333;
  184. }
  185. .offcanvas-close:before {
  186. transform: rotate(45deg);
  187. }
  188. .offcanvas-close:after {
  189. transform: rotate(-45deg);
  190. }
  191.  
  192. .offcanvas-content {
  193. opacity: 0;
  194. position: fixed;
  195. top: 0;
  196. height: 100%;
  197. max-width: 350px;
  198. width: 100%;
  199. background: #f4f4f4;
  200. z-index: 1000;
  201. padding: 30px;
  202. transition: all 0.5s;
  203. overflow: auto;
  204. }
  205. .offcanvas-content.open {
  206. opacity: 1;
  207. }
  208. .offcanvas-content.offcanvas-left {
  209. left: -350px;
  210. }
  211. .offcanvas-content.offcanvas-right {
  212. right: -350px;
  213. }
  214. .offcanvas-content.open.offcanvas-left {
  215. left: 0;
  216. }
  217. .offcanvas-content.open.offcanvas-right {
  218. right: 0;
  219. }
  220.  
  221. .offcanvas-content .offcanvas-header {
  222. position: relative;
  223. }
  224.  
  225. .offcanvas-content.offcanvas-left .offcanvas-header {
  226. text-align: center;
  227. }
  228.  
  229. .offcanvas-content .logo {
  230. position: absolute;
  231. bottom: 30px;
  232. text-align: center;
  233. width: 290px;
  234. }
  235. .offcanvas-content .logo img {
  236. width: 150px;
  237. }
  238. .offcanvas-content .offcanvas-header .offcanvas-title {
  239. line-height: 40px;
  240. height: 40px;
  241. margin-bottom: 20px;
  242. position: relative;
  243. font-size: 22px;
  244. }
  245.  
  246. .offcanvas-content .offcanvas-header .offcanvas-title img {
  247. width: 200px;
  248. height: auto;
  249. margin-left: 0;
  250. }
  251.  
  252. .offcanvas-content .offcanvas-header .offcanvas-icon {
  253. /* width: 20px; */
  254. height: 25px;
  255. position: relative;
  256. display: inline-block;
  257. float: left;
  258. line-height: 1;
  259. margin: 6px 29px 0 0;
  260. }
  261. .offcanvas-content .offcanvas-header .offcanvas-icon img {
  262. width: 21px;
  263. height: 21px;
  264. object-fit: contain;
  265. position: relative;
  266. top: -2px;
  267. }
  268. .offcanvas-content .offcanvas-header .offcanvas-icon .count {
  269. position: absolute;
  270. right: -5px;
  271. bottom: -7px;
  272. background: black;
  273. color: white;
  274. width: 19px;
  275. height: 19px;
  276. line-height: 20px;
  277. text-align: center;
  278. font-size: 12px;
  279. border-radius: 50%;
  280. }
  281. .offcanvas-content .offcanvas-header .offcanvas-close {
  282. position: absolute;
  283. right: 0;
  284. top: 5px;
  285. width: 30px;
  286. height: 25px;
  287. }
  288. .offcanvas-content.offcanvas-left .offcanvas-header .offcanvas-close {
  289. right: auto;
  290. left: 0;
  291. }
  292.  
  293. .offcanvas-content .offcanvas-body {
  294.  
  295. }
  296. .offcanvas-content .offcanvas-body .offcanvas-menu {
  297. display: block;
  298. margin: 0;
  299. padding: 0;
  300. list-style: none;
  301. }
  302.  
  303. .offcanvas-content .offcanvas-body .offcanvas-menu ul {
  304. margin-bottom: 0;
  305. }
  306.  
  307. .offcanvas-content .offcanvas-body .offcanvas-menu .nav-item {
  308. line-height: 50px;
  309. font-size: 17px;
  310. position: relative;
  311. margin-bottom: -1px;
  312. }
  313. .offcanvas-content .offcanvas-body .offcanvas-menu .nav-item > a {
  314. display: block;
  315. border-bottom: 1px solid #ccc;
  316. }
  317. .offcanvas-content .offcanvas-body .offcanvas-menu .nav-item.active:not(.dropdown) > a {
  318. text-decoration: underline;
  319. }
  320. .offcanvas-content .offcanvas-body .offcanvas-menu .nav-item .offcanvas-close {
  321. position: absolute;
  322. right: 0;
  323. top: 10px;
  324. transform: rotate(45deg);
  325. transition: all 0.3s;
  326. z-index: 1000000;
  327. }
  328. .offcanvas-content .offcanvas-body .offcanvas-menu .nav-item.open > a .offcanvas-close {
  329. transform: rotate(0deg);
  330. }
  331. .offcanvas-content .offcanvas-body .offcanvas-menu .sub-menu {
  332. display: none;
  333. list-style: none;
  334. padding: 0;
  335. }
  336.  
  337. .offcanvas-content .offcanvas-body .offcanvas-menu .nav-item.active > a .offcanvas-close {
  338. /* display: none; */
  339. }
  340.  
  341. .offcanvas-content .offcanvas-body .offcanvas-menu .nav-item.dropdown.active > .sub-menu,
  342. .offcanvas-content .offcanvas-body .offcanvas-menu .nav-item.open > .sub-menu {
  343. display: block;
  344. }
  345.  
  346. .offcanvas-content .offcanvas-body .offcanvas-menu .nav-item .sub-menu a {
  347. padding-left: 30px;
  348. }
  349.  
  350. .offcanvas-content .offcanvas-body .offcanvas-menu .nav-item .sub-menu .sub-menu a {
  351. padding-left: 60px;
  352. }
  353.  
  354. /* WIDGET CARRELLO */
  355. .cart_content ul {
  356. list-style: none;
  357. padding: 0;
  358. margin: 0;
  359. }
  360.  
  361. .cart_content ul > li {
  362. border-top: 2px solid #979797;
  363. padding: 15px 0;
  364. }
  365.  
  366. .cart_content ul > li .col-8 {
  367. padding-left: 0;
  368. }
  369.  
  370. .cart_content .quantity_box {
  371. position: absolute;
  372. left: 0;
  373. bottom: 0;
  374. }
  375.  
  376. .cart_content .quantita_prodotto {
  377. position: absolute;
  378. left: 0;
  379. right: 0;
  380. width: 100%;
  381. height: 100%;
  382. opacity: 0;
  383. }
  384.  
  385. .cart_content .quantity_box > span {
  386. text-align: center;
  387. display: block;
  388. font-size: 15px;
  389. }
  390.  
  391.  
  392. .cart_content .quantity_box > span > span {
  393. padding: 0 10px;
  394. }
  395.  
  396. .cart_content .quantity_box > span > b {
  397.  
  398. }
  399.  
  400. .cart_content ul > li .product_title {
  401. text-transform: uppercase;
  402. font-size: 12px;
  403. display: block;
  404. }
  405.  
  406. .cart_content ul > li .attribute {
  407. display: block;
  408. margin-top: 5px;
  409. color: #979797;
  410. }
  411.  
  412. .cart_content ul > li .detailed_attr_content {
  413.  
  414. margin: 15px 0 40px;
  415. }
  416.  
  417. .cart_content ul > li .detailed_attr {
  418. display: inline-block;
  419. margin-right: 30px;
  420. line-height: 1;
  421. margin-top: 10px;
  422. }
  423.  
  424. .cart_content ul > li .detailed_attr label {
  425. display: block;
  426. color: #9b9b9b;
  427. text-transform: uppercase;
  428.  
  429. }
  430.  
  431. .cart_content ul > li .cart-info-price {
  432. text-align: right;
  433. position: absolute;
  434. padding-right: 25px;
  435. left: 0;
  436. right: 15px;
  437. bottom: 0;
  438. }
  439.  
  440. .cart_content ul > li .cart-info-price a {
  441. position: absolute;
  442. right: 0;
  443. color: #979797;
  444. top: 0;
  445. }
  446.  
  447. .cart_content ul > li .cart-info-price a:hover {
  448. color: red;
  449. }
  450.  
  451. .cart_content .resoconto_totale {border-top: 2px solid #979797;padding-top: 30px;}
  452.  
  453. .cart_content .resoconto_totale .resoconto {
  454. font-size: 15px;
  455. text-transform: uppercase;
  456. }
  457.  
  458. .cart_content .resoconto_totale .resoconto .remove_coupon {
  459. color: red;
  460. font-size: 80%;
  461. }
  462.  
  463. .cart_content .resoconto_totale .resoconto > p {
  464. display: block;
  465. line-height: 35px;
  466. margin: 0;
  467. padding: 0 0 25px;
  468. }
  469.  
  470. .cart_content .resoconto_totale .resoconto > p > b {
  471. text-align: right;
  472. float: right;
  473. font-size: 15px;
  474. line-height: 33px;
  475. }
  476.  
  477. .cart_content .resoconto_totale .resoconto > p:last-child > b {
  478. font-size: 140%;
  479. }
  480.  
  481. .cart_content .go_checkout {
  482. display: block;
  483. text-align: center;
  484. text-transform: uppercase;
  485. text-decoration: none;
  486. }
  487.  
  488.  
  489. /* HOME SLIDER */
  490. #home-slider {
  491. min-height: 100vh;
  492. background: #dbacac;
  493. position: relative;
  494. }
  495.  
  496. #home-slider > .slide-overlay {
  497. position: absolute;
  498. top: 0;
  499. bottom: 0;
  500. left: 0;
  501. right: 0;
  502. margin: auto;
  503. z-index: 10;
  504. width: 750px;
  505. max-width: 70%;
  506. pointer-events: none;
  507. }
  508.  
  509. #home-slider .slider-content {
  510. transition: all 0.6s;
  511. opacity: 1;
  512. }
  513.  
  514. #home-slider.loading .slider-content {
  515. opacity: 0;
  516. }
  517.  
  518. #home-slider .slide.item {
  519. display: flex;
  520. align-items: center;
  521. justify-content: center;
  522. }
  523.  
  524. #home-slider .slider-content {
  525. padding: 120px 65px 100px 65px;
  526. max-width: 610px;
  527. position: relative;
  528. }
  529.  
  530. #home-slider .slider-content .slide-images {
  531.  
  532. }
  533.  
  534. #home-slider .slider-content .slide-images > img {
  535. max-width: 100%;
  536. }
  537.  
  538. #home-slider .slider-content .slide-images > img.slide-image {
  539. opacity: 0;
  540. transition: all 1.3s;
  541. }
  542.  
  543. #home-slider .active .slider-content .slide-images > img.slide-image {
  544. opacity: 1;
  545. }
  546.  
  547. #home-slider .slider-content .slide-images .slide-overlay {
  548. position: absolute;
  549. left: 0;
  550. right: 0;
  551. top: 0;
  552. bottom: 0;
  553. margin: auto;
  554. max-width: 100%;
  555. }
  556.  
  557. #home-slider .slider-content .slide-texts {
  558. position: absolute;
  559. right: -41%;
  560. top: 35%;
  561. bottom: 0;
  562. max-width: 358px;
  563. display: flex;
  564. align-items: center;
  565. justify-content: center;
  566. }
  567.  
  568. #home-slider .slider-content .slide-text .slide-title {
  569. font-family: 'Canela';
  570. font-size: 46px;
  571. line-height: 1;
  572. }
  573.  
  574. #home-slider .slider-content .slide-text .slide-buttons {
  575. text-align: left;
  576. margin-top: 15px;
  577. margin-left: 0;
  578. }
  579.  
  580. #home-slider .slider-content .slide-text .slide-buttons .slide-button {
  581. padding: 0;
  582. text-decoration: underline;
  583. }
  584.  
  585. #home-slider .owl-dots {
  586. position: absolute;
  587. left: 100px;
  588. bottom: 100px;
  589. }
  590.  
  591. #slider-dots > .item {
  592. width: 10px;
  593. height: 10px;
  594. border-radius: 50%;
  595. border: none;
  596. padding: 0;
  597. background: white;
  598. margin-right: 10px;
  599. outline: none;
  600. -webkit-appearance: none;
  601. min-width: 0px;
  602. display: inline-block;
  603. }
  604.  
  605.  
  606. #slider-dots {
  607. position: relative;
  608. top: -50px;
  609. z-index: 3;
  610. margin-bottom: -25px;
  611. }
  612.  
  613. #slider-dots > .item.active {
  614. background: black;
  615. }
  616.  
  617. #slider-scroll {
  618. position: relative;
  619. top: -42px;
  620. }
  621.  
  622. #scroll-button {
  623. position: absolute;
  624. transform: rotate(90deg);
  625. right: 0;
  626. display: block;
  627. z-index: 1;
  628. text-decoration: none;
  629. transition: all 0.2s;
  630. }
  631.  
  632. #scroll-button > span {
  633. display: block;
  634. border-bottom: 1px solid;
  635. width: 150px;
  636. padding: 10px 0;
  637. }
  638.  
  639. #scroll-button:hover {
  640. margin-top: -40px;
  641. }
  642.  
  643. /* SEZIONI */
  644. section {
  645. padding: 40px 0;
  646. position: relative;
  647. margin-bottom: 40px;
  648. }
  649.  
  650. section .section-title {
  651. font-size: 28px;
  652. margin-bottom: 5px;
  653. }
  654.  
  655. section .section-title + *:not(.section-subtitle) {
  656. margin-top: 30px;
  657. }
  658.  
  659. section .section-subtitle {
  660. text-decoration: underline;
  661. display: inline-block;
  662. margin-bottom: 30px;
  663. }
  664.  
  665. section .section-half-bg {
  666. position: absolute;
  667. left: 0;
  668. right: 0;
  669. bottom: 0;
  670. height: 50%;
  671. z-index: -1;
  672. }
  673.  
  674. section .section-half-bg.green {
  675. background: #c5cabf;
  676. padding: 120px 0;
  677. }
  678.  
  679. section .big-title {
  680. font-size: 45px;
  681. }
  682.  
  683. section .big-subtitle {
  684. font-size: 27px;
  685. }
  686.  
  687. /* CTA SECTION */
  688. section.cta-section {
  689. background-size: cover;
  690. background-position: center;
  691. min-height: 430px;
  692. margin: 0;
  693. display: flex;
  694. align-items: center;
  695. }
  696.  
  697. section.cta-section .section-title {
  698. font-family: 'Canela';
  699. font-size: 35px;
  700. margin-bottom: 15px;
  701. }
  702. section.cta-section .section-subtitle {
  703. margin: 0;
  704. }
  705.  
  706. /* COUNTDOWN */
  707. .big-countdown {
  708. font-size: 20px;
  709. }
  710.  
  711. .big-countdown > span {
  712. margin: 0 15px;
  713. }
  714.  
  715. .big-countdown > span > b {
  716. font-size: 42px;
  717. font-weight: 100;
  718. }
  719.  
  720. /* PULSANTI */
  721. [class*="btn-"] {
  722. display: inline-block;
  723. padding: 12px 20px;
  724. margin: 20px 0;
  725. font-weight: 500;
  726. min-width: 150px;
  727. text-decoration: none;
  728. position: relative;
  729. transition: all 0.2s;
  730. bottom: 0;
  731. border: none;
  732. cursor: pointer;
  733. }
  734.  
  735. .btn-white {
  736. background: white;
  737. color: black !important;
  738. }
  739.  
  740. .btn-black {
  741. background: black;
  742. color: white !important;
  743. }
  744.  
  745. .btn-cta {
  746. background: #f09433;
  747. color: white !important;
  748. }
  749.  
  750. .btn-cancel {
  751. background: #ececec;
  752. color: black;
  753.  
  754. }
  755.  
  756. [class*="btn-"]:hover {
  757. bottom: 5px;
  758. box-shadow: black 0px 10px 25px -20px;
  759. }
  760.  
  761. /* FOOTER */
  762. footer#footer {
  763. background: #f4f4f4;
  764. padding: 40px 0 30px 0;
  765. color: black;
  766. }
  767.  
  768. footer#footer h4 {
  769. font-size: 26px;
  770. margin-bottom: 30px;
  771. font-weight: 500;
  772. }
  773.  
  774. footer#footer a {
  775. transition: all 0.6s;
  776. }
  777.  
  778. footer#footer .footer-content a:hover {
  779. padding-left: 5px;
  780. }
  781.  
  782. footer#footer .footer-content > ul {
  783. list-style: none;
  784. padding: 0;
  785. text-transform: uppercase;
  786. }
  787.  
  788. footer#footer .footer-content > ul > li > a {
  789. text-decoration: underline;
  790. margin-bottom: 15px;
  791. display: block;
  792. }
  793.  
  794. footer#footer .barra_inferiore .footer_parts {
  795. margin-top: 40px;
  796. }
  797.  
  798. footer#footer .barra_inferiore .footer_parts > .copyright {
  799. text-align: left;
  800. }
  801.  
  802. footer#footer .barra_inferiore .footer_parts > .social {
  803. text-align: right;
  804. }
  805.  
  806. footer#footer .barra_inferiore a {
  807. position: relative;
  808. top: 0;
  809. }
  810.  
  811. footer#footer .barra_inferiore a:hover {
  812. top: -5px;
  813. }
  814.  
  815. footer#footer .barra_inferiore a .fab {
  816. margin-right: 5px;
  817. }
  818.  
  819. footer#footer .barra_inferiore .footer_parts > .copyright a {
  820. top: 0 !important;
  821. }
  822.  
  823. footer#footer .barra_inferiore .footer_parts .newsletter_button {
  824. font-size: 26px;
  825. font-weight: 500;
  826. order: 0;
  827. }
  828.  
  829.  
  830. footer#footer .barra_inferiore .footer_parts .newsletter_button img {
  831. display: block;
  832. margin-top: 5px;
  833. }
  834.  
  835. footer#footer .barra_inferiore .footer_parts .social_links {
  836. list-style: none;
  837. padding: 0;
  838. margin: 0;
  839. display: inline-block;
  840. float: right;
  841. }
  842.  
  843. footer#footer .barra_inferiore .footer_parts .social_links > li {
  844. display: inline-block;
  845. margin-left: 10px;
  846. font-size: 16px;
  847. line-height: 1;
  848. }
  849.  
  850.  
  851. footer#footer .barra_inferiore .footer_parts .social_links > li > a:hover {
  852. top: -5px;
  853. }
  854.  
  855.  
  856. /* LISTA PRODOTTI */
  857. .products-list .product .product-images {
  858. margin-bottom: 15px;
  859. display: block;
  860. position: relative;
  861. width: 100%;
  862. height: 0;
  863. padding: 65% 0;
  864. background: #ececec;
  865. }
  866.  
  867. .products-list .product .product-images > img {
  868. position: absolute;
  869. top: 0;
  870. left: 0;
  871. width: 100%;
  872. height: 100%;
  873. /* max-height: 350px; */
  874. object-fit: cover;
  875. }
  876.  
  877. .products-list .product .product-images .hover-image {
  878. position: absolute;
  879. top: 0;
  880. left: 0;
  881. width: 100%;
  882. height: 100%;
  883. object-fit: cover;
  884. opacity: 0;
  885. transition: all 0.4s;
  886. }
  887.  
  888. .products-list .product .product-images:hover .hover-image {
  889. opacity: 1;
  890. }
  891.  
  892. .products-list .product .product-title {
  893. font-size: 15px;
  894. text-transform: uppercase;
  895. }
  896.  
  897. .products-list .product-box {
  898. position: relative;
  899. }
  900.  
  901. .products-list .product-box .product-info {
  902. height: 35px;
  903. max-width: 85%;
  904. }
  905.  
  906. .products-list .product-box .product-price {
  907. position: absolute;
  908. bottom: 0;
  909. right: 0;
  910. display: block;
  911. font-weight: 500;
  912. font-size: 17px;
  913. padding-right: 15px;
  914. }
  915.  
  916. .products-list .product-box .product-price-sale {
  917. text-decoration: line-through;
  918. text-align: right;
  919. font-size: 13px;
  920. opacity: 0.8;
  921. }
  922.  
  923.  
  924. .products-list .product .addToCart-btn {
  925. position: absolute;
  926. right: 15px;
  927. bottom: 30px;
  928. width: 50px;
  929. height: 50px;
  930. transition: all 0.2s;
  931. border-radius: 50%;
  932. }
  933.  
  934. .products-list .product .addToCart-btn:hover {
  935. bottom: 35px;
  936. box-shadow: black 0px 0px 25px -5px;
  937. }
  938.  
  939. .products-list .owl-nav {
  940. display: none;
  941. }
  942.  
  943. .products-carousel {
  944. margin: 0 -15px;
  945. width: auto !important;
  946. }
  947.  
  948. .products-carousel .product-box {
  949. margin: 0 15px;
  950. }
  951.  
  952. .product-box-large .product .product-images {
  953. padding: 65% 0;
  954. }
  955.  
  956. .products-carousel .product-box-large .product-images img {
  957. max-height: 100%;
  958. object-fit: cover;
  959. }
  960.  
  961. .products-carousel .product-box-large .addToCart-btn {
  962. }
  963.  
  964. .products-carousel .product-box-large .product-price {
  965. }
  966.  
  967. /* DETTAGLIO PRODOTTO */
  968. #product_detail {
  969. padding: 120px 0 0;
  970. }
  971.  
  972. #product_gallery {
  973. width: 100%;
  974. margin: 0 auto;
  975. position: relative;
  976. margin-bottom: 15px;
  977. }
  978.  
  979. #product_gallery .owl-nav button {
  980. position: absolute;
  981. top: 0;
  982. bottom: 0;
  983. margin: auto;
  984. width: 50px;
  985. height: 50px;
  986. font-size: 70px;
  987. line-height: 40px;
  988. outline: none;
  989. }
  990. #product_gallery .owl-nav button.disabled {
  991. opacity: 0.3;
  992. }
  993.  
  994. #product_gallery .owl-nav button > span {
  995. line-height: 1;
  996. height: 50px;
  997. display: inline-block;
  998. }
  999.  
  1000. #product_gallery .owl-nav .owl-prev {
  1001. left: 0;
  1002. }
  1003.  
  1004. #product_gallery .owl-nav .owl-next {
  1005. right: 0;
  1006. }
  1007.  
  1008. #product_gallery > a {
  1009. cursor: url("../images/plus-cursor.png"), auto;
  1010. }
  1011.  
  1012. #product_gallery .full img {
  1013. width: 100%;
  1014. }
  1015.  
  1016. .gallery-count {
  1017. position: absolute;
  1018. right: -5px;
  1019. bottom: 120px;
  1020. font-size: 18px;
  1021. font-weight: 600;
  1022. padding: 10px;
  1023. width: 80px;
  1024. text-align: center;
  1025. font-size: 20px;
  1026. border: 2px solid black;
  1027. border-left: 0;
  1028. border-right: 0;
  1029. pointer-events: none;
  1030. z-index: 10;
  1031. }
  1032.  
  1033. .swipebox-html .gallery-count {
  1034. z-index: 100000!important;
  1035. position: fixed;
  1036. bottom: 50px;
  1037. left: 30px;
  1038. margin: auto;
  1039. width: 100px;
  1040. }
  1041.  
  1042. #swipebox-overlay {
  1043. background: rgba(255, 255, 255, 0.95) !important;
  1044. }
  1045.  
  1046. #swipebox-overlay #swipebox-close {
  1047. filter: invert(1);
  1048. border: 2px solid white !important;
  1049. border-radius: 50%;
  1050. right: 50px;
  1051. top: 30px;
  1052. width: 52px;
  1053. height: 52px;
  1054. }
  1055.  
  1056. #swipebox-overlay #swipebox-bottom-bar {
  1057. filter: invert(1);
  1058. }
  1059.  
  1060. .gallery-count:before,
  1061. .gallery-count:after {
  1062. content: '';
  1063. display: block;
  1064. width: 30px;
  1065. height: 2px;
  1066. background: black;
  1067. position: absolute;
  1068. transform: rotate(45deg);
  1069. }
  1070. .gallery-count:before {
  1071. right: -4px;
  1072. top: -12px;
  1073. }
  1074. .gallery-count:after {
  1075. left: -4px;
  1076. bottom: -12px;
  1077.  
  1078. }
  1079.  
  1080. #product_box {width: 100%;}
  1081.  
  1082. #product_box .offer_countdown > b {
  1083. display: block;
  1084. font-weight: 600;
  1085. text-transform: uppercase;
  1086. margin: 0 0 5px;
  1087. color: #ff7782;
  1088. }
  1089.  
  1090. #product_box #offer_clock {
  1091. background: #f3ecdb;
  1092. border-right: 1px solid #e8e0ce;
  1093. display: block;
  1094. margin: 0 0 30px;
  1095. }
  1096.  
  1097. #product_box #offer_clock span {
  1098. display: inline-block;
  1099. width: 25%;
  1100. text-align: center;
  1101. padding: 10px;
  1102. border: 1px solid #e8e0ce;
  1103. border-right: 0;
  1104. }
  1105.  
  1106. #product_box #offer_clock span b {
  1107. display: block;
  1108. font-size: 19px;
  1109. }
  1110.  
  1111. #product_box .product_category {
  1112. color: #9b9b9b;
  1113. text-transform: uppercase;
  1114. font-size: 13px;
  1115. }
  1116.  
  1117. #product_box .product_category > a {
  1118. color: #9b9b9b;
  1119. }
  1120.  
  1121. #product_box .product_title {
  1122. text-transform: uppercase;
  1123. font-size: 22px;
  1124. margin: 10px 0 25px;
  1125. font-weight: 500;
  1126. }
  1127.  
  1128. #product_box .product_short_description {
  1129. margin-bottom: 30px;
  1130. }
  1131.  
  1132. #product_box .product_short_description p {
  1133. margin: 0;
  1134. font-weight: 400;
  1135. }
  1136.  
  1137. #product_box .product_price {
  1138. display: block;
  1139. line-height: 1;
  1140. font-size: 24px;
  1141. font-weight: bold;
  1142. float: left;
  1143. }
  1144.  
  1145. #product_box .addToWishlist-btn {
  1146. float: right;
  1147. width: 25px;
  1148. }
  1149.  
  1150. #product_box .product_price small {
  1151. font-size: 12px;
  1152. }
  1153.  
  1154. #product_box .product_price.range {
  1155. font-size: 22px;
  1156. }
  1157.  
  1158. #product_box .product_price_sale {
  1159. text-decoration: line-through;
  1160. font-size: 15px;
  1161. display: block;
  1162. font-weight: 500;
  1163. color: #9b9b9b;
  1164. margin: -30px 0 20px;
  1165. }
  1166.  
  1167. #product_box .product_price b {
  1168. font-size: 30px;
  1169. font-weight: 700;
  1170. color: #4CAF50;
  1171. }
  1172.  
  1173. #product_box .product_price sup {
  1174. font-size: 100%;
  1175. top: 0;
  1176. }
  1177.  
  1178. #product_box .product_price.range sup {
  1179. font-size: 100%;
  1180. top: 0;
  1181. }
  1182.  
  1183. #product_box .product_price sub {
  1184. font-size: 13px;
  1185. font-weight: 500;
  1186. bottom: 0;
  1187. font-size: 100%;
  1188. }
  1189.  
  1190. #product_box .product_price span {padding-right: 5px;}
  1191.  
  1192. #product_box .product_stock {
  1193. margin: 0;
  1194. }
  1195.  
  1196. #product_box .cart_message {
  1197. margin: 15px 0 0;
  1198. }
  1199.  
  1200. #product_box hr {
  1201. border-color: black;
  1202. margin: 30px 0;
  1203. }
  1204.  
  1205. #product_box .products-links {
  1206. padding: 0;
  1207. }
  1208.  
  1209. #product_box .products-links > a {
  1210. display: inline-block;
  1211. margin: 0 5px 5px 0px;
  1212. text-decoration: underline;
  1213. font-weight: 500;
  1214. }
  1215.  
  1216. #product_box label {
  1217. margin: 0;
  1218. line-height: 1;
  1219. font-weight: 100;
  1220. text-transform: uppercase;
  1221. font-size: 13px;
  1222. }
  1223.  
  1224. #product_box .product_stock .stock_status {
  1225. display: inline-block;
  1226. background: #F44336;
  1227. width: 10px;
  1228. height: 10px;
  1229. border-radius: 50%;
  1230. }
  1231.  
  1232. #product_box .product_stock.in-stock .stock_status {
  1233. background: #8BC34A;
  1234. }
  1235.  
  1236. #product_box .product_stock.few-stock .stock_status {
  1237. background: #FFC107;
  1238. }
  1239.  
  1240. #product_box .product_stock .stock_label {
  1241. display: none;
  1242. }
  1243.  
  1244. #product_box .addToCart-btn.disabled {opacity: 0.6;pointer-events: none;}
  1245.  
  1246. #notifyMeQuantity + .addToCart-btn {
  1247. display: none;
  1248. }
  1249.  
  1250. #product_box .product_stock.in-stock .stock_label.in-stock,
  1251. #product_box .product_stock.out-stock .stock_label.out-stock,
  1252. #product_box .product_stock.few-stock .stock_label.few-stock {
  1253. display: inline;
  1254. }
  1255.  
  1256. #product_box .product_stock .stock_label {
  1257. font-size: 13px;
  1258. margin-left: 5px;
  1259. }
  1260.  
  1261. #product_box .product_attribute_table {
  1262.  
  1263. }
  1264.  
  1265. #product_box .product_attribute_table .attribute {
  1266. margin-bottom: 10px;
  1267. }
  1268.  
  1269.  
  1270. #product_box .product_attribute_table .variation_box:nth-child(2n+2) .attribute_value:before {
  1271. border-left: 1px solid black;
  1272. position: absolute;
  1273. left: -15px;
  1274. bottom: 0;
  1275. height: 40px;
  1276. content: '';
  1277. }
  1278.  
  1279. #product_box .product_attribute_table .attribute .attribute_value .color-preview {
  1280. height: 20px;
  1281. width: 20px;
  1282. border-radius: 50%;
  1283. position: absolute;
  1284. left: 7px;
  1285. bottom: 10px;
  1286. }
  1287.  
  1288. #product_box .product_attribute_table .attribute .attribute_value .color-preview[data-lightness="too_light"] {
  1289. border-color: black;
  1290. }
  1291.  
  1292. #product_box .product_attribute_table .attribute .attribute_value select {
  1293. width: 100%;
  1294. font-weight: 500;
  1295. height: 40px;
  1296. outline: none;
  1297. padding: 0 0 0 7px;
  1298. border: 1px solid #9b9b9b;
  1299. }
  1300.  
  1301. #product_box .product_attribute_table .attribute .attribute_value {
  1302. position: relative;
  1303. }
  1304.  
  1305. #product_box .product_attribute_table .attribute .attribute_value select:focus {
  1306. border-color: black;
  1307. }
  1308.  
  1309. #product_box .product_attribute_table .attribute .attribute_value select.not_compiled {
  1310. color: #000000;
  1311. }
  1312.  
  1313. #product_box .product_attribute_table .attribute .attribute_value select.no_avaialable {
  1314. color: #F44336;
  1315. border-color: #F44336;
  1316. }
  1317.  
  1318. #product_box .product_add_to_cart {
  1319. line-height: 30px;
  1320. transition: all 0.2s;
  1321. display: inline-block;
  1322. }
  1323.  
  1324. #product_box .product_add_to_cart.disabled {
  1325. opacity: 0.4;
  1326. }
  1327.  
  1328. #products_description {
  1329. padding: 15px 0;
  1330. }
  1331.  
  1332. #product_detail #product-related {
  1333. margin-bottom: 0;
  1334. }
  1335.  
  1336. /* SEZIONE OPINIONI PRODOTTO */
  1337. section#product-opinions {
  1338. background: #f4f4f4;
  1339. margin-bottom: 0;
  1340. }
  1341.  
  1342. /* RECENSIONI PRODOTTO */
  1343. #product_reviews .review_subtitle {
  1344. font-size: 15px;
  1345. margin-bottom: 30px;
  1346. }
  1347. #product_reviews .review_subtitle span {
  1348. font-weight: 700;
  1349. }
  1350.  
  1351. #product_reviews .review_bars {
  1352. margin-bottom: 30px;
  1353. }
  1354.  
  1355. #product_reviews .review_bars .review_bar_container {
  1356. position: relative;
  1357. }
  1358. #product_reviews .review_bars .review_bar {
  1359. background: #ececec;
  1360. display: inline-block;
  1361. width: 320px;
  1362. max-width: 100%;
  1363. height: 20px;
  1364. }
  1365. #product_reviews .review_bars .bar_text {
  1366. font-size: 12px;
  1367. line-height: 20px;
  1368. float: left;
  1369. width: 80px;
  1370. display: inline-block;
  1371. }
  1372. #product_reviews .review_bars .review_bar .review_percentage_bar {
  1373. background: #ffc107;
  1374. height: 20px;
  1375. }
  1376.  
  1377. #product_reviews h4.review_subtitle {
  1378. margin: 25px 0 15px;
  1379. font-weight: 600;
  1380. font-size: 16px;
  1381. }
  1382. #product_reviews .single_review {
  1383. display: block;
  1384. margin-bottom: 15px;
  1385. padding-bottom: 15px;
  1386. border-bottom: 1px dashed #f3ecdc;
  1387. }
  1388. #product_reviews .single_review .review_stars {
  1389. display: inline-block;
  1390. color: #cccccc;
  1391. }
  1392.  
  1393. #product_reviews .single_review .review_stars .fas {
  1394. color: #ffc107;
  1395. }
  1396. #product_reviews .single_review .review_author {
  1397. display: inline-block;
  1398. font-size: 13px;
  1399. font-weight: 500;
  1400. margin: 5px 0;
  1401. color: #909090;
  1402. }
  1403. #product_reviews .single_review .review_product_attribute {
  1404. font-size: 11px;
  1405. color: #6c757d;
  1406. padding-left: 5px;
  1407. }
  1408. #product_reviews .single_review .review_comment {
  1409. color: #495057;
  1410. font-size: 14px;
  1411. margin: 0;
  1412. }
  1413.  
  1414. /* BLOCCO DOMANDE E RISPOSTA */
  1415. #product_questions .single_question {
  1416. background: #f4f4f4;
  1417. padding: 15px;
  1418. margin-bottom: 15px;
  1419. border: 1px dashed #ececec;
  1420. }
  1421.  
  1422. #product_questions .single_question .delete_question {
  1423. background: rgb(255, 0, 0);
  1424. color: white;
  1425. padding: 3px 5px;
  1426. display: inline-block;
  1427. float: right;
  1428. }
  1429.  
  1430. #product_questions .single_question .question_comment {
  1431. padding-top: 5px;
  1432. }
  1433.  
  1434. #product_questions .single_question .question_comment small {
  1435. display: block;
  1436. color: #9E9E9E;
  1437. }
  1438.  
  1439. #product_questions .single_question .answer_comment {
  1440. background: #ececec;
  1441. margin: 0;
  1442. padding:10px;
  1443. }
  1444.  
  1445. #product_questions .single_question .answer_comment b {
  1446. display: block;
  1447. }
  1448. #product_questions .single_question .answer_comment .not_reply {
  1449. color: #ffffff;
  1450. background: #ffc107;
  1451. padding: 5px;
  1452. display: inline-block;
  1453. }
  1454.  
  1455. #product_questions .question_leave {
  1456. background: #f4f4f4;
  1457. padding: 15px 0;
  1458. margin: 15px 0 0;
  1459. }
  1460.  
  1461. #product_questions #product_add_question {
  1462. position: relative;
  1463. margin-top: 15px;
  1464. background: none;
  1465. border: 0;
  1466. padding: 15px 145px 0px 0;
  1467. }
  1468.  
  1469. #product_questions #product_add_question button {
  1470. position: absolute;
  1471. right: 15px;
  1472. line-height: 40px;
  1473. height: 40px;
  1474. padding: 0;
  1475. font-size: 14px;
  1476. width: 120px;
  1477. border: 0px;
  1478. color: white;
  1479. min-width: 120px;
  1480. margin: 0;
  1481. }
  1482.  
  1483. #product_questions #product_add_question textarea {
  1484. display: block;
  1485. width: 100%;
  1486. padding: 10px;
  1487. line-height: 20px;
  1488. border: 1px solid #ececec;
  1489. outline: none;
  1490. }
  1491.  
  1492. #product_questions .question_leave a {
  1493. font-weight: 600;
  1494. }
  1495.  
  1496. /* CATEGORIA PRODOTTO */
  1497. .category_section_container.loading {
  1498. opacity: 0.5;
  1499. pointer-events: none;
  1500. }
  1501.  
  1502. #category_banner {
  1503. position: relative;
  1504. background-color: #fff;
  1505. }
  1506.  
  1507. #category_banner:before {
  1508. content: '';
  1509. position: absolute;
  1510. left: 0;
  1511. top: 0;
  1512. width: 100%;
  1513. height: 100%;
  1514. background: #fafafa;
  1515. background-size: cover;
  1516. }
  1517.  
  1518. #category_banner.without-banner {
  1519. position: relative;
  1520. }
  1521.  
  1522. #category_banner.without-banner:before {
  1523. height: 100%;
  1524. }
  1525.  
  1526. #category_banner .banner_title_box {
  1527. display: block;
  1528. padding-right: 0;
  1529. margin-top: 120px;
  1530. margin-bottom: 30px;
  1531. }
  1532.  
  1533. #category_banner.without-banner .banner_title_box {
  1534. min-height: 360px;
  1535. align-items: flex-end;
  1536. justify-content: left;
  1537. }
  1538.  
  1539. #category_banner .banner_title_content {
  1540. padding: 0;
  1541. margin-right: 25px;
  1542. max-width: 315px;
  1543. }
  1544.  
  1545. #category_banner .banner_title_box h1 {
  1546. font-size: 40px;
  1547. font-weight: 100;
  1548. margin: 0;
  1549. font-family: 'Canela';
  1550. font-size: 65px;
  1551. margin: 0 0 15px;
  1552. padding-top: 0;
  1553. }
  1554.  
  1555. #category_banner .banner_title_box p {
  1556. margin-bottom: 15px;
  1557. font-size: 14px;
  1558. }
  1559.  
  1560. #category_banner .banner_title_box p:last-child {
  1561. margin-bottom: 0;
  1562. }
  1563.  
  1564. #category_banner .category_banner_img {
  1565. width: 860px;
  1566. min-height: 60vh;
  1567. max-height: 650px;
  1568. top: 0;
  1569. margin-top: -100px;
  1570. object-fit: cover;
  1571. margin-left: auto;
  1572. }
  1573.  
  1574. #category_banner .breadcrumb {
  1575. padding: 0;
  1576. margin: 0;
  1577. }
  1578.  
  1579. #category_banner .breadcrumb li {
  1580. color: black;
  1581. }
  1582.  
  1583. #category_banner .breadcrumb a {
  1584. color: black;
  1585. }
  1586.  
  1587. #filter_box_active {
  1588. border: 1px solid #ececec;
  1589. padding: 15px 15px 10px;
  1590. margin: -15px 0 30px;
  1591. }
  1592.  
  1593. #filter_box_active .active_title {
  1594. font-weight: 500;
  1595. margin-right: 10px;
  1596. }
  1597.  
  1598. #filter_box_active .active_filter {
  1599. border: 1px solid #ececec;
  1600. display: inline-block;
  1601. padding: 0 0 0 10px;
  1602. line-height: 22px;
  1603. font-size: 14px;
  1604. margin: 0 5px 5px 0;
  1605. }
  1606.  
  1607. #filter_box_active .active_filter i {
  1608. margin-left: 10px;
  1609. font-style: inherit;
  1610. font-size: 14px;
  1611. background: #ececec;
  1612. width: 22px;
  1613. height: 22px;
  1614. display: inline-block;
  1615. text-align: center;
  1616. float: right;
  1617. line-height: 20px;
  1618. }
  1619.  
  1620. #filter_box_active .active_filter:hover {
  1621. border-color: black;
  1622. }
  1623.  
  1624. #filter_box_active .active_filter:hover i {
  1625. background: black;
  1626. color: white;
  1627. }
  1628.  
  1629. #filter_box_active .delete_all {
  1630. text-align: right;
  1631. display: inline-block;
  1632. float: right;
  1633. font-weight: 500;
  1634. text-decoration: underline;
  1635. }
  1636.  
  1637. #products_list .search_no_results {
  1638. background: #f1f1f1;
  1639. margin: 0 0 30px;
  1640. padding: 30px;
  1641. text-align: center;
  1642. }
  1643.  
  1644. #products_list .search_no_results h2 {
  1645. font-weight: 100;
  1646. margin-bottom: 5px;
  1647. }
  1648.  
  1649. /* BREADCRUMB */
  1650. .breadcrumb {
  1651. padding: 30px 0;
  1652. background: none;
  1653. }
  1654.  
  1655. .breadcrumb ul {
  1656. list-style: none;
  1657. padding: 0;
  1658. margin: 0;
  1659. }
  1660.  
  1661. .breadcrumb ul li {
  1662. display: inline-block;
  1663. position: relative;
  1664. color: #9b9b9b;
  1665. text-transform: uppercase;
  1666. font-size: 14px;
  1667. }
  1668.  
  1669. .breadcrumb ul li a {
  1670. color: #9b9b9b;
  1671. }
  1672.  
  1673. .breadcrumb ul li:last-child a:hover {
  1674. color: #9b9b9b;
  1675. }
  1676.  
  1677. .breadcrumb ul li a:hover {
  1678. color: black;
  1679. }
  1680.  
  1681. .breadcrumb ul.filter_dropdown {float: left;}
  1682.  
  1683. .breadcrumb ul.filter_dropdown.right {
  1684. float: right;
  1685. }
  1686.  
  1687. .breadcrumb ul.filter_dropdown > li + li {
  1688. border: none;
  1689. margin: 0;
  1690. padding-left: 15px;
  1691. }
  1692.  
  1693. .breadcrumb ul.filter_dropdown a {
  1694. color: black;
  1695. }
  1696.  
  1697. .breadcrumb ul.filter_dropdown li:hover > a {
  1698. color: black;
  1699. }
  1700.  
  1701. .breadcrumb ul > li > ul {
  1702. display: none;
  1703. position: absolute;
  1704. left: 0;
  1705. width: 214px;
  1706. background: white;
  1707. z-index: 10;
  1708. border: 1px solid #f1f1f1;
  1709. padding: 0;
  1710. text-align: left;
  1711. }
  1712.  
  1713. .breadcrumb ul > li:hover >ul {
  1714. display: block;
  1715. }
  1716.  
  1717. .breadcrumb ul > li > ul li {
  1718. display: block;
  1719. border: none;
  1720. padding: 0;
  1721. margin: 0;
  1722. }
  1723.  
  1724.  
  1725. .breadcrumb ul > li > ul li.selected a {
  1726. font-weight: 500;
  1727. color: black;
  1728. }
  1729.  
  1730. .breadcrumb ul > li > ul li a {
  1731. padding: 10px 15px;
  1732. display: block;
  1733. }
  1734.  
  1735. .breadcrumb ul > li > ul:not(.colori) li:not(:last-child) a {
  1736. border-bottom: 1px dashed #ececec;
  1737. }
  1738.  
  1739. .breadcrumb ul > li > ul li a:hover {
  1740. color: black;
  1741. }
  1742.  
  1743. .breadcrumb ul > li > ul li a b {
  1744. font-weight: 500;
  1745. /* font-size: 70%; */
  1746. float: right;
  1747. }
  1748.  
  1749. .breadcrumb ul > li > ul.colori {
  1750. padding: 4px;
  1751. }
  1752.  
  1753. .breadcrumb ul > li > ul.colori li {
  1754. display: inline-block;
  1755. margin: 0;
  1756. padding: 0;
  1757. height: 30px;
  1758. width: 30px;
  1759. border: 1px solid #f1f1f1;
  1760. float: left;
  1761. margin: 2px;
  1762. }
  1763.  
  1764. .breadcrumb ul > li > ul.colori li a {
  1765. display: block;
  1766. padding: 0;
  1767. height: 100%;
  1768. width: 100%;
  1769. }
  1770.  
  1771. .breadcrumb ul > li > ul.colori li a:not(:hover) {
  1772. box-shadow: none !important;
  1773. }
  1774.  
  1775. .breadcrumb ul > li > ul.colori li a:hover {
  1776. border: 1px solid white;
  1777. }
  1778.  
  1779. /* CHECKOUT CARRELLO */
  1780. #checkout.carrello {
  1781. background: #f4f4f4;
  1782. }
  1783.  
  1784. /* PAGINE */
  1785. body.page {
  1786. /* background: #f4f4f4; */
  1787. }
  1788. .breadcrumb.page_breadcrumb {
  1789. padding: 110px 0 30px;
  1790. background: #fafafa;
  1791. }
  1792.  
  1793. .breadcrumb .page_title {
  1794. padding: 15px 0 0;
  1795. font-family: 'Canela';
  1796. font-size: 65px;
  1797. }
  1798.  
  1799. #page_body {
  1800. padding: 0 0 30px;
  1801. }
  1802.  
  1803. #page_body.standard {
  1804. margin: auto;
  1805. }
  1806.  
  1807. #page_body h1,
  1808. #page_body h2,
  1809. #page_body h3,
  1810. #page_body h4 {
  1811. font-weight: 200;
  1812. margin: 0 0 15px;
  1813. }
  1814.  
  1815. #page_body h1 {
  1816. font-size: 30px;
  1817. }
  1818.  
  1819. #page_body h2 {
  1820. font-size: 26px;
  1821. font-weight: 500;
  1822. }
  1823.  
  1824. #page_body h3 {
  1825. font-size: 22px;
  1826. }
  1827.  
  1828. #page_body h4 {
  1829. font-size: 18px;
  1830. }
  1831.  
  1832. #page_body p + h2,
  1833. #page_body p + h3,
  1834. #page_body p + h4,
  1835. #page_body p + h5 {
  1836. margin-top: 30px;
  1837. }
  1838.  
  1839. #page_body.page_blocks section {
  1840. margin: 0;
  1841. padding: 0;
  1842. }
  1843.  
  1844. #page_body.page_blocks section + section {
  1845. margin-top: 60px;
  1846. }
  1847.  
  1848. #page_body.page_blocks h2 {
  1849. font-family: 'Canela';
  1850. font-size: 46px;
  1851. }
  1852.  
  1853. #page_body.page_blocks h2 + * {
  1854. margin-top: 30px;
  1855. }
  1856.  
  1857. #page_body.page_blocks .page_block_text {
  1858. max-width: 485px;
  1859. width: 100%;
  1860. display: inline-block;
  1861. font-size: 17px;
  1862. }
  1863.  
  1864. #page_body.page_blocks .page_block_image + .page_block_text {
  1865. margin-top: 60px;
  1866. margin-left: 180px;
  1867. }
  1868.  
  1869. #page_body.page_blocks .section_image_block {
  1870. width: 100%;
  1871. max-height: 750px;
  1872. object-fit: cover;
  1873. }
  1874.  
  1875. #page_body.page_blocks section:nth-child(odd) {
  1876. text-align: left;
  1877. }
  1878.  
  1879. #page_body.page_blocks section:nth-child(odd) .page_section_block {
  1880. padding-left: 180px;
  1881. }
  1882.  
  1883. #page_body.page_blocks section:nth-child(odd) .page_section_block .page_block_text {
  1884. margin-left: 0;
  1885. }
  1886.  
  1887. #page_body.page_blocks section:nth-child(even) {
  1888. /* text-align: right; */
  1889. }
  1890.  
  1891. #page_body.page_blocks section:nth-child(even) .page_section_block {
  1892. padding-right: 180px;
  1893. }
  1894.  
  1895. #page_body.page_blocks section .page_block_image {
  1896. position: relative;
  1897. }
  1898.  
  1899. #page_body.page_blocks section .page_section_block .symbol {
  1900. position: absolute;
  1901. bottom: 103px;
  1902. }
  1903.  
  1904. #page_body.page_blocks section:nth-child(odd) .symbol {
  1905. left: -112px;
  1906. }
  1907.  
  1908. #page_body.page_blocks section:nth-child(even) .symbol {
  1909. right: -112px;
  1910. }
  1911.  
  1912. #page_body table {
  1913. border: none;
  1914. border-color: transparent;
  1915. line-height: 40px;
  1916. }
  1917.  
  1918. #page_body table tr {
  1919. border-bottom: 1px solid #979797;
  1920. }
  1921.  
  1922. /* BLOCCHI ALTERNATI */
  1923.  
  1924. #page_body.page_blocks_alternate section {
  1925. padding: 0;
  1926. margin: 0;
  1927. }
  1928.  
  1929. #page_body.page_blocks_alternate .block_inner_text {
  1930. width: 100%;
  1931. font-size: 16px;
  1932. padding: 30px 0;
  1933. height: 100%;
  1934. justify-content: center;
  1935. display: flex;
  1936. align-items: center;
  1937. }
  1938.  
  1939. #page_body.page_blocks_alternate .page_block_text h2 {
  1940. font-family: 'Canela';
  1941. font-size: 30px;
  1942. margin-bottom: 30px;
  1943. }
  1944.  
  1945.  
  1946. #page_body.page_blocks_alternate .icons-list .section-title {
  1947. font-family: 'Canela';
  1948. font-size: 30px;
  1949. padding: 30px 0 30px;
  1950. text-align: center;
  1951. }
  1952.  
  1953. #page_body.page_blocks_alternate .icons-list .icons-container {
  1954. display: flex;
  1955. text-align: center;
  1956. flex-wrap: wrap;
  1957. }
  1958.  
  1959. #page_body.page_blocks_alternate .icons-list .icons-container .icon-image {
  1960. margin-bottom: 15px;
  1961. width: 60px;
  1962. height: 60px;
  1963. object-fit: contain;
  1964. }
  1965.  
  1966. #page_body.page_blocks_alternate .icons-list .icons-container .icon-block {
  1967. flex: 1;
  1968. width: 222px;
  1969. min-width: 222px;
  1970. margin-top: 30px;
  1971. padding: 15px;
  1972. }
  1973.  
  1974. #page_body.page_blocks_alternate .icons-list .icons-container .icon-block p {
  1975. font-size: 16px;
  1976. }
  1977.  
  1978. /* FORM CON STILI */
  1979. .styled_form {
  1980. margin-bottom: 30px;
  1981. background: #ffffff;
  1982. border: 2px solid #ececec;
  1983. padding: 0 15px 15px;
  1984. position: relative;
  1985. }
  1986. .styled_form.loading {
  1987. pointer-events: none;
  1988. }
  1989. .styled_form.loading:before {
  1990. background: rgba(255, 253, 253, 0.60);
  1991. position: absolute;
  1992. top: 0;
  1993. left: 0;
  1994. width: 100%;
  1995. height: 100%;
  1996. content: '';
  1997. z-index: 100;
  1998. }
  1999. .styled_form .password_field input {
  2000. width: 100%;
  2001. clear: both;
  2002. }
  2003. .styled_form .password_field {
  2004. background: #f4f4f4;
  2005. padding: 15px 15px 0;
  2006. display: inline-block;
  2007. width: 100%;
  2008. }
  2009. .styled_form .continue_button.ospite {
  2010. font-size: 10px;
  2011. background: white;
  2012. color: #4CAF50;
  2013. border: 1px solid #43A047;
  2014. }
  2015. .styled_form .continue_button.ospite:hover {
  2016. opacity: 0.6;
  2017. }
  2018. .styled_form .continue_button {
  2019. float: right;
  2020. }
  2021. .styled_form > h4 {
  2022. padding: 12px;
  2023. background: #ececec;
  2024. text-align: left;
  2025. font-size: 18px;
  2026. text-transform: uppercase;
  2027. font-weight: 500;
  2028. color: black;
  2029. margin: 0 -15px 20px;
  2030. }
  2031. .styled_form h4 span {
  2032. float: left;
  2033. border-radius: 50%;
  2034. background: #fff;
  2035. color: #000;
  2036. width: 25px;
  2037. height: 25px;
  2038. line-height: 25px;
  2039. font-size: 14px;
  2040. text-align: center;
  2041. margin-right: 15px;
  2042. margin-top: -2px;
  2043. }
  2044. .styled_form h4.divider {
  2045. margin-top: 20px;
  2046. }
  2047. .styled_form h5 {
  2048. font-weight: 600;
  2049. }
  2050. .styled_form .tab-content {
  2051. background: white;
  2052. padding: 15px;
  2053. border: 1px solid #dedede;
  2054. border-top: 0;
  2055. margin-bottom: 20px;
  2056. }
  2057. .styled_form .nav-tabs {
  2058. border-bottom: 1px solid #dedede;
  2059. }
  2060. .styled_form .nav-link {
  2061. background: #eff1f1;
  2062. margin-right: 10px;
  2063. border-color: #eff1f1;
  2064. border-bottom: 0;
  2065. }
  2066. .styled_form .nav-link:hover {
  2067. border-color: #dedede;
  2068. }
  2069. .styled_form .nav-link.active {
  2070. border-color: #dedede;
  2071. border-bottom: 0;
  2072. margin-bottom: -1px;
  2073. }
  2074. .styled_form .responsive_style_table {
  2075. margin: -20px 0 -15px 0;
  2076. border: 0;
  2077. }
  2078. .styled_form .responsive_style_table tr {
  2079. border-left: 0;
  2080. border-right: 0;
  2081. border-top: 0;
  2082. }
  2083. .styled_form .responsive_style_table tbody tr:last-child {
  2084. border-bottom: 0;
  2085. }
  2086. .styled_form form[name="paypal_form"] input[type="image"] {
  2087. margin: 30px auto 20px;
  2088. display: block;
  2089. text-align: center;
  2090. border-radius: 5px;
  2091. border: 1px dashed #8BC34A;
  2092. padding: 2px 45px;
  2093. background: #F1F8E9;
  2094. max-width: 100%;
  2095. }
  2096. .styled_form form[name="paypal_form"] input[type="image"]:hover {
  2097. opacity: 0.7;
  2098. }
  2099. .styled_form.paypal_loading {
  2100. height: 303px;
  2101. overflow: hidden;
  2102. }
  2103. .styled_form.paypal_loading:before {
  2104. content: '';
  2105. position: absolute;
  2106. left: 0;
  2107. top: 0;
  2108. width: 100%;
  2109. height: 100%;
  2110. background: #f7f7f7;
  2111. display: block;
  2112. z-index: 100;
  2113. }
  2114. .styled_form.paypal_loading:after {
  2115. content: '';
  2116. position: absolute;
  2117. left: 0;
  2118. top: 0;
  2119. width: 100%;
  2120. height: 100%;
  2121. background: #f7f7f7;
  2122. display: block;
  2123. z-index: 101;
  2124. background: url('../images/paypal_square.png') center no-repeat;
  2125. background-size: 230px;
  2126. animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  2127. }
  2128. .styled_form .responsive_style_table h4 {
  2129. text-transform: uppercase;
  2130. font-weight: 500;
  2131. font-size: 14px;
  2132. line-height: 1;
  2133. margin: 0;
  2134. }
  2135.  
  2136. .styled_form label {
  2137. display: block;
  2138. }
  2139.  
  2140. .styled_form label .req-asterix {
  2141. color: #f44336;
  2142. padding-left: 5px;
  2143. }
  2144.  
  2145. /* DASHBOARD */
  2146. .dashboard_info_popup h3 {
  2147. margin-bottom: 15px;
  2148. font-size: 43px;
  2149. font-weight: 100;
  2150. line-height: 1;
  2151. }
  2152.  
  2153. .dashboard_info_popup p
  2154. {
  2155. margin-top: 5px;
  2156. font-size: 14px;
  2157. }
  2158.  
  2159. /* PAGINA PROFILO */
  2160. #profilo .alert {
  2161. border-radius: 0;
  2162. margin-bottom: 30px;
  2163. }
  2164. #profilo #user_menu {
  2165. background: #ffffff;
  2166. margin-bottom: 30px;
  2167. border: 1px solid #eff1f1;
  2168. }
  2169. #profilo #user_menu h2 {
  2170. background: #ffffff;
  2171. /* text-transform: uppercase; */
  2172. font-size: 16px;
  2173. padding: 15px 15px;
  2174. font-weight: 400;
  2175. margin: 0;
  2176. border-bottom: 0;
  2177. border-bottom: 1px solid #f3f3f3;
  2178. }
  2179. #profilo #user_menu ul {
  2180. padding: 0;
  2181. margin: 0;
  2182. list-style: none;
  2183. border-bottom: 0;
  2184. }
  2185. #profilo #user_menu ul li a {
  2186. padding: 0 15px;
  2187. line-height: 50px;
  2188. display: block;
  2189. font-size: 13px;
  2190. }
  2191. #profilo #user_menu ul li a:hover {
  2192. /* background: #f3f3f3; */
  2193. }
  2194. #profilo #user_menu ul li.active a {
  2195. background: #f4f4f4;
  2196. font-weight: 500;
  2197. }
  2198. #profilo #user_menu ul li i {
  2199. width: 30px;
  2200. padding: 5px;
  2201. background: #eff1f1;
  2202. text-align: center;
  2203. border-radius: 3px;
  2204. margin-right: 10px;
  2205. }
  2206. #profilo #user_menu ul li.active i {
  2207. background: #ffffff;
  2208. }
  2209. #profilo .dashboard_info_popup {
  2210. background: #ffffff;
  2211. padding: 20px;
  2212. margin-bottom: 20px;
  2213. }
  2214. #profilo .dashboard_info_popup.light {
  2215. background: none;
  2216. border: 0;
  2217. padding: 0 0 20px;
  2218. }
  2219. #profilo .dashboard_info_popup h3 {
  2220. display: block;
  2221. font-size: 20px;
  2222. margin: 0;
  2223. color: #001c27;
  2224. text-transform: uppercase;
  2225. font-weight: 700;
  2226. border-bottom: 2px solid #dedede;
  2227. margin-bottom: 15px;
  2228. padding-bottom: 10px;
  2229. line-height: 20px;
  2230. }
  2231. #profilo .dashboard_info_popup.light h3 {
  2232. line-height: 50px;
  2233. padding: 0;
  2234. }
  2235. #profilo .dashboard_info_popup a {
  2236. /* color: #000; */
  2237. }
  2238. #profilo .dashboard_info_popup a.btn {
  2239. display: inline-block;
  2240. background: #4CAF50;
  2241. color: #ffffff;
  2242. border-radius: 3px;
  2243. }
  2244. #profilo .dashboard_info_popup a.btn:hover {
  2245. background: #2E7D32;
  2246. color: white;
  2247. }
  2248. #profilo .resend_activation {
  2249. background: white;
  2250. display: inline-block;
  2251. padding: 5px 10px;
  2252. border-radius: 3px;
  2253. color: #f44336;
  2254. border: 1px solid;
  2255. }
  2256. #profilo .resend_activation:hover {
  2257. color: white;
  2258. background: #f44336;
  2259. border-color: #dc3545;
  2260. }
  2261.  
  2262. /* PAGINA ORDINE */
  2263. #profilo .payments_help ul {
  2264. list-style: none;
  2265. padding: 0;
  2266. margin: 0;
  2267. }
  2268. #profilo .payments_help ul li {
  2269. line-height: 25px;
  2270. font-size: 16px;
  2271. }
  2272. #profilo .payments_help ul li i {
  2273. color: #4e2e2b;
  2274. background: #efe8d7;
  2275. border-radius: 4px;
  2276. float: left;
  2277. font-size: 33px;
  2278. line-height: 55px;
  2279. width: 55px;
  2280. text-align: center;
  2281. margin-right: 15px;
  2282. }
  2283. #profilo .payments_help ul li span {
  2284. font-weight: 600;
  2285. text-transform: uppercase;
  2286. color: #4e2e2b;
  2287. }
  2288. #profilo .payments_help ul li a {
  2289. display: block;
  2290. font-size: 20px;
  2291. font-weight: 600;
  2292. }
  2293. #profilo .payments_help ul li:not(:last-child) a {
  2294. border-bottom: 1px dashed #efe8d7;
  2295. padding-bottom: 15px;
  2296. margin-bottom: 15px;
  2297. }
  2298. #profilo .payments_detail .total_to_pay {
  2299. display: block;
  2300. width: 300px;
  2301. text-align: center;
  2302. margin: 30px auto;
  2303. border: 1px dashed #8BC34A;
  2304. padding: 30px 15px;
  2305. background: #F1F8E9;
  2306. border-radius: 5px;
  2307. max-width: 100%;
  2308. }
  2309. #profilo .payments_detail .total_to_pay h5 {
  2310. text-transform: uppercase;
  2311. font-size: 17px;
  2312. }
  2313. #profilo .payments_detail .total_to_pay b {
  2314. font-size: 35px;
  2315. color: #8BC34A;
  2316. line-height: 1;
  2317. }
  2318.  
  2319. /* PAGINAZIONE PRODOTTI */
  2320. .products_footer {
  2321. margin: 10px 0;
  2322. padding: 15px 0;
  2323. border-top: 1px dashed #ececec;
  2324. display: none;
  2325. }
  2326. .pagination {
  2327. /* display: block; */
  2328. float: right;
  2329. }
  2330. .pagination a {
  2331. position: relative;
  2332. display: inline-block;
  2333. color: #000000;
  2334. padding: 0;
  2335. text-decoration: none;
  2336. font-weight: 600;
  2337. line-height: 38px;
  2338. width: 40px;
  2339. margin-left: 5px;
  2340. background: #ffffff;
  2341. text-align: center;
  2342. }
  2343. .pagination a.disabled {
  2344. opacity: 0.3;
  2345. cursor: inherit;
  2346. pointer-events: none;
  2347. }
  2348. .pagination a.active,
  2349. .pagination a:hover {
  2350. color: #000;
  2351. }
  2352.  
  2353. /* VOTA PRODOTTO PROFILO */
  2354. #profilo .rate_product {
  2355. }
  2356. #profilo .rate_product b {
  2357. font-size: 19px;
  2358. display: block;
  2359. }
  2360. #profilo .rate_product .attribute {
  2361. display: block;
  2362. font-size: 13px;
  2363. }
  2364. #profilo .rate_product .review_ok + .review_form {
  2365. display: none;
  2366. }
  2367.  
  2368. #profilo .rate_product .review_ok.edit + .review_form {
  2369. display: block;
  2370. }
  2371. #profilo .rate_product .review_ok {
  2372. background: #ffffff;
  2373. padding: 20px;
  2374. text-align: left;
  2375. border: 1px dashed #ececec;
  2376. }
  2377. #profilo .rate_product .review_ok.edit {
  2378. display: none;
  2379. }
  2380. #profilo .rate_product .review_ok .review_status_title {
  2381. display: block;
  2382. font-size: 25px;
  2383. line-height: 1;
  2384. height: auto;
  2385. margin-bottom: 20px;
  2386. }
  2387. #profilo .rate_product .review_ok .attribute {
  2388. margin: -15px 0 15px;
  2389. }
  2390. #profilo .rate_product .review_ok .review_stars {
  2391. color: #828282;
  2392. }
  2393. #profilo .rate_product .review_ok .review_stars .fas {
  2394. color: #ffc107;
  2395. }
  2396. #profilo .rate_product .review_ok p {
  2397. margin: 5px 0px 20px 0px;
  2398. display: block;
  2399. }
  2400. #profilo .rate_product .review_ok .btn {
  2401. background: #ececec;
  2402. color: black;
  2403. font-size: 12px;
  2404. }
  2405. #profilo .rate_product .rating {
  2406. margin: 5px 0 10px;
  2407. }
  2408. #profilo .rate_product .rating input {
  2409. position:absolute;
  2410. filter:alpha(opacity=0);
  2411. -moz-opacity:0;
  2412. -khtml-opacity:0;
  2413. opacity:0;
  2414. cursor:pointer;
  2415. width:17px;
  2416. }
  2417. #profilo .rate_product .rating span {
  2418. width:24px;
  2419. height:16px;
  2420. line-height:16px;
  2421. color: #ffc107;
  2422. }
  2423.  
  2424. #profilo .rate_product.rating input:checked + span {
  2425. color: #b9b9b9;
  2426. }
  2427.  
  2428. #profilo .rate_product .rating input:checked + span ~ span {
  2429. color: #b9b9b9;
  2430. }
  2431. #profilo .rate_product textarea {
  2432. width: 100%;
  2433. text-align: left;
  2434. padding: 10px;
  2435. border: 1px solid #ececec;
  2436. min-height: 70px;
  2437. outline: none;
  2438. }
  2439. #profilo .rate_product .undo_review {
  2440. font-size: 13px;
  2441. margin: 0;
  2442. line-height: 40px;
  2443. margin-right: 10px;
  2444. }
  2445. #profilo .rate_product .undo_review:hover {
  2446. opacity: 0.7;
  2447. }
  2448. #profilo .rate_product .submit_rating {
  2449. float: left;
  2450. font-size: 13px;
  2451. margin: 5px 0 0;
  2452. }
  2453. /* PAGINA CHECKOUT */
  2454.  
  2455. #checkout .breadcrumb .big_title {
  2456. font-size: 49px;
  2457. font-weight: 100;
  2458. margin: 0;
  2459. text-align: center;
  2460. margin: auto;
  2461. }
  2462. #checkout .breadcrumb {background: #f4f4f4;margin-bottom: 30px;padding-top: 140px;}
  2463.  
  2464. /* TABELLE */
  2465. .responsive_style_table {
  2466. background: #ffffff;
  2467. border-collapse: collapse;
  2468. margin: 0 0 30px 0;
  2469. padding: 0;
  2470. width: 100%;
  2471. table-layout: fixed;
  2472. font-size: 14px;
  2473. }
  2474. .responsive_style_table thead {
  2475. background: #f3f3f3;
  2476. }
  2477. .responsive_style_table tr {
  2478. border: 1px solid #f3f3f3;
  2479. padding: .35em;
  2480. background: white;
  2481. }
  2482. .responsive_style_table th,
  2483. .responsive_style_table td {
  2484. padding: 10px;
  2485. text-align: center;
  2486. }
  2487. .responsive_style_table.text-left th,
  2488. .responsive_style_table.text-left td {
  2489. text-align: left;
  2490. padding: 10px 15px;
  2491. }
  2492. .responsive_style_table th:last-child,
  2493. .responsive_style_table td:last-child {
  2494. text-align: right;
  2495. }
  2496. .responsive_style_table th {
  2497. font-size: .85em;
  2498. letter-spacing: .1em;
  2499. text-transform: uppercase;
  2500. line-height: 30px;
  2501. }
  2502. .responsive_style_table .product_stock {
  2503. text-align: left;
  2504. line-height: 1;
  2505. margin-top: 5px;
  2506. }
  2507. .responsive_style_table .stock_status {
  2508. display: inline-block;
  2509. background: #F44336;
  2510. width: 10px;
  2511. height: 10px;
  2512. border-radius: 50%;
  2513. }
  2514. .responsive_style_table .product_stock.in-stock .stock_status {
  2515. background: #8BC34A;
  2516. }
  2517. .responsive_style_table .product_stock.few-stock .stock_status {
  2518. background: #FFD700;
  2519. }
  2520. .responsive_style_table .product_stock .stock_label {
  2521. display: none;
  2522. }
  2523. .responsive_style_table .product_stock.in-stock .stock_label.in-stock,
  2524. .responsive_style_table .product_stock.out-stock .stock_label.out-stock,
  2525. .responsive_style_table .product_stock.few-stock .stock_label.few-stock {
  2526. display: inline;
  2527. }
  2528. .responsive_style_table .product_stock .stock_label {
  2529. color: #4e2e29;
  2530. font-size: 11px;
  2531. margin-left: 5px;
  2532. line-height: 1;
  2533. }
  2534. .responsive_style_table td a {
  2535. font-weight: 600;
  2536. text-align: left;
  2537. display: block;
  2538. font-size: 14px;
  2539. }
  2540. .responsive_style_table td a.see_details {
  2541. font-size: 12px;
  2542. padding: 4px 10px;
  2543. text-align: center;
  2544. }
  2545. .responsive_style_table td a.see_details:hover {
  2546.  
  2547. }
  2548. .responsive_style_table td .attribute {
  2549. display: block;
  2550. text-align: left;
  2551. margin-top: 5px;
  2552. font-size: 14px;
  2553. color: #6f6f6f;
  2554. font-weight: 500;
  2555. }
  2556. .responsive_style_table td .quantita_prodotto {
  2557. width: 100%;
  2558. padding: 10px;
  2559. background: white;
  2560. border: 1px solid #dddddd;
  2561. }
  2562. .responsive_style_table td .resoconto_singolo b {
  2563. }
  2564. .responsive_style_table td .resoconto_singolo b small{
  2565. display: block;
  2566. }
  2567. .responsive_style_table td .resoconto_singolo .iva_singola {
  2568. display: block;
  2569. font-size: 12px;
  2570. border-top: 1px dashed #efe8d7;
  2571. margin-top: 5px;
  2572. padding-top: 5px;
  2573. text-align: right;
  2574. margin: 5px;
  2575. }
  2576. .responsive_style_table td .resoconto_singolo .iva_singola span {
  2577. /* display: block; */
  2578.  
  2579. }
  2580. .responsive_style_table td .resoconto_singolo .iva_singola .value {
  2581. font-size: 17px;
  2582. display: block;
  2583. color: #4CAF50;
  2584. font-weight: 600;
  2585. }
  2586. .responsive_style_table .total_title {
  2587. text-transform: uppercase;
  2588. font-size: 19px;
  2589. font-weight: 700;
  2590. }
  2591. .responsive_style_table #active_coupons + .total_title {
  2592. /* border-top: 1px dashed #efe8d7; */
  2593. /* padding-top: 20px; */
  2594. }
  2595. .responsive_style_table b.total {
  2596. color: #4CAF50;
  2597. font-size: 28px;
  2598. margin: 0;
  2599. line-height: 1;
  2600. }
  2601. .responsive_style_table .subtotal {
  2602. font-size: 15px;
  2603. margin-bottom: 10px;
  2604. padding-bottom: 10px;
  2605. display: block;
  2606. border-bottom: 1px dashed #dedede;
  2607. line-height: 1;
  2608. margin-top: 5px;
  2609. font-weight: 500;
  2610. }
  2611. .responsive_style_table .valore {
  2612. font-size: 15px;
  2613. margin-bottom: 10px;
  2614. padding-bottom: 10px;
  2615. display: block;
  2616. border-bottom: 1px dashed #dedede;
  2617. line-height: 1;
  2618. margin-top: 5px;
  2619. font-weight: 500;
  2620.  
  2621. }
  2622. .responsive_style_table h5 {
  2623. text-transform: uppercase;
  2624. font-weight: 100;
  2625. font-size: 14px;
  2626. line-height: 1;
  2627. margin: 0;
  2628. }
  2629. .responsive_style_table #active_coupons li {
  2630. border-bottom: 1px dashed #efe8d7;
  2631. padding: 10px 0;
  2632. }
  2633.  
  2634. #user_orders td:last-child {
  2635. color: #229c45;
  2636. }
  2637. #user_orders .debito {
  2638. color: #f44336;
  2639. border-top: 2px dashed #ffd1d1;
  2640. border-bottom: 2px dashed #ffd1d1;
  2641. background: #fff7f7;
  2642. }
  2643. #user_orders .debito td:last-child {
  2644. color: red;
  2645. }
  2646.  
  2647. /* COLORI STATUS */
  2648. .order.background_label {
  2649. padding: 5px 15px;
  2650. display: inline-block;
  2651. text-align: center;
  2652. font-size: 12px;
  2653. color: white;
  2654. border-radius: 3px;
  2655. width: 100%;
  2656. }
  2657. .order.background_label.status_0 {
  2658. background: #F44336;
  2659. }
  2660. .order.background_label.status_1 {
  2661. background: #FF9800;
  2662. }
  2663. .order.background_label.status_2 {
  2664. background: #2196F3;
  2665. }
  2666. .order.background_label.status_3 {
  2667. background: #8BC34A;
  2668. }
  2669. .order.background_label.status_4 {
  2670. background: #4e4645;
  2671. }
  2672. .order.text_label {
  2673. font-weight: 600;
  2674. }
  2675. .order.text_label.status_0 {
  2676. color: #F44336;
  2677. }
  2678. .order.text_label.status_1 {
  2679. color: #FF9800;
  2680. }
  2681. .order.text_label.status_2 {
  2682. color: #2196F3;
  2683. }
  2684. .order.text_label.status_3 {
  2685. color: #8BC34A;
  2686. }
  2687. .order.text_label.status_4 {
  2688. color: #4e4645;
  2689. }
  2690.  
  2691. /* BOX COUPON */
  2692. #checkout #coupon_box {
  2693. /* background: #ffffff; */
  2694. /* padding: 15px; */
  2695. /* border: 1px dashed #dedede; */
  2696. margin-bottom: 30px;
  2697. padding-right: 100px;
  2698. position: relative;
  2699. }
  2700. #checkout #coupon_box .coupon_submit {
  2701. font-size: 14px;
  2702. line-height: 24px;
  2703. background: #212121;
  2704. color: white;
  2705. position: absolute;
  2706. right: 0;
  2707. top: 0;
  2708. width: 85px;
  2709. border-radius: 0;
  2710. }
  2711. #checkout #coupon_box .coupon_submit:hover {
  2712. background: #e8806d;
  2713. }
  2714.  
  2715. /* BOX RESOCONTO */
  2716. #checkout #summary_box {
  2717. border: 2px solid #dddddd;
  2718. background: #ffffff;
  2719. margin-bottom: 30px;
  2720. padding: 15px;
  2721. }
  2722. #checkout #summary_box h3 {
  2723. font-weight: 500;
  2724. font-size: 20px;
  2725. text-transform: uppercase;
  2726. margin: 0;
  2727. }
  2728. #checkout #summary_box .edit_cart {
  2729. background: white;
  2730. border: 1px solid;
  2731. font-size: 50%;
  2732. padding: 5px;
  2733. float: right;
  2734. border-radius: 5px;
  2735. line-height: 1.1;
  2736. }
  2737. #checkout #summary_box .edit_cart:hover {
  2738.  
  2739. }
  2740. #checkout #summary_box b {
  2741. color: #000000;
  2742. font-size: 28px;
  2743. }
  2744. #checkout #summary_box b.subtotal,
  2745. #checkout #summary_box b.valore {
  2746. font-size: 15px;
  2747. display: block;
  2748. border-bottom: 1px dashed #eff1f1;
  2749. padding-bottom: 5px;
  2750. }
  2751. #checkout #summary_box h4 {
  2752. font-weight: 100;
  2753. font-size: 13px;
  2754. text-transform: uppercase;
  2755. color: #9b9b9b;
  2756. margin: 0;
  2757. padding: 0;
  2758. line-height: 1;
  2759. }
  2760. #checkout #summary_box .cart_buttons {
  2761. border-top: 1px dashed #efe8d6;
  2762. margin-top: 5px;
  2763. }
  2764. #checkout #summary_box .cart_buttons .btn {
  2765. width: 100%;
  2766. margin-top: 15px;
  2767. font-weight: 500;
  2768. text-transform: uppercase;
  2769. font-size: 14px;
  2770. line-height: 30px;
  2771. }
  2772. #checkout #summary_box .cart_buttons .btn:hover {
  2773. /* box-shadow: hsla(0, 0%, 0%, 0.5) 1px 1px 6px -2px; */
  2774. }
  2775. #checkout #summary_box .cart_buttons .btn.continue_shopping {
  2776. background: #f3f3f3;
  2777. color: #212121;
  2778. }
  2779. #checkout #summary_box .cart_buttons .btn.go_to_checkout {
  2780. background: #229c45;
  2781. color: white;
  2782. font-weight: 700;
  2783. font-size: 15px;
  2784. border-radius: 0;
  2785. }
  2786. #checkout #summary_box .cart_buttons .btn.continue_shopping:hover {
  2787. background: #212121;
  2788. color: white;
  2789. }
  2790. #checkout #summary_box .cart_buttons .btn.go_to_checkout:hover {
  2791. box-shadow: #afafaf 2px 2px 10px -2px;
  2792. background: #187833;
  2793. }
  2794. #checkout #summary_box .cart_buttons .payments_icon {
  2795. display: block;
  2796. margin: 10px auto 0;
  2797. opacity: 0.7;
  2798. height: 20px;
  2799. }
  2800. #summary_box #active_coupons {margin-top: 0;}
  2801.  
  2802. #active_coupons ul {
  2803. padding: 0 !important;
  2804. list-style: none;
  2805. border-top: 0 !important;
  2806. margin-top: 0 !important;
  2807. margin-bottom: 5px;
  2808. }
  2809. #checkout #summary_box #active_coupons ul li {border-bottom: 1px dashed #dddddd;margin: 5px 0 0;padding-bottom: 5px;}
  2810. #active_coupons ul li strong {
  2811. display: block;
  2812. font-weight: 100;
  2813. font-size: 13px;
  2814. text-transform: uppercase;
  2815. color: #9b9b9b;
  2816. }
  2817. #active_coupons ul li span {
  2818. line-height: 1;
  2819. }
  2820. #active_coupons ul li small {
  2821. display: block;
  2822. }
  2823. #active_coupons ul li b {
  2824. font-size: 16px !important;
  2825. color: #c19243;
  2826. }
  2827. #active_coupons ul li a {
  2828. font-size: 12px;
  2829. float: right;
  2830. font-weight: 100;
  2831. }
  2832. #checkout #products_related {
  2833. padding-bottom: 50px;
  2834. }
  2835.  
  2836. /* PAGINA PAGAMENTO */
  2837. #checkout.pagamento .checkout_boxes .info_box {
  2838. background: #ffffff;
  2839. border: 2px solid #dedede;
  2840. padding: 15px;
  2841. margin-bottom: 30px;
  2842. }
  2843. #checkout.pagamento .checkout_boxes .info_box i {
  2844. font-size: 30px;
  2845. display: block;
  2846. float: left;
  2847. height: 40px;
  2848. width: 40px;
  2849. line-height: 40px;
  2850. text-align: center;
  2851. margin-right: 15px;
  2852. }
  2853. #checkout.pagamento .checkout_boxes .info_box .title {
  2854. display: block;
  2855. }
  2856. #checkout.pagamento .checkout_boxes .info_box .subtitle {
  2857. font-size: 13px;
  2858. display: block;
  2859. }
  2860. #checkout.pagamento #summary_box > ul {
  2861. list-style: none;
  2862. padding: 0;
  2863. margin: 10px 0;
  2864. border-top: 2px solid #dddddd;
  2865. border-bottom: 2px solid #dddddd;
  2866. padding-top: 5px;
  2867. }
  2868. #checkout #summary_box > ul > li {
  2869. padding: 10px 0;
  2870. border-bottom: 1px dashed #eff1f1;
  2871. position: relative;
  2872. min-height: 50px;
  2873. }
  2874. #checkout.pagamento #summary_box > ul > li .product_image {
  2875. width: 35px;
  2876. height: 35px;
  2877. float: left;
  2878. object-fit: cover;
  2879. margin-right: 10px;
  2880. }
  2881. #checkout.pagamento #summary_box > ul > li:last-child {
  2882. border-bottom: 0;
  2883. }
  2884. #checkout.pagamento #summary_box > ul > li h6 {
  2885. font-size: 14px;
  2886. font-weight: 600;
  2887. padding-right: 70px;
  2888. margin: 0 0 3px;
  2889. }
  2890. #checkout.pagamento #summary_box > ul > li h6 i {
  2891. color: #9b9b9b;
  2892. font-weight: 100;
  2893. font-size: 90%;
  2894. }
  2895. #checkout.pagamento #summary_box > ul > li .attribute {
  2896. font-size: 12px;
  2897. color: #000;
  2898. }
  2899. #checkout.pagamento #summary_box > ul > li .prezzo {
  2900. position: absolute;
  2901. right: 0;
  2902. top: 10px;
  2903. font-weight: 500;
  2904. color: #ffffff;
  2905. background: #212121;
  2906. padding: 3px 5px;
  2907. border-radius: 5px;
  2908. font-size: 11px;
  2909. }
  2910. #checkout.pagamento #summary_box > ul > li p {
  2911. font-size: 14px;
  2912. }
  2913. #checkout.pagamento #summary_box > ul > li p:last-child {
  2914. margin: 0;
  2915. }
  2916. #checkout.pagamento #summary_box ul ul {
  2917. padding: 0;
  2918. margin: -10px 0;
  2919. list-style: none;
  2920. }
  2921. #checkout.pagamento #summary_box ul ul li {
  2922. padding: 0;
  2923. border-bottom: 1px dashed #e8e8e8;
  2924. padding: 10px 0;
  2925. font-size: 13px;
  2926. }
  2927. #checkout.pagamento #summary_box ul ul li:last-child {
  2928. border: 0;
  2929. }
  2930. #checkout.pagamento #summary_box .total {
  2931. margin: -5px 0;
  2932. display: block;
  2933. }
  2934. #checkout.pagamento #pagamento-checkout .checkout_block {
  2935. opacity: 0.5;
  2936. height: 49px;
  2937. overflow: hidden;
  2938. }
  2939. #checkout.pagamento #pagamento-checkout .checkout_block.aperta {
  2940. height: auto;
  2941. opacity: 1;
  2942. }
  2943. #checkout.pagamento #pagamento-checkout .checkout_block .already_registered {
  2944. color: #694c47;
  2945. font-size: 14px;
  2946. line-height: 28px;
  2947. opacity: 0.7;
  2948. }
  2949. #checkout.pagamento #pagamento-checkout .checkout_block .already_registered:hover {
  2950. opacity: 1;
  2951. }
  2952. #checkout.pagamento #pagamento-checkout .checkout_block .welcome_title {
  2953. display: block;
  2954. margin: 0px 0 10px;
  2955. font-weight: 500;
  2956. font-size: 14px;
  2957. }
  2958. #checkout.pagamento #pagamento-checkout .payments_icon {
  2959. margin: 5px 0;
  2960. max-height: 30px;
  2961. margin-left: 15px;
  2962. }
  2963. #checkout.pagamento #pagamento-checkout button.completa_ordine {
  2964. background: #4CAF50;
  2965. color: white;
  2966. float: right;
  2967. }
  2968. #checkout.pagamento #pagamento-checkout button.completa_ordine i {
  2969. margin-right: 5px;
  2970. }
  2971. #checkout.pagamento #pagamento-checkout button.completa_ordine:hover {
  2972. box-shadow: #afafaf 2px 2px 10px -2px;
  2973. background: #43A047;
  2974. }
  2975. #checkout.pagamento #pagamento-checkout button {
  2976. min-width: 120px;
  2977. }
  2978. #checkout.pagamento #pagamento-checkout .payments_details h5 {
  2979. font-weight: 600;
  2980. text-transform: uppercase;
  2981. font-size: 17px;
  2982. margin-bottom: 5px;
  2983. }
  2984. #checkout.pagamento #pagamento-checkout .payments_detail {
  2985. display: none;
  2986. }
  2987. #checkout.pagamento #pagamento-checkout .payments_detail .payment_info {
  2988. background: white;
  2989. padding: 10px;
  2990. border: 1px solid #f7f8f8;
  2991. }
  2992. #checkout.pagamento #pagamento-checkout .payments_detail input {
  2993. background: white;
  2994. }
  2995.  
  2996. #cart_go_to_checkout {
  2997. text-align: center;
  2998. display: block;
  2999. }
  3000.  
  3001. #cart_go_to_checkout > a {
  3002. margin-bottom: 30px;
  3003. }
  3004.  
  3005. /* EMPTY CHECKOUT */
  3006. #checkout.empty #empty_cart {
  3007. background: white;
  3008. margin: auto;
  3009. display: block;
  3010. max-width: 700px;
  3011. text-align: center;
  3012. padding: 50px 0 70px;
  3013. }
  3014. #checkout.empty #empty_cart i {
  3015. font-size: 80px;
  3016. margin-bottom: 30px;
  3017. color: #000000;
  3018. }
  3019. #checkout.empty #empty_cart h4 {
  3020. margin: 0 0 20px;
  3021. text-transform: uppercase;
  3022. font-weight: 600;
  3023. }
  3024. #checkout.empty #empty_cart p {
  3025. color: #afafaf;
  3026. }
  3027. #checkout.empty #empty_cart a {
  3028.  
  3029. }
  3030. #checkout.empty #empty_cart a:hover {
  3031.  
  3032. }
  3033.  
  3034. /* FOOTER WIDGETS */
  3035. #footer_widgets {
  3036. background: #ececec;
  3037. padding: 15px 0;
  3038. margin-top: 30px;
  3039. margin: 0;
  3040. color: black;
  3041. }
  3042. #footer_widgets .widget-inner {
  3043. display: flex;
  3044. }
  3045. #footer_widgets .info_box {
  3046. padding: 5px 0;
  3047. flex: 1;
  3048. }
  3049.  
  3050. footer#footer .barra_inferiore .footer_parts .social_links .instagram {
  3051. background: #f09433;
  3052. background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  3053. background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  3054. background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  3055. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  3056. -webkit-background-clip: text;
  3057. -webkit-text-fill-color: transparent;
  3058. }
  3059.  
  3060. footer#footer .barra_inferiore .footer_parts .social_links .instagram i {
  3061. background: #f09433;
  3062. background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  3063. background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  3064. background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  3065. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  3066. -webkit-background-clip: text;
  3067. -webkit-text-fill-color: transparent;
  3068. }
  3069.  
  3070. footer#footer .barra_inferiore .footer_parts .social_links .facebook {
  3071. color: #3b5998;
  3072. }
  3073.  
  3074. footer#footer .barra_inferiore .footer_parts .social_links .facebook a {
  3075. text-underline: none;
  3076. }
  3077.  
  3078. #footer_widgets .info_box i {
  3079. font-size: 30px;
  3080. display: block;
  3081. float: left;
  3082. height: 40px;
  3083. width: 40px;
  3084. line-height: 40px;
  3085. text-align: center;
  3086. margin-right: 15px;
  3087. }
  3088. #footer_widgets .info_box .title {
  3089. display: block;
  3090. }
  3091. #footer_widgets .info_box .subtitle {
  3092. font-size: 14px;
  3093. display: block;
  3094. }
  3095.  
  3096. /* SWIPEBOX */
  3097. .lg-backdrop {
  3098. background: white !important;
  3099. }
  3100.  
  3101. .lg-toolbar {
  3102. background: transparent !important;
  3103. color: black !important;
  3104. }
  3105.  
  3106. .lg-toolbar .lg-icon {
  3107. color: black !important;
  3108. }
  3109.  
  3110. .lg-actions .lg-next, .lg-actions .lg-prev {
  3111. background: white !important;
  3112. }
  3113.  
  3114. /* SWAL */
  3115.  
  3116. .swal-modal {
  3117. border-radius: 0 !important;
  3118. }
  3119.  
  3120. .swal-title {
  3121. color: #000;
  3122. }
  3123.  
  3124. .swal-text {
  3125. color: #000;
  3126. }
  3127.  
  3128. .swal-button {
  3129. display: inline-block;
  3130. padding: 12px 20px;
  3131. font-weight: 500;
  3132. position: relative;
  3133. transition: all 0.2s;
  3134. bottom: 0;
  3135. border: 1px solid #fff;
  3136. cursor: pointer;
  3137. background: #000 !important;
  3138. color: white !important;
  3139. border-radius: 0;
  3140. outline: none !important;
  3141. box-shadow: none !important;
  3142. }
  3143.  
  3144. .swal-button:hover {
  3145. bottom: 5px;
  3146. }
  3147.  
  3148. .swal-button--danger {
  3149. background-color: #e64942 !important;
  3150. }
  3151.  
  3152. .basket {
  3153. width: 14px;
  3154. margin-right: 20px;
  3155. }
  3156.  
  3157. .page404 {
  3158. padding: 20px 0 35px 0;
  3159. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!