Advertisement
Guest User

Untitled

a guest
May 15th, 2022
35
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 90.96 KB | None | 0 0
  1. /*woocommerce default styles*/
  2.  
  3. .clear {
  4. clear: both;
  5. }
  6.  
  7. .nobr {
  8. white-space: nowrap;
  9. }
  10.  
  11. div.woocommerce-error,
  12. div.woocommerce-message {
  13. margin: 10px 0px;
  14. padding: 10px 10px 10px 32px;
  15. background-repeat: no-repeat;
  16. background-position: 10px center;
  17. }
  18.  
  19. div.woocommerce-error a.button,
  20. div.woocommerce-message a.button {
  21. margin-top: 0;
  22. float: right;
  23. }
  24.  
  25. p small {}
  26.  
  27. p.demo_store {
  28. position: fixed;
  29. top: 0;
  30. width: 100%;
  31. font-size: 12px;
  32. text-align: center;
  33. background: -webkit-gradient(linear, left top, left bottom, from(#f7f5c6), to(#eeeac1));
  34. background: -webkit-linear-gradient(#f7f5c6, #eeeac1);
  35. background: -moz-linear-gradient(center top, #f7f5c6 0%, #eeeac1 100%);
  36. background: -moz-gradient(center top, #f7f5c6 0%, #eeeac1 100%);
  37. padding: 8px 0;
  38. z-index: 999999;
  39. box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.3);
  40. }
  41.  
  42. small.note {
  43. display: block;
  44. font-size: 11px;
  45. line-height: 21px;
  46. margin-top: 10px;
  47. }
  48.  
  49. #breadcrumb {
  50. overflow: hidden;
  51. zoom: 1;
  52. margin: 0 0 1em;
  53. padding: 0;
  54. font-size: 0.92em;
  55. }
  56.  
  57. #breadcrumb a {}
  58.  
  59. div.product {
  60. position: relative;
  61. margin-bottom: 0;
  62. }
  63.  
  64. div.product .product_title {
  65. clear: none;
  66. }
  67.  
  68. div.product p.price {
  69. color: #7E9A47;
  70. font-size: 1.3em;
  71. }
  72.  
  73. div.product p.price del {
  74. font-size: 14px;
  75. color: #8B2121;
  76. }
  77.  
  78. div.product p.stock {
  79. font-size: 0.92em;
  80. padding: 2px 0 0 0;
  81. }
  82.  
  83. div.product div.images {
  84. float: left;
  85. width: 47%;
  86. }
  87.  
  88. div.product div.images img {
  89. padding: 6px;
  90. display: block;
  91. width: 100%;
  92. height: auto;
  93. }
  94.  
  95. div.product div.images div.thumbnails {
  96. padding-top: 10px;
  97. zoom: 1;
  98. }
  99.  
  100. div.product div.images div.thumbnails a {
  101. float: left;
  102. width: 30.75%;
  103. margin-right: 3.8%;
  104. }
  105.  
  106. div.product div.images div.thumbnails a img {
  107. width: 100%;
  108. height: auto;
  109. }
  110.  
  111. div.product div.images div.thumbnails a.last {
  112. margin-right: 0;
  113. }
  114.  
  115. div.product div.images div.thumbnails a.first {
  116. clear: both;
  117. }
  118.  
  119. div.product div.summary {
  120. float: right;
  121. width: 48%;
  122. }
  123.  
  124. div.product div.social {
  125. text-align: right;
  126. margin: 0 0 1em;
  127. }
  128.  
  129. div.product div.social span {
  130. margin: 0 0 0 2px;
  131. }
  132.  
  133. div.product div.social span span {
  134. margin: 0;
  135. }
  136.  
  137. div.product div.social span .stButton .chicklets {
  138. padding-left: 16px;
  139. width: 0;
  140. }
  141.  
  142. div.product div.social iframe {
  143. float: left;
  144. margin-top: 3px;
  145. }
  146.  
  147. div.product .woocommerce-tabs {
  148. clear: both;
  149. padding: 1em 0 0 0;
  150. margin: 0 0 1em 0;
  151. }
  152.  
  153. div.product .woocommerce-tabs ul.tabs {
  154. border-top-left-radius: 2px;
  155. border-top-right-radius: 2px;
  156. overflow: hidden;
  157. zoom: 1;
  158. margin: 0;
  159. padding: 4px 4px 0;
  160. list-style: none outside;
  161. }
  162.  
  163. div.product .woocommerce-tabs ul.tabs li {
  164. float: left;
  165. margin: 0;
  166. font-size: 0.92em;
  167. margin-right: -1px;
  168. }
  169.  
  170. div.product .woocommerce-tabs ul.tabs {
  171. position: relative;
  172. top: 1px;
  173. z-index: 10;
  174. }
  175.  
  176. #top div div.product .woocommerce-tabs ul.tabs li.active a {
  177. border-style: solid;
  178. border-width: 1px;
  179. border-bottom: none;
  180. padding: 9px 20px 10px 20px;
  181. position: relative;
  182. }
  183.  
  184. div.product .woocommerce-tabs ul.tabs li.active {
  185. position: relative;
  186. }
  187.  
  188. div.product .woocommerce-tabs .panel {
  189. padding: 15px 15px 0;
  190. border-bottom-left-radius: 3px;
  191. border-bottom-right-radius: 3px;
  192. }
  193.  
  194. .js_active .woocommerce-tabs .panel {
  195. display: none;
  196. }
  197.  
  198. .stock {
  199. color: #7E9A47;
  200. }
  201.  
  202. .out-of-stock {
  203. color: #8B2121;
  204. }
  205.  
  206. p.cart {
  207. float: right;
  208. }
  209.  
  210. form.cart {
  211. margin-bottom: 24px;
  212. overflow: hidden;
  213. zoom: 1;
  214. }
  215.  
  216. form.cart div.quantity {
  217. float: left;
  218. margin: 0 4px 0 0;
  219. }
  220.  
  221. form.cart table {
  222. font-size: 12px;
  223. }
  224.  
  225. form.cart table td {
  226. padding: 4px 4px 4px 0;
  227. }
  228.  
  229. form.cart table div.quantity {
  230. float: none;
  231. margin: 0;
  232. width: 72px;
  233. }
  234.  
  235. form.cart table small.stock {
  236. display: block;
  237. float: none;
  238. }
  239.  
  240. form.cart .variations label {
  241. font-weight: bold;
  242. }
  243.  
  244. form.cart .variations select {
  245. width: 100%;
  246. float: left;
  247. }
  248.  
  249. form.cart .button {
  250. vertical-align: middle;
  251. float: left;
  252. margin: 2px 0;
  253. }
  254.  
  255. span.onsale {
  256. background: #7E9A47;
  257. min-height: 32px;
  258. min-width: 32px;
  259. padding: 4px;
  260. font-size: 12px;
  261. position: absolute;
  262. text-align: center;
  263. line-height: 32px;
  264. top: 6px;
  265. left: 6px;
  266. margin: 0;
  267. border-radius: 20px;
  268. }
  269.  
  270. .products ul, ul.products {
  271. margin: 0 0 14px;
  272. padding: 0;
  273. list-style: none;
  274. }
  275.  
  276. .related, .upsells.products {
  277. overflow: hidden;
  278. zoom: 1;
  279. }
  280.  
  281. .related ul.products, .upsells.products ul.products, .related ul, .upsells.products ul {
  282. float: none;
  283. }
  284.  
  285. .related ul.products li, .upsells.products ul.products li, .related ul li, .upsells.products ul li {
  286. width: 48%;
  287. }
  288.  
  289. .related ul.products li img, .upsells.products ul.products li img, .related ul li img, .upsells.products ul li img {
  290. width: 100%;
  291. height: auto;
  292. }
  293.  
  294. ul.products {
  295. clear: both;
  296. margin-left: 0;
  297. padding-left: 0;
  298. }
  299.  
  300. ul.products li {
  301. float: left;
  302. margin: 0 3.8% 20px 0;
  303. padding: 0;
  304. position: relative;
  305. width: 22.05%;
  306. margin-left: 0;
  307. }
  308.  
  309. ul.products li .onsale {
  310. top: 0;
  311. right: 0;
  312. left: auto;
  313. margin: -6px -6px 0 0;
  314. }
  315.  
  316. div .products li a, div .product a {
  317. text-decoration: none;
  318. }
  319.  
  320. ul.products li a img {
  321. width: 100%;
  322. height: auto;
  323. display: block;
  324. margin: 0 0 8px;
  325. }
  326.  
  327. ul.products li a:hover img {}
  328.  
  329. ul.products li strong {
  330. display: block;
  331. }
  332.  
  333. ul.products li .price {
  334. color: #7E9A47;
  335. display: block;
  336. font-weight: normal;
  337. }
  338.  
  339. ul.products li .price del {
  340. font-size: 10px;
  341. line-height: 10px;
  342. margin: -2px 0 0 0;
  343. display: block;
  344. }
  345.  
  346. ul.products li .price .from {
  347. font-size: 10px;
  348. line-height: 10px;
  349. margin: -2px 0 0 0;
  350. display: block;
  351. }
  352.  
  353. ul.products li.first {
  354. clear: both;
  355. }
  356.  
  357. ul.products li.last {
  358. margin-right: 0;
  359. }
  360.  
  361. .woocommerce-ordering {
  362. margin-bottom: 24px;
  363. }
  364.  
  365. a.button.loading, button.button.loading, input.button.loading, #review_form #submit.loading {
  366. filter: alpha(opacity=50);
  367. opacity: 0.5;
  368. }
  369.  
  370. a.button.loading:before, button.button.loading:before, input.button.loading:before, #review_form #submit.loading:before {
  371. content: "";
  372. position: absolute;
  373. height: 16px;
  374. width: 16px;
  375. top: 0.35em;
  376. right: -26px;
  377. text-indent: 0;
  378. }
  379.  
  380. a.button.added:before, button.button.added:before, input.button.added:before, #review_form #submit.added:before {
  381. content: "";
  382. position: absolute;
  383. height: 16px;
  384. width: 16px;
  385. top: 0.35em;
  386. right: -26px;
  387. text-indent: 0;
  388. }
  389.  
  390. a.button:hover, button.button:hover, input.button:hover, #review_form #submit:hover {
  391. text-decoration: none;
  392. }
  393.  
  394. .cart .button, .cart input.button {
  395. float: none;
  396. border-bottom-style: solid;
  397. border-bottom-width: 1px;
  398. }
  399.  
  400. #top .quantity .no-spin-num::-webkit-inner-spin-button, #top .quantity .no-spin::-webkit-outer-spin-button {
  401. -webkit-appearance: none;
  402. margin: 0;
  403. }
  404.  
  405. #top .quantity .no-spin-num {
  406. -moz-appearance: textfield;
  407. }
  408.  
  409. .woocommerce-page .button {
  410. min-width: 110px;
  411. padding: 15px;
  412. line-height: 1em;
  413. margin: 4px 2px 0 0;
  414. float: left;
  415. font-size: 12px;
  416. width: auto;
  417. vertical-align: middle;
  418. text-align: center;
  419. text-decoration: none;
  420. border: none;
  421. cursor: pointer;
  422. font-family: inherit;
  423. border-radius: 2px;
  424. }
  425.  
  426. .button.alt:hover {}
  427.  
  428. #reviews h2 small {
  429. float: right;
  430. font-size: 15px;
  431. line-height: 21px;
  432. margin: 10px 0 0 0;
  433. }
  434.  
  435. #reviews h2 small a {
  436. text-decoration: none;
  437. }
  438.  
  439. #reviews h3 {
  440. margin: 0;
  441. }
  442.  
  443. #reviews #respond {
  444. margin: 0;
  445. border: 0;
  446. padding: 0;
  447. }
  448.  
  449. #reviews #comment {
  450. height: 75px;
  451. }
  452.  
  453. #reviews #comments .add_review {
  454. overflow: hidden;
  455. zoom: 1;
  456. }
  457.  
  458. #reviews #comments h2 {
  459. clear: none;
  460. }
  461.  
  462. #reviews #comments ol.commentlist {
  463. overflow: hidden;
  464. zoom: 1;
  465. margin: 0;
  466. width: 100%;
  467. background: none;
  468. }
  469.  
  470. #reviews #comments ol.commentlist li {
  471. padding: 00;
  472. margin: 0 0 20px;
  473. border: 0;
  474. position: relative;
  475. background: 0;
  476. border: 0;
  477. }
  478.  
  479. #reviews #comments ol.commentlist li .meta {
  480. font-size: 0.75em;
  481. }
  482.  
  483. #reviews #comments ol.commentlist li .comment-text {
  484. margin: 0 0 0 50px;
  485. border-radius: 5px;
  486. padding: 11px 11px 0;
  487. }
  488.  
  489. #reviews #comments ol.commentlist li .comment-text p {
  490. margin: 0 0 11px;
  491. }
  492.  
  493. #reviews #comments ol.commentlist li .comment-text p.meta {
  494. font-size: 0.86em;
  495. }
  496.  
  497. .star-rating {
  498. float: right;
  499. width: 80px;
  500. height: 16px;
  501. background: url(images/star.png) repeat-x left 0;
  502. }
  503.  
  504. .star-rating span {
  505. background: url(images/star.png) repeat-x left -32px;
  506. height: 0;
  507. padding-top: 16px;
  508. overflow: hidden;
  509. float: left;
  510. }
  511.  
  512. #reviews .star-rating {
  513. margin: 10px 0 0 0;
  514. }
  515.  
  516. #review_form #respond {
  517. overflow: hidden;
  518. zoom: 1;
  519. margin: 0;
  520. padding: 10px 20px 20px;
  521. }
  522.  
  523. #review_form #respond p {
  524. margin: 0 0 10px;
  525. }
  526.  
  527. p.stars {
  528. overflow: hidden;
  529. zoom: 1;
  530. }
  531.  
  532. p.stars span {
  533. width: 80px;
  534. height: 16px;
  535. position: relative;
  536. float: left;
  537. background: url(images/star.png) repeat-x left 0;
  538. }
  539.  
  540. p.stars span a {
  541. float: left;
  542. position: absolute;
  543. left: 0;
  544. top: 0;
  545. width: 16px;
  546. height: 0;
  547. padding-top: 16px;
  548. overflow: hidden;
  549. }
  550.  
  551. p.stars span a:hover, p.stars span a:focus {
  552. background: url(images/star.png) repeat-x left -16px;
  553. }
  554.  
  555. p.stars span a.active {
  556. background: url(images/star.png) repeat-x left -32px;
  557. }
  558.  
  559. p.stars span a.star-1 {
  560. width: 16px;
  561. z-index: 10;
  562. }
  563.  
  564. p.stars span a.star-2 {
  565. width: 32px;
  566. z-index: 9;
  567. }
  568.  
  569. p.stars span a.star-3 {
  570. width: 48px;
  571. z-index: 8;
  572. }
  573.  
  574. p.stars span a.star-4 {
  575. width: 64px;
  576. z-index: 7;
  577. }
  578.  
  579. p.stars span a.star-5 {
  580. width: 80px;
  581. z-index: 6;
  582. }
  583.  
  584. table.shop_attributes th {
  585. width: 150px;
  586. font-weight: bold;
  587. padding: 8px;
  588. margin: 0;
  589. line-height: 1.5em;
  590. }
  591.  
  592. table.shop_attributes td {
  593. font-style: italic;
  594. padding: 0;
  595. margin: 0;
  596. line-height: 1.5em;
  597. }
  598.  
  599. table.shop_attributes td p {
  600. margin: 0;
  601. padding: 8px;
  602. }
  603.  
  604. table.shop_attributes .alt td, table.shop_attributes .alt th {}
  605.  
  606. table.shop_table {
  607. margin: 0px -1px 24px 0px;
  608. text-align: left;
  609. width: 100%;
  610. border-radius: 5px;
  611. }
  612.  
  613. table.shop_table th {
  614. font-size: 12px;
  615. font-weight: bold;
  616. line-height: 18px;
  617. padding: 9px 12px;
  618. }
  619.  
  620. table.shop_table td {
  621. padding: 6px 12px;
  622. vertical-align: middle;
  623. }
  624.  
  625. table.shop_table td a.button {
  626. margin: 0 3px;
  627. }
  628.  
  629. table.shop_table tfoot td {
  630. font-weight: bold;
  631. }
  632.  
  633. table.my_account_orders {
  634. font-size: 0.85em;
  635. }
  636.  
  637. table.my_account_orders th, table.my_account_orders td {
  638. padding: 4px 8px;
  639. vertical-align: top;
  640. }
  641.  
  642. table.my_account_orders .button {
  643. white-space: nowrap;
  644. margin: 4px 0;
  645. }
  646.  
  647. table.cart img {
  648. width: 32px;
  649. height: auto;
  650. }
  651.  
  652. ul.cart_list, ul.product_list_widget {
  653. list-style: none outside;
  654. padding: 0;
  655. margin: 0;
  656. }
  657.  
  658. ul.cart_list li, ul.product_list_widget li {
  659. padding: 4px 0;
  660. margin: 0;
  661. overflow: hidden;
  662. zoom: 1;
  663. }
  664.  
  665. ul.cart_list li a, ul.product_list_widget li a {
  666. display: block;
  667. font-weight: bold;
  668. }
  669.  
  670. ul.cart_list li img, ul.product_list_widget li img {
  671. float: left;
  672. margin-right: 4px;
  673. width: 32px;
  674. height: auto;
  675. }
  676.  
  677. .widget_shopping_cart .total {
  678. border-top: 3px double #ddd;
  679. padding: 4px 0 0;
  680. margin: 0;
  681. }
  682.  
  683. .widget_shopping_cart .total strong {
  684. min-width: 40px;
  685. display: inline-block;
  686. }
  687.  
  688. .widget_shopping_cart .buttons {
  689. overflow: hidden;
  690. zoom: 1;
  691. }
  692.  
  693. a.remove {
  694. display: block;
  695. height: 16px;
  696. width: 16px;
  697. text-indent: -9999px;
  698. background: url(images/remove.png) #cccccc;
  699. }
  700.  
  701. a.remove:hover {}
  702.  
  703. .cart th, .cart td {
  704. vertical-align: middle;
  705. }
  706.  
  707. td.actions {
  708. text-align: right;
  709. }
  710.  
  711. td.actions .coupon {
  712. float: left;
  713. }
  714.  
  715. #top td.actions .coupon label {
  716. display: none;
  717. }
  718.  
  719. td.actions .coupon .input-text {
  720. width: 80px;
  721. float: left;
  722. margin: 1px 6px 0 0;
  723. }
  724.  
  725. td.actions .button.alt {
  726. float: right;
  727. margin: 2px 0 0 6px;
  728. }
  729.  
  730. td.product-name dl.variation {
  731. margin: 0;
  732. }
  733.  
  734. td.product-name dl.variation dt {
  735. font-weight: bold;
  736. display: inline;
  737. margin: 0 4px 0 0;
  738. padding: 0;
  739. }
  740.  
  741. td.product-name dl.variation dd {
  742. display: inline;
  743. margin: 0 12px 0 0;
  744. padding: 0;
  745. }
  746.  
  747. td.quantity {
  748. min-width: 80px;
  749. }
  750.  
  751. .quantity input {
  752. margin-left: 0;
  753. margin-right: 0;
  754. }
  755.  
  756. top #wc-bookings-booking-form .wc_bookings_field_persons input.plus, #top #wc-bookings-booking-form .wc_bookings_field_persons input.minus, .quantity input.qty {
  757. width: 20px;
  758. display: inline;
  759. padding: 1px 5px 2px;
  760. line-height: 1em;
  761. vertical-align: middle;
  762. margin: 0;
  763. }
  764.  
  765. #top #wc-bookings-booking-form .wc_bookings_field_persons input.plus, #top #wc-bookings-booking-form .wc_bookings_field_persons input.minus, .quantity input.plus, .quantity input.minus {
  766. padding: 4px;
  767. vertical-align: middle;
  768. line-height: 1em;
  769. border: none;
  770. width: 20px;
  771. cursor: pointer;
  772. margin: 0;
  773. display: inline;
  774. border: 0;
  775. }
  776.  
  777. #top .main_color #wc-bookings-booking-form .wc_bookings_field_persons input.minus, #top .main_color #wc-bookings-booking-form .wc_bookings_field_persons input.plus {
  778. border-color: #e1e1e1;
  779. background-color: #e7e7e7;
  780. color: #919191;
  781. }
  782.  
  783. .quantity input.minus {
  784. border-top-left-radius: 5px;
  785. border-bottom-left-radius: 5px;
  786. }
  787.  
  788. .quantity input.plus {
  789. border-top-right-radius: 5px;
  790. border-bottom-right-radius: 5px;
  791. float: none;
  792. }
  793.  
  794. .quantity input.minus:hover, .quantity input.plus:hover {}
  795.  
  796. .cart input {
  797. width: 100px;
  798. margin: 0;
  799. vertical-align: middle;
  800. line-height: 1em;
  801. }
  802.  
  803. .col2-set {
  804. overflow: hidden;
  805. zoom: 1;
  806. width: 100%;
  807. }
  808.  
  809. .col2-set .col-1 {
  810. float: left;
  811. width: 48%;
  812. }
  813.  
  814. .col2-set .col-2 {
  815. float: right;
  816. width: 48%;
  817. }
  818.  
  819. .cart-collaterals h2 {
  820. font-size: 14px;
  821. text-align: left;
  822. float: none;
  823. }
  824.  
  825. .cart-collaterals {
  826. overflow: hidden;
  827. zoom: 1;
  828. width: 100%;
  829. }
  830.  
  831. .cart-collaterals .related {
  832. width: 30.75%;
  833. float: left;
  834. }
  835.  
  836. .cart-collaterals .cross-sells {
  837. width: 100%;
  838. float: left;
  839. }
  840.  
  841. .cart-collaterals .cross-sells ul.products {
  842. float: none;
  843. }
  844.  
  845. .cart-collaterals .cross-sells ul.products li {
  846. width: 24.25%;
  847. }
  848.  
  849. #top .cross-sells .content {
  850. width: 100%;
  851. padding: 0;
  852. margin: 0;
  853. }
  854.  
  855. .cart-collaterals .shipping_calculator {
  856. width: 48%;
  857. text-align: right;
  858. overflow: hidden;
  859. zoom: 1;
  860. margin: 20px 0 0 0;
  861. clear: right;
  862. float: right;
  863. }
  864.  
  865. .cart-collaterals .shipping_calculator .button {
  866. width: 100%;
  867. float: none;
  868. display: block;
  869. }
  870.  
  871. .cart-collaterals .shipping_calculator .col2-set .col-1, .cart-collaterals .shipping_calculator .col2-set .col-2 {
  872. width: 47%;
  873. }
  874.  
  875. .cart-collaterals .cart_totals {
  876. float: right;
  877. width: 48%;
  878. text-align: right;
  879. }
  880.  
  881. .cart-collaterals .cart_totals p {
  882. margin: 0;
  883. }
  884.  
  885. .cart-collaterals .cart_totals table {
  886. border-radius: 5px;
  887. margin: 0 0 6px;
  888. padding: 0;
  889. }
  890.  
  891. .cart-collaterals .cart_totals table tr:first-child th, .cart-collaterals .cart_totals table tr:first-child td {
  892. border-top: 0;
  893. }
  894.  
  895. .cart-collaterals .cart_totals table td, .cart-collaterals .cart_totals table th {
  896. padding: 6px 12px;
  897. }
  898.  
  899. .cart-collaterals .cart_totals table small {
  900. display: block;
  901. }
  902.  
  903. #top .cart-collaterals .cart_totals table select, #top.woocommerce-page select {
  904. width: 95%;
  905. min-width: 0;
  906. margin: 0;
  907. }
  908.  
  909. .avia-webkit #top .cart-collaterals .cart_totals table select, .avia-webkit #top.woocommerce-page select {
  910. padding-right: 30px;
  911. }
  912.  
  913. .cart-collaterals .cart_totals .discount td {}
  914.  
  915. .cart-collaterals .cart_totals tr td, .cart-collaterals .cart_totals tr th {
  916. padding: 6px 24px;
  917. }
  918.  
  919. .cart-collaterals .cart_totals a.button.alt {
  920. width: 193px;
  921. display: block;
  922. font-size: 0.92em;
  923. }
  924.  
  925. #top .form-row {
  926. zoom: 1;
  927. padding: 3px 0;
  928. margin: 0 0 10px;
  929. }
  930.  
  931. #top .form-row label {
  932. display: block;
  933. }
  934.  
  935. #top .form-row label.hidden {
  936. visibility: hidden;
  937. }
  938.  
  939. #top .form-row select {
  940. width: 100%;
  941. cursor: pointer;
  942. margin: 0;
  943. min-width: 100px;
  944. }
  945.  
  946. #top .form-row .required {
  947. font-weight: bold;
  948. }
  949.  
  950. #top .form-row .input-checkbox {
  951. display: inline;
  952. margin: -2px 8px 0 0;
  953. text-align: center;
  954. vertical-align: middle;
  955. }
  956.  
  957. #top .form-row label.checkbox {
  958. display: inline;
  959. }
  960.  
  961. form .form-row input.input-text, #content .form-row input.input-text, form .form-row textarea, #content .form-row textarea {
  962. -webkit-box-sizing: border-box;
  963. -moz-box-sizing: border-box;
  964. box-sizing: border-box;
  965. box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  966. width: 100%;
  967. padding: 6px;
  968. margin: 0;
  969. outline: 0;
  970. background: #fff none;
  971. font-size: 14px;
  972. line-height: 1em;
  973. }
  974.  
  975. form .form-row textarea, #content .form-row textarea {
  976. height: 3.5em;
  977. line-height: 1.5em;
  978. display: block;
  979. box-shadow: none;
  980. }
  981.  
  982. .form-row-first, .form-row-last {
  983. float: left;
  984. width: 47%;
  985. overflow: visible;
  986. }
  987.  
  988. .form-row-last {
  989. float: right;
  990. }
  991.  
  992. #top form.login, #top form.register {
  993. padding: 20px;
  994. margin: 20px 0 20px 0px;
  995. text-align: left;
  996. border-radius: 5px;
  997. border-style: solid;
  998. border-width: 1px;
  999. }
  1000.  
  1001. #top #payment {
  1002. border-radius: 5px;
  1003. border-style: solid;
  1004. border-width: 1px;
  1005. }
  1006.  
  1007. #top #payment ul.payment_methods {
  1008. overflow: hidden;
  1009. zoom: 1;
  1010. text-align: left;
  1011. padding: 1em;
  1012. margin: 0;
  1013. list-style: none outside;
  1014. }
  1015.  
  1016. #top #payment ul.payment_methods li {
  1017. line-height: 2em;
  1018. text-align: left;
  1019. margin: -1px 0 0 0;
  1020. font-weight: normal;
  1021. border-style: solid;
  1022. border-width: 1px;
  1023. padding: 15px;
  1024. }
  1025.  
  1026. #top #payment ul.payment_methods li input {
  1027. margin: 0 1em 0 0;
  1028. }
  1029.  
  1030. #top #payment ul.payment_methods li img {
  1031. vertical-align: middle;
  1032. margin: -1px 0 0 0.5em;
  1033. position: relative;
  1034. }
  1035.  
  1036. #top #payment div.form-row {
  1037. padding: 1em;
  1038. }
  1039.  
  1040. #top #payment label {
  1041. display: inline;
  1042. }
  1043.  
  1044. #top #payment #place_order {
  1045. float: none;
  1046. margin: 0 auto;
  1047. }
  1048.  
  1049. #top #payment .terms {
  1050. padding: 0 1em 0;
  1051. text-align: right;
  1052. }
  1053.  
  1054. #top #payment div.payment_box {
  1055. position: relative;
  1056. width: 90%;
  1057. box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;
  1058. padding: 1em 28px;
  1059. margin: 0 0 0 0;
  1060. font-size: 0.92em;
  1061. left: -2px
  1062. }
  1063.  
  1064. #payment div.payment_box #cc-expire-month, #payment div.payment_box #cc-expire-year {
  1065. width: 48%;
  1066. float: left;
  1067. }
  1068.  
  1069. #top #payment div.payment_box #cc-expire-year {
  1070. float: right;
  1071. }
  1072.  
  1073. #top #payment div.payment_box span.help {
  1074. font-size: 11px;
  1075. line-height: 13px;
  1076. font-weight: normal;
  1077. }
  1078.  
  1079. #top #payment div.payment_box p, #payment div.payment_box .form-row {
  1080. padding: 0 0 1em;
  1081. margin: 0;
  1082. }
  1083.  
  1084. /* #payment div.payment_box:after{content:"";display:block;border:8px solid;border-right-color:transparent;border-left-color:transparent;border-top-color:transparent;position:absolute;top:24px;left:-23px;margin:-1em 0 0 2em;} */
  1085. div.shipping-address {
  1086. padding: 0;
  1087. clear: left;
  1088. }
  1089.  
  1090. #top #shiptobilling {
  1091. float: right;
  1092. line-height: 1.62em;
  1093. margin: 0 0 0 0;
  1094. padding: 0;
  1095. }
  1096.  
  1097. #top #shiptobilling label {
  1098. font-size: 0.6875em;
  1099. }
  1100.  
  1101. .checkout .col-2 h3 {
  1102. float: left;
  1103. clear: none;
  1104. margin-top: 0;
  1105. }
  1106.  
  1107. .checkout .col-2 .notes {
  1108. clear: left;
  1109. }
  1110.  
  1111. .checkout .col-2 .form-row-first {
  1112. clear: left;
  1113. }
  1114.  
  1115. #top .checkout .col-1, #top .checkout .col-2 {
  1116. background: transparent;
  1117. }
  1118.  
  1119. .order_details {
  1120. overflow: hidden;
  1121. zoom: 1;
  1122. margin: 0 0 1.5em;
  1123. list-style: none;
  1124. }
  1125.  
  1126. .order_details li {
  1127. float: left;
  1128. margin-right: 2em;
  1129. text-transform: uppercase;
  1130. font-size: 0.715em;
  1131. line-height: 1em;
  1132. border-right: 1px dashed #ccc;
  1133. padding-right: 2em;
  1134. }
  1135.  
  1136. .order_details li strong {
  1137. display: block;
  1138. font-size: 1.4em;
  1139. text-transform: none;
  1140. line-height: 1.5em;
  1141. }
  1142.  
  1143. .order_details li.method {
  1144. border: none;
  1145. }
  1146.  
  1147. .addresses .title {
  1148. overflow: hidden;
  1149. zoom: 1;
  1150. }
  1151.  
  1152. .addresses .title h3 {
  1153. float: left;
  1154. }
  1155.  
  1156. .addresses .title .edit {
  1157. float: right;
  1158. }
  1159.  
  1160. ol.commentlist.notes li.note p.meta {
  1161. font-weight: bold;
  1162. margin-bottom: 0;
  1163. }
  1164.  
  1165. ol.commentlist.notes li.note .description p:last-child {
  1166. margin-bottom: 0;
  1167. }
  1168.  
  1169. #customer_details {
  1170. padding-bottom: 40px;
  1171. }
  1172.  
  1173. #payment {
  1174. margin-top: 40px;
  1175. }
  1176.  
  1177. td select {
  1178. margin: 0;
  1179. min-width: 100px;
  1180. }
  1181.  
  1182. .template-search-none>p {
  1183. display: none;
  1184. }
  1185.  
  1186. .term-description {
  1187. position: relative;
  1188. clear: both;
  1189. margin-bottom: 10px;
  1190. font-size: 12px;
  1191. }
  1192.  
  1193. .slideshow_container+.term-description {
  1194. top: -18px;
  1195. }
  1196.  
  1197. #top button:disabled {
  1198. opacity: 0.4;
  1199. cursor: not-allowed;
  1200. }
  1201.  
  1202. /*JS fanciness*/
  1203.  
  1204.  
  1205. .pointer_arrow {
  1206. height: 20px;
  1207. width: 20px;
  1208. position: absolute;
  1209. top: -10px;
  1210. left: 50%;
  1211.  
  1212. -ms-transform: rotate(45deg);
  1213. /* IE 9 */
  1214. -moz-transform: rotate(45deg);
  1215. /* Firefox */
  1216. -webkit-transform: rotate(45deg);
  1217. /* Safari and Chrome */
  1218. transform: rotate(45deg);
  1219.  
  1220. }
  1221.  
  1222.  
  1223. .pointer_arrow_wrap {
  1224. position: absolute;
  1225. width: 20px;
  1226. height: 10px;
  1227. top: -13px;
  1228. left: 50%;
  1229. margin-left: -11px;
  1230. overflow: hidden;
  1231. }
  1232.  
  1233. .pointer_arrow_wrap .pointer_arrow {
  1234. left: 0;
  1235. top: 6px;
  1236. }
  1237.  
  1238.  
  1239.  
  1240. /*cart dropdown*/
  1241. .cart_dropdown {
  1242. position: absolute;
  1243. right: -60px;
  1244. height: 46px;
  1245. width: 46px;
  1246. line-height: 46px;
  1247. text-decoration: none;
  1248. text-align: center;
  1249. top: 50%;
  1250. margin: -23px 0 0 0;
  1251. border-radius: 2px;
  1252. border-style: solid;
  1253. border-width: 1px;
  1254. font-weight: normal;
  1255. z-index: 101;
  1256. -webkit-transition: all ease-in-out 0.8s;
  1257. transition: all ease-in-out 0.8s;
  1258. }
  1259.  
  1260. .html_bottom_nav_header .cart_dropdown {
  1261. margin: -40px 0 0 0;
  1262. }
  1263.  
  1264. .html_boxed .cart_dropdown {
  1265. position: fixed;
  1266. top: 24px;
  1267. margin: 0;
  1268. z-index: 300;
  1269. }
  1270.  
  1271. .bottom_nav_header #header_main {
  1272. z-index: 2000;
  1273. }
  1274.  
  1275. .bottom_nav_header #header_meta {
  1276. z-index: 2001;
  1277. }
  1278.  
  1279. .html_visible_cart .cart_dropdown {
  1280. right: -2px;
  1281. }
  1282.  
  1283. .html_burger_menu_active.html_visible_cart .cart_dropdown {
  1284. display: block;
  1285. }
  1286.  
  1287. .html_visible_cart .av-burger-menu-main {
  1288. padding-right: 25px;
  1289. }
  1290.  
  1291. .cart_dropdown_first {
  1292. line-height: 38px;
  1293. padding: 0;
  1294. }
  1295.  
  1296. .cart_dropdown_first .cart_dropdown_link {
  1297. display: block;
  1298. padding: 0 0 0 0;
  1299. text-decoration: none;
  1300. line-height: 44px;
  1301. font-size: 15px;
  1302. position: absolute;
  1303. z-index: 2;
  1304. width: 100%;
  1305. height: 100%;
  1306. }
  1307.  
  1308. #top .cart_list.product_list_widget {
  1309. background: transparent;
  1310. }
  1311.  
  1312.  
  1313. .cart_dropdown_first .cart_subtotal {
  1314. display: block;
  1315. float: left;
  1316. }
  1317.  
  1318. .cart_dropdown .dropdown_widget {
  1319. clear: both;
  1320. position: absolute;
  1321. right: 7px;
  1322. top: 0;
  1323. width: 280px;
  1324. line-height: 18px;
  1325. display: none;
  1326. padding-top: 54px;
  1327. }
  1328.  
  1329.  
  1330. .cart_dropdown .dropdown_widget .widget_shopping_cart_content {
  1331. padding: 0;
  1332. box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  1333. overflow: hidden;
  1334. border-style: solid;
  1335. border-width: 1px;
  1336. text-align: left;
  1337. border-radius: 2px;
  1338. }
  1339.  
  1340. .cart_dropdown .dropdown_widget .avia-arrow {
  1341. top: 49px;
  1342. left: auto;
  1343. margin-left: 0;
  1344. border-bottom: none;
  1345. border-right: none;
  1346. right: 10px;
  1347. }
  1348.  
  1349. .cart_dropdown_first:hover .dropdown_widget {
  1350. display: block;
  1351. }
  1352.  
  1353. .dropdown_widget .cart_list {
  1354. border: none;
  1355. }
  1356.  
  1357. div .dropdown_widget .cart_list li {
  1358. padding: 10px 12px;
  1359. border-bottom-width: 1px;
  1360. border-bottom-style: dotted;
  1361. border-top: none;
  1362. font-size: 11px;
  1363. position: relative;
  1364. }
  1365.  
  1366. .dropdown_widget .cart_list li.empty {
  1367. border-bottom: none;
  1368. text-align: center;
  1369. font-weight: bold;
  1370. }
  1371.  
  1372. .dropdown_widget ul.cart_list li a {
  1373. display: block;
  1374. font-weight: bold;
  1375. float: none;
  1376. text-decoration: none;
  1377. }
  1378.  
  1379. .dropdown_widget ul.cart_list li a img {
  1380. float: right;
  1381. display: block;
  1382. background: #fff;
  1383. border: 1px solid #e1e1e1;
  1384. padding: 2px;
  1385. margin: 0 0 0 10px;
  1386. width: 55px;
  1387. height: auto;
  1388. }
  1389.  
  1390. .dropdown_widget .quantity {
  1391. overflow: hidden;
  1392. }
  1393.  
  1394. #top .dropdown_widget .total {
  1395. font-size: 13px;
  1396. border: none;
  1397. }
  1398.  
  1399. .dropdown_widget .buttons {
  1400. border-top-style: solid;
  1401. border-top-width: 1px;
  1402. }
  1403.  
  1404. .cart_dropdown .dropdown_widget .widget_shopping_cart_content p {
  1405. font-size: 11px;
  1406. padding: 10px;
  1407. margin: 0;
  1408. overflow: hidden;
  1409. }
  1410.  
  1411. #top .dropdown_widget .buttons .button {
  1412. width: 43%;
  1413. float: left;
  1414. margin: 0;
  1415. background: transparent;
  1416. padding: 2px;
  1417. font-weight: 600;
  1418. text-align: center;
  1419. }
  1420.  
  1421. #top .dropdown_widget .buttons .button.checkout {
  1422. float: right;
  1423. }
  1424.  
  1425. #top .update_succes {
  1426. margin: 0px 10px;
  1427. }
  1428.  
  1429.  
  1430. dl.variation {
  1431. padding: 0;
  1432. margin: 0;
  1433. }
  1434.  
  1435. dl.variation dt {
  1436. padding: 0;
  1437. margin: 0;
  1438. }
  1439.  
  1440. dl.variation dd {
  1441. padding: 0;
  1442. margin: 0 0 0 3px;
  1443. font-weight: bold;
  1444. }
  1445.  
  1446.  
  1447.  
  1448. /*cart icon variatons*/
  1449.  
  1450. .html_visible_cart.html_stretched.html_header_top.html_header_stretch .main_menu {
  1451. -webkit-transition: right ease-in-out 0.8s;
  1452. transition: right ease-in-out 0.8s;
  1453. right: 30px;
  1454. }
  1455.  
  1456. .html_cart_at_menu.html_header_top #top .main_menu {
  1457. right: 0px;
  1458. }
  1459.  
  1460. #menu-item-shop.cart_dropdown {
  1461. right: 0;
  1462. top: 0;
  1463. margin: 0;
  1464. height: auto;
  1465. border-top: none;
  1466. border-radius: 0;
  1467. width: auto;
  1468. position: relative;
  1469. float: left;
  1470. }
  1471.  
  1472. .av_menu_icon_beside+#menu-item-shop.cart_dropdown {
  1473. right: 26px;
  1474. }
  1475.  
  1476. .html_cart_at_menu.html_header_searchicon .menu-item-search-dropdown {
  1477. padding-right: 15px;
  1478. }
  1479.  
  1480. .html_burger_menu.html_cart_at_menu.html_header_searchicon .menu-item-search-dropdown {
  1481. padding-right: 0;
  1482. }
  1483.  
  1484. /* .html_cart_at_menu .avia-menu.av_menu_icon_beside{ padding-right:0; } */
  1485.  
  1486. .html_header_top #menu-item-shop.cart_dropdown {
  1487. border-bottom: none;
  1488. }
  1489.  
  1490. #menu-item-shop .cart_dropdown_link {
  1491. background: transparent;
  1492. margin: 0;
  1493. left: 0;
  1494. color: inherit;
  1495. position: relative;
  1496. width: auto;
  1497. -webkit-transition: color 0.15s ease-out;
  1498. transition: color 0.15s ease-out;
  1499. padding: 0 38px;
  1500. float: left;
  1501. line-height: 88px;
  1502. }
  1503.  
  1504. #menu-item-shop .dropdown_widget {
  1505. right: -1px;
  1506. top: 100%;
  1507. padding: 0;
  1508. margin-top: -1px;
  1509. }
  1510.  
  1511. .av_minimal_header #menu-item-shop .dropdown_widget {
  1512. margin-top: 0;
  1513. }
  1514.  
  1515. #menu-item-shop .dropdown_widget .avia-arrow {
  1516. top: -5px;
  1517. right: 40px;
  1518. }
  1519.  
  1520. #top .av_header_transparency #menu-item-shop.cart_dropdown {
  1521. border-color: transparent;
  1522.  
  1523. }
  1524.  
  1525. #top .av_header_glassy.av_header_transparency #menu-item-shop.cart_dropdown,
  1526. #top .av_header_with_border.av_header_transparency #menu-item-shop.cart_dropdown {
  1527. border-color: rgba(255, 255, 255, 0.25);
  1528. }
  1529.  
  1530. #header_main #menu-item-shop .added_to_cart_notification {
  1531. top: 100%;
  1532. right: -1px;
  1533. }
  1534.  
  1535. #header_main #menu-item-shop .added_to_cart_notification .avia-arrow {
  1536. right: 39px;
  1537. }
  1538.  
  1539. .html_header_sidebar #menu-item-shop.cart_dropdown {
  1540. width: 100%;
  1541. margin: 0;
  1542. right: 0;
  1543. border-right: none;
  1544. height: 46px;
  1545. position: absolute;
  1546. opacity: 1;
  1547. }
  1548.  
  1549. .html_header_sidebar #menu-item-shop.cart_dropdown .cart_dropdown_link {
  1550. width: 100%;
  1551. line-height: 46px;
  1552. }
  1553.  
  1554.  
  1555. .html_cart_at_menu.html_header_sidebar #header_main .avia-menu {
  1556. margin-top: 46px;
  1557. }
  1558.  
  1559. .html_cart_at_menu.html_header_sidebar #top #menu-item-shop .dropdown_widget.dropdown_widget_cart {
  1560. width: 100%;
  1561. }
  1562.  
  1563. .html_cart_at_menu.html_header_sidebar #menu-item-shop .dropdown_widget .avia-arrow {
  1564. right: 48%;
  1565. }
  1566.  
  1567. .html_cart_at_menu.html_header_sidebar #header_main #menu-item-shop .added_to_cart_notification {
  1568. width: 100%;
  1569. }
  1570.  
  1571. .html_cart_at_menu.html_header_sidebar #header_main #menu-item-shop .added_to_cart_notification .avia-arrow {
  1572. right: 48%;
  1573. }
  1574.  
  1575. .html_cart_at_menu.html_bottom_nav_header #menu-item-shop {
  1576. float: right;
  1577. right: -34px;
  1578. border: none;
  1579. }
  1580.  
  1581. .html_cart_at_menu.html_bottom_nav_header #header_main .social_bookmarks {
  1582. right: 60px;
  1583. }
  1584.  
  1585. .html_cart_at_menu.html_bottom_nav_header.html_logo_right #menu-item-shop {
  1586. float: left;
  1587. left: -34px;
  1588. }
  1589.  
  1590. .html_cart_at_menu.html_bottom_nav_header.html_logo_right #header_main .social_bookmarks {
  1591. left: 60px;
  1592. }
  1593.  
  1594. .html_cart_at_menu.html_bottom_nav_header.html_logo_right #menu-item-shop .dropdown_widget {
  1595. left: 17px;
  1596. }
  1597.  
  1598. .html_cart_at_menu.html_bottom_nav_header.html_logo_right #menu-item-shop .dropdown_widget .avia-arrow {
  1599. left: 25px;
  1600. }
  1601.  
  1602.  
  1603.  
  1604. .html_cart_at_menu.html_header_top.html_logo_left .av_seperator_big_border #menu-item-shop.cart_dropdown {
  1605. margin-left: -1px;
  1606. }
  1607.  
  1608. .html_cart_at_menu.html_main_nav_header #top .main_menu .menu>li:last-child {
  1609. padding-right: 13px;
  1610. margin-right: 20px;
  1611. }
  1612.  
  1613. .html_cart_at_menu.html_main_nav_header #top .av_seperator_big_border .main_menu .menu>li:last-child {
  1614. margin-right: 0;
  1615. padding-right: 0;
  1616. }
  1617.  
  1618. /************************************************************************
  1619. overwrite theme and framework css rules
  1620. *************************************************************************/
  1621.  
  1622. .animator2 {
  1623. -webkit-transition: all ease-in-out 0.2s;
  1624. -moz-transition: all ease-in-out 0.2s;
  1625. transition: all ease-in-out 0.2s;
  1626. }
  1627.  
  1628. .animator3, .thumbnail_container {
  1629. -webkit-transition: all linear 0.3s;
  1630. -moz-transition: all linear 0.3s;
  1631. transition: all linear 0.3s;
  1632. }
  1633.  
  1634. #top .screen-reader-text {
  1635. display: none;
  1636. }
  1637.  
  1638. #top .form-row label.hidden {
  1639. visibility: hidden;
  1640. display: block;
  1641. position: relative;
  1642. }
  1643.  
  1644. .products .product h2,
  1645. .products .product h3, .products .product h4, .products .product h5, .products .product h6, h2.woocommerce-loop-product__title {
  1646. padding-top: 5px;
  1647. font-size: 1em;
  1648. line-height: 1.3em;
  1649. font-weight: normal;
  1650. margin: 0;
  1651. }
  1652.  
  1653. #top .onsale {
  1654. background: rgba(0, 0, 0, 0.8);
  1655. z-index: 10;
  1656. color: #FFF;
  1657. background: #7E9A47;
  1658. top: 17px;
  1659. right: 8px;
  1660. left: auto;
  1661. margin: 0;
  1662. min-width: 40px;
  1663. }
  1664.  
  1665.  
  1666.  
  1667. ins {
  1668. text-decoration: none;
  1669. }
  1670.  
  1671. #top .price, #top .price span, #top del, #top ins {
  1672. display: inline;
  1673. text-decoration: none;
  1674. font-size: 15px;
  1675. line-height: 24px;
  1676. font-weight: 600;
  1677. }
  1678.  
  1679. #top .price, div .stock {
  1680. color: #7E9A47;
  1681. }
  1682.  
  1683. #top .price .from {
  1684. font-weight: normal;
  1685. padding-right: 2px;
  1686. }
  1687.  
  1688. #top #wrap_all ins {
  1689. color: #7E9A47;
  1690. }
  1691.  
  1692. #top #wrap_all del {
  1693. text-decoration: line-through;
  1694. font-weight: normal;
  1695. color: #8B2121;
  1696. }
  1697.  
  1698. #top #wrap_all ins:before {
  1699. content: "\2219";
  1700. /*bullet*/
  1701. text-decoration: none;
  1702. display: inline-block;
  1703. padding: 0 7px 0 3px;
  1704. font-size: 20px;
  1705. line-height: 12px;
  1706. }
  1707.  
  1708. #top .product_excerpt, #top .product_excerpt:hover {
  1709. font-size: 12px;
  1710. text-decoration: none;
  1711. }
  1712.  
  1713. /************************************************************************
  1714. Thumbnail
  1715. *************************************************************************/
  1716.  
  1717.  
  1718. .single-product-main-image .thumbnails {
  1719. margin-top: 10px;
  1720. width: 104%;
  1721. }
  1722.  
  1723. #top .single-product-main-image .thumbnails a {
  1724. float: left;
  1725. width: 31.3%;
  1726. margin: 0 4px 4px 0;
  1727. clear: none;
  1728. position: relative;
  1729. padding: 4px;
  1730.  
  1731. }
  1732.  
  1733.  
  1734. .single-product-main-image .images>a {
  1735. border-radius: 2px;
  1736. }
  1737.  
  1738. .single-product-main-image img {
  1739. display: block;
  1740. }
  1741.  
  1742. #top .single-product-main-image .onsale {
  1743. top: 0px;
  1744. right: 7px;
  1745. }
  1746.  
  1747. .template-shop .single-product-main-image .images a {
  1748. border-style: solid;
  1749. border-width: 1px;
  1750. }
  1751.  
  1752. .lightbox_image, .image_overlay_effect_inside {
  1753. border-radius: 3px;
  1754. }
  1755.  
  1756.  
  1757. .cart-loading {
  1758. border-radius: 100px;
  1759. position: absolute;
  1760. height: 60px;
  1761. width: 60px;
  1762. left: 50%;
  1763. top: 48%;
  1764. margin: -30px 0 0 -30px;
  1765. background: url(images/loading-light.gif) no-repeat center center #fff;
  1766. display: none;
  1767. opacity: 0.9;
  1768. -webkit-backface-visibility: hidden;
  1769. /* fixes webkit flickering after transitions*/
  1770. -webkit-transition: all 0.3s ease;
  1771. -moz-transition: all 0.3s ease-in-out;
  1772. transition: all 0.3s ease-in-out;
  1773. -webkit-transform: scale(0.3);
  1774. -ms-transform: scale(0.3);
  1775. transform: scale(0.3);
  1776. }
  1777.  
  1778. .adding-to-cart-loading:hover .cart-loading {
  1779. display: block;
  1780. opacity: 0.9;
  1781. -webkit-transform: scale(1);
  1782. -ms-transform: scale(1);
  1783. transform: scale(1);
  1784. }
  1785.  
  1786. #top .added-to-cart-check .cart-loading {
  1787. -webkit-transform: scale(0);
  1788. -ms-transform: scale(0);
  1789. transform: scale(0);
  1790. background: url(images/icons-shop-added.png) no-repeat center center #fff;
  1791. }
  1792.  
  1793. #top .added-to-cart-check:hover .cart-loading {
  1794. display: block;
  1795. opacity: 0.9;
  1796. -webkit-transition-delay: 300ms;
  1797. transition-delay: 300ms;
  1798. -webkit-transform: scale(1);
  1799. -ms-transform: scale(1);
  1800. transform: scale(1);
  1801. }
  1802.  
  1803. .avia_transform .added-to-cart-check .cart-loading {
  1804. display: block;
  1805. opacity: 0;
  1806. -webkit-transition-delay: 300ms;
  1807. transition-delay: 300ms;
  1808. }
  1809.  
  1810. .thumbnail_container .rating_container .star-rating {
  1811. float: none;
  1812. margin: 0 auto;
  1813. }
  1814.  
  1815.  
  1816.  
  1817. /*Product overview*/
  1818.  
  1819. #top .woocommerce-ordering {
  1820. position: absolute;
  1821. right: 0;
  1822. margin: 0;
  1823. z-index: 20;
  1824. top: 50%;
  1825. margin-top: -23px;
  1826. width: 25%;
  1827. min-width: 200px;
  1828. }
  1829.  
  1830. .template-shop .page-title {
  1831. display: none;
  1832. }
  1833.  
  1834. .products .product.first {
  1835. clear: both;
  1836. }
  1837.  
  1838. #top .products .product.last, #top #main .products .product.last {
  1839. margin-right: 0;
  1840. }
  1841.  
  1842. div .products .product {
  1843. float: left;
  1844. margin: 0 1% 1% 0;
  1845. padding: 0;
  1846. position: relative;
  1847. width: 24.25%;
  1848. margin-left: 0;
  1849. }
  1850.  
  1851. div .products .product a, div .products .product a img {
  1852. display: block;
  1853. overflow: hidden;
  1854. border-radius: 1px;
  1855. }
  1856.  
  1857. div .products .product a:hover {
  1858. text-decoration: none;
  1859. }
  1860.  
  1861. .shop_columns_5 .products .product {
  1862. margin: 0 1% 1% 0;
  1863. width: 19.2%;
  1864. }
  1865.  
  1866. .shop_columns_3 .products .product {
  1867. margin: 0 1% 1% 0;
  1868. width: 32.6%;
  1869. }
  1870.  
  1871. .shop_columns_2 .products .product {
  1872. width: 49.5%;
  1873. }
  1874.  
  1875.  
  1876. #top .inner_product_header {
  1877. padding: 10px 15px 15px;
  1878. clear: both;
  1879. position: relative;
  1880. border-top-style: solid;
  1881. border-top-width: 1px;
  1882. min-height: 91px;
  1883. }
  1884.  
  1885. .inner_product_header .avia-arrow {
  1886. border-bottom: none;
  1887. border-right: none;
  1888. z-index: 1000;
  1889. top: -5px;
  1890. margin-left: -6px;
  1891. }
  1892.  
  1893.  
  1894. #top div .product_on_sale .inner_product_header {
  1895. padding-right: 47px;
  1896. }
  1897.  
  1898.  
  1899. .thumbnail_container .rating_container {
  1900. padding: 5px;
  1901. width: 100px;
  1902. position: absolute;
  1903. bottom: 20px;
  1904. background: rgba(0, 0, 0, 0.2);
  1905. border-radius: 3px;
  1906. left: 50%;
  1907. margin-left: -50px;
  1908. opacity: 0;
  1909. -webkit-transition: all 0.3s ease;
  1910. -moz-transition: all 0.3s ease-in-out;
  1911. transition: all 0.3s ease-in-out;
  1912. }
  1913.  
  1914. .inner_product:hover .rating_container {
  1915. opacity: 1;
  1916. }
  1917.  
  1918.  
  1919. .thumbnail_container {
  1920. display: block;
  1921. position: relative;
  1922.  
  1923. overflow: hidden;
  1924. }
  1925.  
  1926. .thumbnail_container_inner {
  1927. display: block;
  1928. position: relative;
  1929. overflow: hidden;
  1930. }
  1931.  
  1932. #top .thumbnail_container img {
  1933. margin: 0;
  1934. display: block;
  1935. width: 100%;
  1936. height: auto;
  1937. border-bottom-right-radius: 0px;
  1938. border-bottom-left-radius: 0px;
  1939. }
  1940.  
  1941.  
  1942. .avia_cart_buttons {
  1943. width: 100%;
  1944. z-index: 9;
  1945. padding: 0;
  1946. position: relative;
  1947. -webkit-perspective: 1000px;
  1948. /*fix webkit flickering bug*/
  1949. -webkit-backface-visibility: hidden;
  1950. }
  1951.  
  1952. /*
  1953. .avia_cart_buttons{
  1954. width:100%;
  1955. z-index: 9;
  1956. padding: 0;
  1957. position: absolute;
  1958. bottom:0;
  1959. z-index: 1000;
  1960. left:0;
  1961. padding:7px;
  1962. border-style: solid;
  1963. border-width: 1px;
  1964. border-bottom-right-radius: 2px;
  1965. border-bottom-left-radius: 2px;
  1966. }
  1967. */
  1968.  
  1969. #top .avia_cart_buttons .button {
  1970. min-width: 50px;
  1971. float: left;
  1972. width: 49%;
  1973. text-align: center;
  1974. border-radius: 0px;
  1975. padding: 11px 2px;
  1976. font-size: 11px;
  1977. font-weight: 600;
  1978. line-height: 15px;
  1979. margin: 0;
  1980. }
  1981.  
  1982.  
  1983.  
  1984. #top .avia_cart_buttons .button:last-child {
  1985. float: right;
  1986. }
  1987.  
  1988. #top #wrap_all .single_button .button, #top #wrap_all .shop_columns_5 .avia_cart_buttons .button {
  1989. margin: 0 auto;
  1990. float: none;
  1991. min-width: 75px;
  1992. width: 100%;
  1993.  
  1994. }
  1995.  
  1996.  
  1997. .avia_cart_buttons {
  1998. opacity: 0.2;
  1999. border-top-width: 1px;
  2000. border-top-style: solid;
  2001. padding: 10px;
  2002. overflow: hidden;
  2003. -webkit-transition: all 0.3s ease;
  2004. -moz-transition: all 0.3s ease-in-out;
  2005. transition: all 0.3s ease-in-out;
  2006. }
  2007.  
  2008.  
  2009.  
  2010. .inner_product:hover .avia_cart_buttons {
  2011. opacity: 1;
  2012. }
  2013.  
  2014.  
  2015. .inner_product {
  2016. border-style: solid;
  2017. border-width: 1px;
  2018. border-radius: 2px;
  2019. overflow: hidden;
  2020. }
  2021.  
  2022. .alternate_color .inner_product {
  2023. border-radius: 3px;
  2024. }
  2025.  
  2026. #top .avia_cart_buttons .button {
  2027. background: transparent;
  2028. padding: 3px 3px;
  2029. }
  2030.  
  2031. #top .avia_cart_buttons .button>span {
  2032. font-size: 14px;
  2033. position: relative;
  2034. top: 1px;
  2035. font-weight: normal;
  2036. }
  2037.  
  2038. .button-mini-delimiter {
  2039. position: absolute;
  2040. border-left-style: solid;
  2041. border-left-width: 1px;
  2042. left: 50%;
  2043. height: 14px;
  2044. top: 50%;
  2045. margin-left: -4px;
  2046. margin-top: -6px;
  2047. }
  2048.  
  2049.  
  2050. /*single product*/
  2051.  
  2052.  
  2053. .single-product .template-shop {
  2054. padding-top: 50px;
  2055. }
  2056.  
  2057. #top .price_container {
  2058. position: relative;
  2059. }
  2060.  
  2061. #top .price_container .price, #top .price_container .price ins {
  2062. font-size: 15px;
  2063. font-weight: normal;
  2064. }
  2065.  
  2066. .template-shop .images a {
  2067. display: block;
  2068. position: relative;
  2069. padding: 5px;
  2070. }
  2071.  
  2072. #top .template-shop .images a img {
  2073. display: block;
  2074. position: relative;
  2075. border: 0;
  2076. padding: 0;
  2077. }
  2078.  
  2079.  
  2080. .template-shop div.product div.images {
  2081. width: 100%;
  2082. float: none;
  2083. margin: 0;
  2084. }
  2085.  
  2086. .template-shop div.product div.summary {
  2087. width: 100%;
  2088. float: none;
  2089. padding-bottom: 10px;
  2090. }
  2091.  
  2092. .summary .cart {
  2093. float: none;
  2094. clear: both;
  2095. position: relative;
  2096. z-index: 2;
  2097. }
  2098.  
  2099. .template-shop .product_meta {
  2100. clear: both;
  2101. font-size: 11px;
  2102. position: relative;
  2103. top: 8px;
  2104. }
  2105.  
  2106. /*single sidebar*/
  2107.  
  2108. #top .product div.images img {
  2109. display: block;
  2110. width: 100%;
  2111. height: auto;
  2112. }
  2113.  
  2114.  
  2115. #top .variations_form, #top div.product .woocommerce-tabs .panel {
  2116. border-style: solid;
  2117. border-width: 1px;
  2118. }
  2119.  
  2120.  
  2121. /**single tabs**/
  2122.  
  2123. #top div.product .woocommerce-tabs {
  2124. clear: both;
  2125. padding: 50px 0 0 0;
  2126. margin: 0 0 30px 0;
  2127. }
  2128.  
  2129. #top .woocommerce-tabs h2 {
  2130. font-size: 16px;
  2131. }
  2132.  
  2133. #top .woocommerce-tabs .tabs li a {
  2134. cursor: pointer;
  2135. margin: 0 -1px 0 0;
  2136. display: block;
  2137. float: left;
  2138. z-index: 2;
  2139. position: relative;
  2140. padding: 12px 16px;
  2141. top: 0px;
  2142. font-size: 0.9em;
  2143. -webkit-touch-callout: none;
  2144. -webkit-user-select: none;
  2145. -khtml-user-select: none;
  2146. -moz-user-select: none;
  2147. -ms-user-select: none;
  2148. user-select: none;
  2149. border-style: solid;
  2150. border-width: 1px;
  2151. }
  2152.  
  2153. #top .woocommerce-tabs .tabs li.active {
  2154. z-index: 4;
  2155. position: relative;
  2156. font-weight: bold;
  2157. }
  2158.  
  2159. #top .woocommerce-tabs .tabs li:first-child a {
  2160. border-top-left-radius: 2px;
  2161. }
  2162.  
  2163. #top .woocommerce-tabs .tabs li:last-child a {
  2164. border-top-right-radius: 2px;
  2165. }
  2166.  
  2167. #top div div.product .woocommerce-tabs ul.tabs li a {
  2168. white-space: nowrap;
  2169. border-style: solid;
  2170. border-width: 1px;
  2171. border-bottom: none;
  2172. padding: 9px 20px 10px 20px;
  2173. position: relative;
  2174. }
  2175.  
  2176.  
  2177. #top div.product .woocommerce-tabs ul.tabs {
  2178. border-bottom: none;
  2179. overflow: visible;
  2180. width: 100%;
  2181. float: left;
  2182. zoom: 1;
  2183. margin: 0;
  2184. padding: 0;
  2185. list-style: none outside;
  2186. }
  2187.  
  2188.  
  2189. #top div.product .woocommerce-tabs ul.tabs a {
  2190. float: left;
  2191. padding: 10px 20px 10px 20px;
  2192. background: transparent;
  2193. text-decoration: none;
  2194. }
  2195.  
  2196.  
  2197. #top div div.product .woocommerce-tabs .panel {
  2198.  
  2199. padding: 15px;
  2200. border-bottom-left-radius: 3px;
  2201. border-bottom-right-radius: 3px;
  2202. overflow: hidden;
  2203. }
  2204.  
  2205. /*related/cross/up sells*/
  2206.  
  2207.  
  2208.  
  2209. .related.products, .upsells.products {
  2210. zoom: 1;
  2211. clear: both;
  2212. overflow: visible;
  2213. }
  2214.  
  2215. #top .related.products .content, #top .upsells.products .content {
  2216. width: 100%;
  2217. float: none;
  2218. clear: both;
  2219. padding: 0;
  2220. margin: 0;
  2221. }
  2222.  
  2223. #top .product_column_2 .products .product {
  2224. width: 49.5%;
  2225. margin: 0 1% 1% 0;
  2226. }
  2227.  
  2228. #top .product_column_3 .products .product {
  2229. margin: 0 1% 1% 0;
  2230. width: 32.6%;
  2231. }
  2232.  
  2233.  
  2234. #top .product_column_4 .products .product {
  2235. margin: 0 1% 1% 0;
  2236. width: 24.25%;
  2237. }
  2238.  
  2239. #top .product_column_5 .products .product {
  2240. margin: 0 1% 1% 0;
  2241. width: 19.2%;
  2242. }
  2243.  
  2244. #top .related.products h2, #top .upsells.products h2 {
  2245. font-size: 18px;
  2246. }
  2247.  
  2248. #top.single-product .related.products h2.woocommerce-loop-product__title {}
  2249.  
  2250. #top.single-product h2.woocommerce-loop-product__title {
  2251. font-size: 1em;
  2252. text-transform: none;
  2253. }
  2254.  
  2255. .single .product_column {
  2256. margin: 30px 0;
  2257. clear: both;
  2258. float: left;
  2259. width: 100%;
  2260. }
  2261.  
  2262. /*profile pages, checkout etc*/
  2263. .col-1, .col-2 {
  2264. position: relative;
  2265. border-radius: 3px;
  2266. }
  2267.  
  2268. .addresses.col2-set .col-1, .addresses.col2-set .col-2 {
  2269. border-style: solid;
  2270. border-width: 1px;
  2271. padding: 12px;
  2272. width: 44%;
  2273. }
  2274.  
  2275. .fullsize .addresses.col2-set .col-1, .fullsize .addresses.col2-set .col-2 {
  2276. width: 46%;
  2277. }
  2278.  
  2279. .col2-set .col-1 h3, .col2-set .col-2 h3 {
  2280. padding: 2px;
  2281. }
  2282.  
  2283. .shipping_address {
  2284. clear: both;
  2285. }
  2286.  
  2287. #top .order_details li {
  2288. float: left;
  2289. margin: 0 2em 7px 0;
  2290. text-transform: uppercase;
  2291. font-size: 0.715em;
  2292. line-height: 1em;
  2293. border-right: 1px dotted #CCC;
  2294. padding: 0 2em 0 0;
  2295. list-style-position: outside;
  2296. list-style-type: none;
  2297. }
  2298.  
  2299. #top #main .order_details {
  2300. overflow: hidden;
  2301. zoom: 1;
  2302. margin: 0 0 1.5em;
  2303. list-style: none;
  2304. padding: 20px 20px 13px 20px;
  2305. border-style: solid;
  2306. border-width: 1px;
  2307. border-radius: 2px;
  2308.  
  2309. }
  2310.  
  2311. #top #main .shop_table.order_details {
  2312. border-collapse: separate;
  2313. padding: 5px;
  2314. }
  2315.  
  2316.  
  2317.  
  2318. table.my_account_orders th, table.my_account_orders td {
  2319. padding: 4px 8px;
  2320. vertical-align: top;
  2321. line-height: 25px;
  2322. }
  2323.  
  2324.  
  2325. div table.shop_attributes td p {
  2326. margin: 0;
  2327. padding: 0;
  2328. }
  2329.  
  2330. div table.shop_attributes td {
  2331. font-style: italic;
  2332. padding: 8px;
  2333. border: none;
  2334. margin: 0;
  2335. line-height: 1.5em;
  2336. }
  2337.  
  2338. div table.shop_attributes {
  2339. border: none;
  2340. }
  2341.  
  2342. div table.shop_table td {
  2343.  
  2344. padding: 6px 12px;
  2345. vertical-align: middle;
  2346. }
  2347.  
  2348. #top table.shop_table .actions .button {
  2349. min-width: 182px;
  2350. width: 182px;
  2351. margin: 3px 0 3px 7px;
  2352. }
  2353.  
  2354. td.actions .coupon {
  2355. width: 410px;
  2356. }
  2357.  
  2358. #top table.shop_table .actions .coupon .button {
  2359. width: 200px;
  2360. margin: 3px 0;
  2361. padding-left: 0;
  2362. padding-right: 0;
  2363. }
  2364.  
  2365. .cart-collaterals .cross-sells {
  2366. width: 100%;
  2367. float: left;
  2368. border-bottom-style: solid;
  2369. border-bottom-width: 1px;
  2370. padding-bottom: 40px;
  2371. margin-bottom: 40px;
  2372. }
  2373.  
  2374. .cart-collaterals .shipping_calculator {
  2375. width: 48%;
  2376. text-align: right;
  2377. overflow: hidden;
  2378. zoom: 1;
  2379. margin: 0px 0 0 0;
  2380. clear: right;
  2381. float: right;
  2382. }
  2383.  
  2384. .cart_totals table {
  2385. border-top-style: solid;
  2386. border-top-width: 1px;
  2387. }
  2388.  
  2389.  
  2390. #top div td.actions .button.alt {
  2391. float: right;
  2392. margin: 3px 0 3px 6px;
  2393. }
  2394.  
  2395. div table.shop_attributes th {
  2396. width: 100px;
  2397. font-weight: bold;
  2398. padding: 8px;
  2399. border: none;
  2400. margin: 0;
  2401. line-height: 1.5em;
  2402. }
  2403.  
  2404. .cart-collaterals .cart_totals {
  2405. margin: 0px 0 0 0;
  2406. clear: both;
  2407. float: left;
  2408. }
  2409.  
  2410. .cross-sells {
  2411. padding-top: 50px;
  2412. margin-top: 50px;
  2413. border-top-style: solid;
  2414. border-top-width: 1px;
  2415. }
  2416.  
  2417. .cross-sells h2 {
  2418. font-size: 14px;
  2419. text-align: left;
  2420. float: none;
  2421. }
  2422.  
  2423.  
  2424. form.cart {
  2425. margin-bottom: 44px;
  2426. overflow: hidden;
  2427. zoom: 1;
  2428. }
  2429.  
  2430. div form.cart table {
  2431. font-size: 12px;
  2432. width: 100%;
  2433. text-align: center;
  2434. margin: 10px 0;
  2435.  
  2436. }
  2437.  
  2438. #top div form.cart table .price {
  2439. display: table-cell;
  2440. }
  2441.  
  2442.  
  2443. table div.quantity {
  2444. float: none;
  2445. margin: 0 auto;
  2446. width: 130px;
  2447. }
  2448.  
  2449. div form.cart div.quantity {
  2450. float: left;
  2451. margin: 0 3% 5px 0;
  2452. min-width: 130px;
  2453. }
  2454.  
  2455. form.cart .group_table div.quantity {
  2456. float: none;
  2457. margin: 0 auto;
  2458. }
  2459.  
  2460. td.product-quantity {
  2461. min-width: 85px;
  2462. }
  2463.  
  2464. div .cart-collaterals .cart_totals table {
  2465. border-collapse: collapse;
  2466. padding: 0;
  2467.  
  2468. margin: 10px 0;
  2469. }
  2470.  
  2471.  
  2472.  
  2473. #top .variations_form {
  2474. margin-bottom: 0px;
  2475. border-radius: 2px;
  2476. padding: 0 15px;
  2477. position: relative;
  2478. overflow: visible;
  2479. }
  2480.  
  2481. #top .variations_form>table {
  2482. margin: 20px 0;
  2483. }
  2484.  
  2485. .reset_variations {
  2486. height: 11px;
  2487. line-height: 11px;
  2488. font-size: 11px;
  2489. position: absolute;
  2490. right: 0;
  2491. bottom: -25px;
  2492. }
  2493.  
  2494. #top .variations {
  2495. border: none;
  2496. background: transparent;
  2497. margin: 0;
  2498.  
  2499. }
  2500.  
  2501. #top .variations select {
  2502. min-width: 100px;
  2503. }
  2504.  
  2505. #top .variations td {
  2506. padding: 4px 10px;
  2507. border: none;
  2508. vertical-align: top;
  2509. }
  2510.  
  2511. #top .variations td.label {
  2512. width: 77px;
  2513. }
  2514.  
  2515. #top .variations .label label {
  2516. margin-top: 5px;
  2517. text-align: right;
  2518. }
  2519.  
  2520. .single_variation_wrap {
  2521. overflow: hidden;
  2522. display: block;
  2523. margin: 10px 0px 20px 90px;
  2524. }
  2525.  
  2526. div.variations_button {
  2527. overflow: hidden;
  2528. width: 100%;
  2529. }
  2530.  
  2531. div.variations_button .button {
  2532. margin: 0;
  2533. min-width: 130px;
  2534. }
  2535.  
  2536. #top .variations td:nth-child(2) {
  2537. text-align: left;
  2538. }
  2539.  
  2540. div a.remove {
  2541. display: block;
  2542. height: 18px;
  2543. width: 18px;
  2544. text-indent: -9999px;
  2545. background: url(images/remove.png) #CCC;
  2546. border-radius: 100px;
  2547. border-style: solid;
  2548. border-width: 1px;
  2549. }
  2550.  
  2551. .summary .cart {
  2552. margin-bottom: 0;
  2553. }
  2554.  
  2555. /*form elements*/
  2556.  
  2557. #top div form .form-row textarea, #top div #content .form-row textarea {
  2558. height: 14em;
  2559. line-height: 1.5em;
  2560. display: block;
  2561. box-shadow: none;
  2562. }
  2563.  
  2564. #top div #shiptobilling label {
  2565. font-size: 11px;
  2566. }
  2567.  
  2568. .entry-content-wrapper .avia_style_wrap {
  2569. padding: 0;
  2570. }
  2571.  
  2572. .entry-content-wrapper .avia_select_unify {
  2573. border-radius: 0;
  2574. width: 100%;
  2575. border-width: 1px;
  2576. border-style: solid;
  2577. }
  2578.  
  2579. .entry-content-wrapper .avia_style_wrap {
  2580. width: 100%;
  2581. }
  2582.  
  2583.  
  2584. #top div form .form-row input.input-text, #top div #content .form-row input.input-text, #top div form .form-row textarea, #top div #content .form-row textarea {
  2585. -webkit-box-sizing: border-box;
  2586. -moz-box-sizing: border-box;
  2587. box-sizing: border-box;
  2588. box-shadow: none;
  2589. width: 100%;
  2590. padding: 8px 6px;
  2591. margin: 0;
  2592. outline: 0;
  2593. font-size: 12px;
  2594. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  2595. line-height: 18px;
  2596. }
  2597.  
  2598. #top .chzn-single {
  2599. height: 36px;
  2600. line-height: 35px;
  2601. }
  2602.  
  2603. #top .chzn-single div b {
  2604. background-position: 0 4px !important;
  2605. }
  2606.  
  2607. #payment ul li {
  2608. list-style-type: none;
  2609. }
  2610.  
  2611. #payment img {
  2612. display: inline-block;
  2613. }
  2614.  
  2615. #top .my_account_orders a.button {
  2616. padding: 7px 12px;
  2617. }
  2618.  
  2619. #top #wc-bookings-booking-form .wc_bookings_field_persons input.minus, #top #wc-bookings-booking-form .wc_bookings_field_persons input.plus, #top div .quantity input.plus, #top div .quantity input.minus {
  2620. padding: 0;
  2621. vertical-align: middle;
  2622. line-height: 41px;
  2623. border: none;
  2624. width: 43px;
  2625. height: 43px;
  2626. cursor: pointer;
  2627. margin: 0;
  2628. display: inline;
  2629. border: 0;
  2630. border-radius: 0;
  2631. -webkit-appearance: none;
  2632. background-color: #F8F8F8;
  2633. border: 1px solid #E1E1E1;
  2634. color: #666;
  2635. background-image: url("../images/layout/bg-button.png");
  2636. background-repeat: repeat-x;
  2637. outline: none;
  2638.  
  2639. }
  2640.  
  2641. #top div .quantity input.plus {
  2642. border-left: none;
  2643. }
  2644.  
  2645. #top div .quantity input.minus {
  2646. border-right: none;
  2647. }
  2648.  
  2649.  
  2650. #top #wc-bookings-booking-form .wc_bookings_field_persons #wc_bookings_field_persons, #top div .quantity input.qty {
  2651. height: 43px;
  2652. width: 43px;
  2653. display: inline;
  2654. padding: 0px 5px 0px;
  2655. line-height: 41px;
  2656. vertical-align: middle;
  2657. margin: 0;
  2658. text-align: center;
  2659. }
  2660.  
  2661. #top div td.actions .coupon .input-text {
  2662. width: 200px;
  2663. float: left;
  2664. margin: 3px 3px 3px 0;
  2665. font: 12px/1.7em "Helvetica Neue", Helvetica, Arial, sans-serif;
  2666. line-height: 17px;
  2667. padding: 11px;
  2668. border-radius: 2px;
  2669. }
  2670.  
  2671. #top .actions .button[name="update_cart"] {
  2672. float: right;
  2673. margin-right: 0;
  2674. }
  2675.  
  2676. #top .actions .button[name="update_cart"]:disabled {
  2677. opacity: 0.4;
  2678. cursor: not-allowed;
  2679. }
  2680.  
  2681. #top .actions .checkout-button.button.alt {
  2682. min-width: 162px;
  2683. }
  2684.  
  2685. /*sort parameter frontend interface*/
  2686.  
  2687. div .product-sorting {
  2688. width: 100%;
  2689. float: left;
  2690. padding-bottom: 30px;
  2691. position: relative;
  2692. z-index: 9999;
  2693. }
  2694.  
  2695. div .product-sorting ul, div .product-sorting li {
  2696. list-style-position: outside;
  2697. list-style-type: none;
  2698. margin: 0 2px 0 0;
  2699.  
  2700. }
  2701.  
  2702. .sort-param {
  2703. float: left;
  2704. position: relative;
  2705. z-index: 100;
  2706. margin: 0 13px 13px 0;
  2707. padding: 0;
  2708. font-size: 11px;
  2709. -webkit-perspective: 1000px;
  2710. /*fix webkit flickering bug*/
  2711. -webkit-backface-visibility: hidden;
  2712. }
  2713.  
  2714. .sort-param-order {
  2715. margin-right: 3px;
  2716. }
  2717.  
  2718. .sort-param:hover {
  2719. z-index: 101;
  2720. }
  2721.  
  2722.  
  2723. .sort-param li {
  2724. position: relative;
  2725. margin: 0;
  2726. display: block;
  2727. z-index: 100;
  2728. }
  2729.  
  2730. .sort-param>li>span, .sort-param>li>a {
  2731. border-width: 1px;
  2732. border-style: solid;
  2733. display: block;
  2734. line-height: 31px;
  2735. background-image: url("../images/layout/bg-button.png");
  2736. background-repeat: repeat-x;
  2737. background-position: top left;
  2738. }
  2739.  
  2740. .sort-param>li:hover>a {
  2741. box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
  2742. }
  2743.  
  2744. .sort-param>li>span {
  2745. padding: 0px 40px 0px 10px;
  2746. cursor: default;
  2747. background: transparent url('images/arrow_down.png') right center no-repeat;
  2748. }
  2749.  
  2750. .sort-param>li>a {
  2751. width: 33px;
  2752. overflow: hidden;
  2753. height: 33px;
  2754. text-indent: 200%;
  2755. background: transparent url('images/arrow_up_down.png') center -1px no-repeat;
  2756. }
  2757.  
  2758. .sort-param .sort-param-asc {
  2759. background: transparent url('images/arrow_up_down.png') center -28px no-repeat;
  2760. }
  2761.  
  2762.  
  2763. .sort-param ul {
  2764. margin: 0;
  2765. padding: 10px 15px;
  2766. border-width: 1px;
  2767. border-style: solid;
  2768. position: absolute;
  2769. left: 0;
  2770. top: 35px;
  2771. display: none;
  2772. min-width: 167px;
  2773. }
  2774.  
  2775. .sort-param ul li {
  2776. margin-left: 10px;
  2777. }
  2778.  
  2779. .sort-param-count ul {
  2780. min-width: 207px;
  2781. }
  2782.  
  2783. .sort-param>li:hover ul, .sort-param.active-sort>li ul {
  2784. display: block;
  2785. box-shadow: 0px 6px 14px 0 rgba(0, 0, 0, 0.1);
  2786. }
  2787.  
  2788. .sort-param ul a {
  2789. text-decoration: none;
  2790. display: block;
  2791. padding-left: 6px;
  2792. }
  2793.  
  2794. .avia-bullet {
  2795. display: block;
  2796. position: absolute;
  2797. height: 0;
  2798. width: 0;
  2799. top: 51%;
  2800. margin-top: -3px;
  2801. left: -3px;
  2802. border-top: 3px solid transparent !important;
  2803. border-bottom: 3px solid transparent !important;
  2804. border-left: 3px solid green;
  2805. }
  2806.  
  2807.  
  2808. #top #main .checkout_coupon #coupon_code {
  2809. padding: 15px;
  2810. }
  2811.  
  2812. .form-row .lost_password {
  2813. line-height: 49px;
  2814. margin-left: 10px;
  2815. }
  2816.  
  2817. /************************************************************************
  2818. Generic
  2819. *************************************************************************/
  2820. .clear {
  2821. clear: both;
  2822. }
  2823.  
  2824. .nobr {
  2825. white-space: nowrap;
  2826. }
  2827.  
  2828. dt, dd {
  2829. float: left;
  2830. }
  2831.  
  2832. dt {
  2833. clear: both;
  2834. }
  2835.  
  2836. dl {
  2837. padding-bottom: 10px;
  2838. overflow: hidden;
  2839. }
  2840.  
  2841. .woocommerce-account dt {
  2842. width: 30px;
  2843. display: block;
  2844. font-weight: bold;
  2845. }
  2846.  
  2847. /*messages*/
  2848. #top div.woocommerce-error, #top div.woocommerce-message, #top .woocommerce-info {
  2849. margin: 0px 0px 50px 0px;
  2850. padding: 32px 45% 32px 36px;
  2851. background-repeat: no-repeat;
  2852. background-position: 10px center;
  2853. overflow: hidden;
  2854. position: relative;
  2855. border-radius: 2px;
  2856. }
  2857.  
  2858. #top div.woocommerce-error a.button, #top div.woocommerce-message a.button {
  2859. margin-top: 0;
  2860. float: right;
  2861. color: #fff;
  2862. position: absolute;
  2863. right: 22px;
  2864. top: 50%;
  2865. margin-top: -19px;
  2866. text-align: center;
  2867. background: rgba(0, 0, 0, 0.2);
  2868. border-radius: 2px;
  2869. }
  2870.  
  2871. #top div.woocommerce-error a.button:hover, #top div.woocommerce-message a.button:hover {
  2872. background: rgba(0, 0, 0, 0.5);
  2873. }
  2874.  
  2875. #top div.woocommerce-error {
  2876. border-color: #941210;
  2877. background-color: #F0DCDB;
  2878. color: #941210;
  2879. }
  2880.  
  2881. #top div.woocommerce-message {
  2882. border-color: #8BAF5B;
  2883. background-color: #E0F1B5;
  2884. color: #4F5F39;
  2885. }
  2886.  
  2887. #top div.woocommerce-error a {
  2888. color: #941210;
  2889. }
  2890.  
  2891. #top div.woocommerce-message a {
  2892. color: #4F5F39;
  2893. }
  2894.  
  2895. #top .woocommerce-info {
  2896. border-style: solid;
  2897. border-width: 1px;
  2898. margin: 0 0 20px 0;
  2899. padding: 19px;
  2900. }
  2901.  
  2902. mark {
  2903. background: transparent;
  2904. font-weight: bold;
  2905. }
  2906.  
  2907. /*button*/
  2908.  
  2909. #top div div.woocommerce-message a.button {
  2910. text-decoration: none;
  2911. width: 20%;
  2912. min-width: 90px;
  2913. }
  2914.  
  2915. .quantity input {
  2916. border-width: 1px;
  2917. border-style: 1px;
  2918. }
  2919.  
  2920.  
  2921.  
  2922.  
  2923.  
  2924.  
  2925. /*rating*/
  2926. div .star-rating, div #reviews #comments ol.commentlist li .comment-text .star-rating {
  2927. float: right;
  2928. width: 80px;
  2929. height: 16px;
  2930. background: url(images/star.png) repeat-x left 0 transparent;
  2931. }
  2932.  
  2933.  
  2934.  
  2935. #top div .star-rating span, div #reviews #comments ol.commentlist li .comment-text .star-rating span {
  2936. background: url(images/star.png) repeat-x left -32px transparent;
  2937. height: 0;
  2938. padding-top: 16px;
  2939. overflow: hidden;
  2940. float: left;
  2941. }
  2942.  
  2943. #top div p.stars span {
  2944. width: 80px;
  2945. height: 16px;
  2946. position: relative;
  2947. float: left;
  2948. background: url(images/star.png) repeat-x left 0 transparent;
  2949. }
  2950.  
  2951. #top div p.stars span a:hover, #top div p.stars span a:focus {
  2952. background: url(images/star.png) repeat-x left -16px transparent;
  2953. }
  2954.  
  2955. /*rating*/
  2956. div .woocommerce-tabs .star-rating {
  2957. background: url(images/star.png) repeat-x left 0 transparent;
  2958. }
  2959.  
  2960. #top #review_form p.stars, #top #commentform p {
  2961. padding: 0;
  2962. margin: 0 0 10px 0;
  2963. }
  2964.  
  2965. #top #commentform p {
  2966. padding: 2px;
  2967. }
  2968.  
  2969. #top .woocommerce-tabs div .star-rating span {
  2970. background: url(images/star.png) repeat-x left -32px transparent;
  2971. }
  2972.  
  2973. .add_review {
  2974. display: none;
  2975. }
  2976.  
  2977. #top #reviews h2 {
  2978. font: 10px/17px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  2979. font-weight: bold;
  2980. text-transform: uppercase;
  2981. letter-spacing: 1.5px;
  2982. }
  2983.  
  2984. #top #reviews h2 span {
  2985. display: inline;
  2986. }
  2987.  
  2988. #top .woocommerce-tabs .commentlist {
  2989. padding-top: 20px;
  2990. }
  2991.  
  2992. div #reviews .star-rating {
  2993. margin: 0 13px 0 0;
  2994. }
  2995.  
  2996. .woocommerce-tabs .comment_container {
  2997. float: left;
  2998. width: 100%;
  2999. }
  3000.  
  3001. div #reviews #comments ol.commentlist li .comment-text {
  3002. margin: 0 0 0 50px;
  3003. border-radius: 0;
  3004. padding: 11px 11px 0;
  3005. }
  3006.  
  3007. .rtl div #reviews #comments ol.commentlist li .comment-text {
  3008. margin: 0 50px;
  3009. }
  3010.  
  3011. .rtl .av-woo-product-review #reviews #comments ol.commentlist li .comment-text {
  3012. margin: 0 50px 0 0;
  3013. }
  3014.  
  3015. div #reviews #comments ol.commentlist li .avatar {
  3016. float: left;
  3017. position: absolute;
  3018. top: 0;
  3019. left: 0;
  3020. padding: 3px;
  3021. width: 32px;
  3022. height: auto;
  3023. margin: 0;
  3024. line-height: 1;
  3025. border-style: solid;
  3026. border-width: 1px;
  3027. }
  3028.  
  3029. div #reviews #comments ol.commentlist li .comment-text {
  3030. border-style: solid;
  3031. border-width: 1px;
  3032. }
  3033.  
  3034. #top #commentform .comment-form-rating label, #top.logged-in div #commentform .comment-form-comment label {
  3035. position: relative;
  3036. left: auto;
  3037. display: block;
  3038. font-size: 11px;
  3039. top: auto;
  3040. }
  3041.  
  3042. div #reviews #comment {
  3043. height: 125px;
  3044. }
  3045.  
  3046. div #review_form #respond {
  3047. overflow: hidden;
  3048. zoom: 1;
  3049. border: none;
  3050. margin: 0;
  3051. padding: 0
  3052. }
  3053.  
  3054. #top #reviews .commentlist span {
  3055. display: inline;
  3056. }
  3057.  
  3058. div #reviews #comments ol.commentlist li {
  3059. padding: 0;
  3060. margin: 0 0 4px;
  3061. border: 0;
  3062. position: relative;
  3063. background: 0;
  3064. border: 0;
  3065. display: inline-block;
  3066. width: 100%;
  3067. }
  3068.  
  3069. #top #review_form #respond .comment-form-rating {}
  3070.  
  3071. #top.logged-in #review_form #respond .comment-form-rating {
  3072. position: relative;
  3073. right: auto;
  3074. top: auto;
  3075. }
  3076.  
  3077.  
  3078. #top div #commentform .comment-form-comment label {
  3079. display: none;
  3080. }
  3081.  
  3082. .summary-main-content {
  3083. padding-bottom: 20px;
  3084. }
  3085.  
  3086. .template-login #customer_login .col-1, .template-register #customer_login .col-2 {
  3087. float: none;
  3088. width: auto;
  3089. }
  3090.  
  3091. .template-login #customer_login .col-2, .template-register #customer_login .col-1 {
  3092. display: none;
  3093. }
  3094.  
  3095. /*******************************************************************************************
  3096. WIDGETS - most styles copied and slightly modified from original woocommerce css file
  3097. ********************************************************************************************/
  3098.  
  3099. /*price range filter*/
  3100. div .widget_price_filter .price_slider_wrapper .button {
  3101. margin: 0;
  3102. }
  3103.  
  3104. div .widget_price_filter .price_slider_wrapper .price_slider {
  3105. margin: 1em .6em .6em;
  3106. }
  3107.  
  3108. div .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle {
  3109. outline: 0;
  3110. }
  3111.  
  3112. div .widget_price_filter .price_slider_wrapper .price_slider_amount {
  3113. overflow: hidden;
  3114. line-height: 35px;
  3115. padding: 4px 0 0 0;
  3116. }
  3117.  
  3118. div .widget_price_filter .price_slider_wrapper .price_label {
  3119. float: right;
  3120. }
  3121.  
  3122. div .widget_price_filter .ui-state-default, div .widget_price_filter .ui-widget-content .ui-state-default, div .widget_price_filter .ui-widget-header .ui-state-default {
  3123. font-weight: normal;
  3124. }
  3125.  
  3126. div .widget_price_filter .ui-state-hover, div .widget_price_filter .ui-widget-content .ui-state-hover, div .widget_price_filter .ui-widget-header .ui-state-hover, div .widget_price_filter .ui-state-focus, div .widget_price_filter .ui-widget-content .ui-state-focus, div .widget_price_filter .ui-widget-header .ui-state-focus {
  3127. font-weight: normal;
  3128. }
  3129.  
  3130. div .widget_price_filter .ui-state-active, div .widget_price_filter .ui-widget-content .ui-state-active, div .widget_price_filter .ui-widget-header .ui-state-active {
  3131. font-weight: normal;
  3132. }
  3133.  
  3134. div .widget_price_filter .ui-corner-all {
  3135. border-radius: 24px;
  3136. }
  3137.  
  3138. div .widget_price_filter .ui-slider {
  3139. position: relative;
  3140. text-align: left;
  3141. }
  3142.  
  3143. div .widget_price_filter .ui-slider .ui-slider-handle {
  3144. position: absolute;
  3145. z-index: 2;
  3146. width: 11px;
  3147. height: 11px;
  3148. cursor: default;
  3149. }
  3150.  
  3151. div .widget_price_filter .ui-slider .ui-slider-range {
  3152. position: absolute;
  3153. z-index: 1;
  3154. font-size: .7em;
  3155. display: block;
  3156. background-position: 0 0;
  3157. }
  3158.  
  3159. div .widget_price_filter .price_slider_wrapper .ui-widget-content {}
  3160.  
  3161. div .widget_price_filter .price_slider_wrapper .ui-widget-header {
  3162. font-weight: bold;
  3163. cursor: pointer;
  3164. }
  3165.  
  3166. div .widget_price_filter .ui-slider-horizontal {
  3167. height: 5px;
  3168. }
  3169.  
  3170. div .widget_price_filter .ui-slider-horizontal .ui-slider-handle {
  3171. top: -3px;
  3172. margin-left: -5px;
  3173. cursor: ew-resize;
  3174. }
  3175.  
  3176. div .widget_price_filter .ui-slider-horizontal .ui-slider-range {
  3177. top: 0;
  3178. height: 100%;
  3179. }
  3180.  
  3181. div .widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
  3182. left: 0;
  3183. }
  3184.  
  3185. div .widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
  3186. right: 0;
  3187. }
  3188.  
  3189. #top div .widget_price_filter .button {
  3190. margin: 0;
  3191. }
  3192.  
  3193. #top .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle {
  3194. background-color: #ddd;
  3195. color: #666;
  3196. }
  3197.  
  3198. #top .price_slider_amount .button {
  3199. min-width: 64px;
  3200. padding: 10px;
  3201. }
  3202.  
  3203.  
  3204.  
  3205. /*layered navigation*/
  3206. div .widget_layered_nav ul {
  3207. margin: 0;
  3208. padding: 0;
  3209. border: 0;
  3210. list-style: none outside;
  3211. }
  3212.  
  3213. div .widget_layered_nav ul li {
  3214. overflow: hidden;
  3215. zoom: 1;
  3216. padding: 0 6px 0 3px;
  3217. width: auto;
  3218. float: none;
  3219. }
  3220.  
  3221. div .widget_layered_nav ul small.count {
  3222. float: right;
  3223. margin-left: 6px;
  3224. font-size: 1em;
  3225. padding: 1px 0;
  3226. }
  3227.  
  3228. /*widget product categories*/
  3229. #top .widget_product_categories ul {
  3230. overflow: hidden;
  3231. padding: 0;
  3232. margin: 0;
  3233. }
  3234.  
  3235. .widget_product_categories li {
  3236. font-size: 10px;
  3237. font-style: italic;
  3238. padding: 1px;
  3239. }
  3240.  
  3241. .widget_product_categories li a {
  3242. padding: 0 0 0 9px;
  3243. background: transparent url("images/bullet_grey.png") left center no-repeat;
  3244. }
  3245.  
  3246. .widget_product_categories .children li {
  3247. padding: 2px 0px 2px 10px;
  3248. }
  3249.  
  3250. .widget_product_categories li a {
  3251. font-size: 12px;
  3252. font-style: normal;
  3253. }
  3254.  
  3255. /*widget product search*/
  3256. #top .widget_product_search.widget {
  3257. padding: 0 0 18px 0;
  3258. border: none;
  3259. }
  3260.  
  3261. #top .widget_product_search.widget h3 {
  3262. padding-top: 20px;
  3263. }
  3264.  
  3265. #top .widget_product_search #searchform>div {
  3266. max-width: 100%;
  3267. }
  3268.  
  3269. #top .widget_product_search #searchform #searchsubmit {
  3270. font-size: 12px;
  3271. width: 48px;
  3272. }
  3273.  
  3274. /*product_list_widget*/
  3275. div ul.product_list_widget li {
  3276. padding: 8px 0;
  3277. margin: 0;
  3278. overflow: hidden;
  3279. zoom: 1;
  3280. font-size: 11px;
  3281. border-top-style: dotted;
  3282. border-top-width: 1px;
  3283. position: relative;
  3284. }
  3285.  
  3286. #top div ul.product_list_widget li a {
  3287. display: block;
  3288. font-weight: bold;
  3289. font-size: 12px;
  3290. line-height: 1.5em !important;
  3291. height: auto !important;
  3292. }
  3293.  
  3294. div ul.product_list_widget li img {
  3295. float: right;
  3296. margin-left: 4px;
  3297. width: 32px;
  3298. padding: 2px;
  3299. height: auto;
  3300. }
  3301.  
  3302. div ul.product_list_widget .star-rating {
  3303. float: none;
  3304. position: relative;
  3305. margin: 3px 0 0 0;
  3306. }
  3307.  
  3308. /*shopping cart widget*/
  3309. div .widget_shopping_cart .total {
  3310. border-top: none;
  3311. padding: 4px 0 0;
  3312. margin: 0;
  3313. }
  3314.  
  3315. .widget_shopping_cart .total strong {
  3316. min-width: 40px;
  3317. display: inline-block;
  3318. }
  3319.  
  3320. div .widget_shopping_cart .buttons {
  3321. overflow: hidden;
  3322. zoom: 1;
  3323. }
  3324.  
  3325. div .widget_shopping_cart .button.checkout {
  3326. float: right;
  3327. }
  3328.  
  3329. #top div .widget_shopping_cart .button {
  3330. width: 40%;
  3331. }
  3332.  
  3333. #top div .dropdown_widget_cart {
  3334. display: none;
  3335. -webkit-perspective: 1000px;
  3336. -webkit-backface-visibility: hidden;
  3337. }
  3338.  
  3339.  
  3340.  
  3341. /************************************************************************
  3342. EXTERNAL AND SCRIPS
  3343. *************************************************************************/
  3344.  
  3345.  
  3346.  
  3347.  
  3348. /* PRODUCT SLIDER */
  3349.  
  3350. #customer_details {
  3351. overflow: visible;
  3352. width: 100%;
  3353. float: left;
  3354. }
  3355.  
  3356. div .chzn-container-single .chzn-single {
  3357. background: #fff;
  3358. border-radius: 0;
  3359. background-clip: padding-box;
  3360. border: 1px solid #ccc;
  3361. color: #999;
  3362. height: 32px;
  3363. line-height: 32px;
  3364. box-shadow: none;
  3365. }
  3366.  
  3367. div .chzn-container-single .chzn-single div b {
  3368. background-position: 0 5px;
  3369.  
  3370. }
  3371.  
  3372.  
  3373. div .chzn-container-single .chzn-single div {
  3374. border-radius: 0;
  3375. background-clip: padding-box;
  3376. background: #fff;
  3377. border-left: 1px solid #ccc;
  3378. }
  3379.  
  3380. #order_review, #order_review_heading {
  3381. clear: both;
  3382. }
  3383.  
  3384.  
  3385.  
  3386.  
  3387. /**Woo Error Message **/
  3388. ul.woocommerce-error {
  3389. border: none;
  3390. list-style: none;
  3391. margin: 0px 0px 23px 0px;
  3392. padding: 32px 45% 32px 36px;
  3393. background-repeat: no-repeat;
  3394. background-color: #F0DCDB;
  3395. color: #941210;
  3396. }
  3397.  
  3398. #top .avia-wc-notice-box .woocommerce-error a.button,
  3399. #top .avia-wc-notice-box .woocommerce-message a.button {
  3400. position: relative;
  3401. margin-right: 15px;
  3402. margin-top: 0;
  3403. float: left;
  3404. width: 20%;
  3405. min-width: 90px;
  3406. }
  3407.  
  3408. #top .thumbnail_container .button.single_button {
  3409. margin-top: -15px;
  3410. }
  3411.  
  3412.  
  3413. #top .template-shop .clear {
  3414. clear: none;
  3415. width: 0;
  3416. }
  3417.  
  3418. #top .template-shop .container {}
  3419.  
  3420. #payment .terms {
  3421. padding: 7px 0 0 0;
  3422. }
  3423.  
  3424. #customer_details .form-row {
  3425. clear: right;
  3426. }
  3427.  
  3428. #customer_details #order_comments_field {
  3429. clear: left;
  3430. }
  3431.  
  3432. .entry-content-wrapper ul.products li {
  3433. list-style-type: none;
  3434. }
  3435.  
  3436.  
  3437. /*added with version 1.1*/
  3438.  
  3439.  
  3440. .woocommerce-checkout div #shiptobilling {
  3441. position: relative;
  3442. }
  3443.  
  3444. #payment div.payment_box #cc-expire-month, #payment div.payment_box #cc-expire-year {
  3445. margin-top: 5px;
  3446. margin-bottom: 5px;
  3447. }
  3448.  
  3449. #payment div.payment_box #cc-expire-year {
  3450. float: left;
  3451. }
  3452.  
  3453. #top.woocommerce-checkout .form-row.form-row-first label {
  3454. display: block;
  3455. }
  3456.  
  3457. #top.woocommerce-checkout .woocommerce-checkout label.screen-reader-text .optional {
  3458. display: none;
  3459. }
  3460.  
  3461. #top #main .single-product-main-image .sidebar, #top #main .single-product-main-image .inner_sidebar {
  3462. border: none;
  3463. margin: 0;
  3464. padding: 20px 0 0 0;
  3465. width: 100%;
  3466. min-height: 0;
  3467. }
  3468.  
  3469.  
  3470. #top #payment .payment_box p:last-child {
  3471. padding-bottom: 0;
  3472. }
  3473.  
  3474.  
  3475. /*added with version 2.0*/
  3476.  
  3477. .quantity input[type=number]::-webkit-inner-spin-button,
  3478. .quantity input[type=number]::-webkit-outer-spin-button {
  3479. -webkit-appearance: none;
  3480. margin: 0;
  3481. }
  3482.  
  3483. ul.products .avia_cart_buttons .added_to_cart {
  3484. display: none !important;
  3485. }
  3486.  
  3487. .form-row.address-field {
  3488. overflow: visible;
  3489. }
  3490.  
  3491. #top .chzn-single div b {
  3492. background-position: 5px 6px !important;
  3493. }
  3494.  
  3495.  
  3496. /*added with 2.07*/
  3497.  
  3498. #top.woocommerce-page .woocommerce-ordering select {
  3499. width: 25%;
  3500. }
  3501.  
  3502. @media only screen and (max-width: 767px) {
  3503. #top.woocommerce-page .woocommerce-ordering select {
  3504. width: auto;
  3505. }
  3506. }
  3507.  
  3508.  
  3509. .form-row.address-field {
  3510. overflow: visible;
  3511. }
  3512.  
  3513. #top .chzn-single div b {
  3514. background-position: 5px 8px !important;
  3515. }
  3516.  
  3517. .inner_cart_button .added_to_cart {
  3518. display: none;
  3519. }
  3520.  
  3521.  
  3522. .added_to_cart_notification {
  3523. position: fixed;
  3524. top: 20px;
  3525. z-index: 100000;
  3526. width: 280px;
  3527. right: 20px;
  3528. padding: 20px;
  3529. border-style: solid;
  3530. border-width: 1px;
  3531. border-radius: 2px;
  3532. box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  3533. text-align: left;
  3534. line-height: 1.65em;
  3535. }
  3536.  
  3537. #header_main .added_to_cart_notification {
  3538. position: absolute;
  3539. top: 54px;
  3540. right: 6px;
  3541. font-size: 13px;
  3542. }
  3543.  
  3544. #header_main .added_to_cart_notification .avia-arrow {
  3545. display: block;
  3546. background-color: inherit;
  3547. }
  3548.  
  3549. .added_to_cart_notification .avia-arrow {
  3550. border-bottom: none;
  3551. border-right: none;
  3552. left: auto;
  3553. right: 10px;
  3554. display: none;
  3555. }
  3556.  
  3557. .added_to_cart_notification strong {}
  3558.  
  3559. .added_to_cart_notification .added-product-image {
  3560. width: 20%;
  3561. float: right;
  3562. }
  3563.  
  3564. .added-product-text {
  3565. float: left;
  3566. width: 75%;
  3567. }
  3568.  
  3569.  
  3570.  
  3571. .shop_table ul#shipping_method, .cart_totals ul#shipping_method {
  3572. margin-left: 0;
  3573. padding-left: 0;
  3574. list-style: none;
  3575. }
  3576.  
  3577.  
  3578. .shop_table ul#shipping_method li, .cart_totals ul#shipping_method li {
  3579. margin-left: 0;
  3580. text-align: left;
  3581. }
  3582.  
  3583.  
  3584. .shop_table ul#shipping_method li label, .cart_totals ul#shipping_method li label {
  3585. display: inline;
  3586. }
  3587.  
  3588.  
  3589.  
  3590.  
  3591.  
  3592. /*slider auotop correction*/
  3593.  
  3594. .avia_cart_buttons br {
  3595. display: none;
  3596. }
  3597.  
  3598.  
  3599. /*hover effect*/
  3600. .avia-product-hover {
  3601. position: absolute;
  3602. top: 0;
  3603. left: 0;
  3604.  
  3605. opacity: 0;
  3606. filter: alpha(opacity=00);
  3607. /* For IE8 and earlier */
  3608. -webkit-transition: all ease-in-out 0.3s;
  3609. -moz-transition: all ease-in-out 0.3s;
  3610. transition: all ease-in-out 0.3s;
  3611. -webkit-backface-visibility: hidden;
  3612. /* fixes webkit flickering after transitions*/
  3613. }
  3614.  
  3615. .inner_product:hover .avia-product-hover {
  3616. opacity: 1;
  3617. filter: alpha(opacity=100);
  3618. /* For IE8 and earlier */
  3619. }
  3620.  
  3621. /*products not wrapping*/
  3622. ul.products li.post {
  3623. clear: none;
  3624. }
  3625.  
  3626. ul.products li.post.first {
  3627. clear: both;
  3628. }
  3629.  
  3630. .products .product.post-password-required .thumbnail_container img, #top .products .product.post-password-required .inner_product_header .price, #top .products .product.post-password-required .inner_product_header .onsale {
  3631. opacity: 0.1;
  3632. }
  3633.  
  3634.  
  3635.  
  3636.  
  3637.  
  3638. /*added with version 2.1.1*/
  3639.  
  3640. .woocommerce-account dt, .customer_details dt {
  3641. width: auto;
  3642. margin-right: 5px;
  3643. }
  3644.  
  3645. dl.customer_details {
  3646. margin-bottom: 20px;
  3647. }
  3648.  
  3649. #top .my_account_orders a.button {
  3650. margin-bottom: 5px;
  3651. }
  3652.  
  3653. #top.woocommerce-checkout #payment h3 {
  3654. padding: 1em 1em 0;
  3655. }
  3656.  
  3657. dl.variation p {
  3658. margin: 0;
  3659. }
  3660.  
  3661.  
  3662. .entry-summary .woocommerce-product-rating {
  3663. top: -13px;
  3664. position: relative;
  3665. }
  3666.  
  3667. .entry-summary .woocommerce-product-rating .star-rating {
  3668. float: left;
  3669. margin-right: 8px;
  3670. }
  3671.  
  3672. .entry-summary .woocommerce-product-rating .woocommerce-review-link {
  3673. position: relative;
  3674. top: -3px;
  3675. font-size: 11px;
  3676. }
  3677.  
  3678. .form-row.form-row-wide {
  3679. clear: both;
  3680. }
  3681.  
  3682. form.cart .group_table .button {
  3683. float: none;
  3684. }
  3685.  
  3686. form.cart .group_table .added_to_cart {
  3687. display: none;
  3688. }
  3689.  
  3690. form.cart .group_table .price .stock {
  3691. margin: 0;
  3692. }
  3693.  
  3694.  
  3695. #top div .chosen-search input[type='text'] {
  3696. background: #fff;
  3697. color: #777;
  3698. border-color: #e1e1e1;
  3699. }
  3700.  
  3701. #top .chosen-container-single .chosen-single, #top .chosen-container-active .chosen-single, #top .chosen-container .chosen-drop {
  3702. border-color: #e1e1e1;
  3703. }
  3704.  
  3705. #top .chosen-container-single .chosen-single {
  3706. box-shadow: none;
  3707. border-radius: 0px;
  3708. line-height: 36px;
  3709. height: 37px;
  3710. }
  3711.  
  3712. #top.woocommerce-checkout .form-row .chosen-container-single .chosen-single div b {
  3713. background-position: 0 8px !important;
  3714. }
  3715.  
  3716. #top .chosen-container .chosen-results {
  3717. margin: 0;
  3718. padding: 9px 0;
  3719. border-top: 1px solid #E1E1E1;
  3720. }
  3721.  
  3722. #top .chosen-container-single .chosen-search {
  3723. padding: 10px;
  3724. }
  3725.  
  3726. #top .chosen-container-single .chosen-single, #top .active-result.highlighted {
  3727. background: transparent;
  3728. }
  3729.  
  3730. #top div .chosen-search input[type='text'] {
  3731. margin-bottom: 0;
  3732. box-shadow: none;
  3733. }
  3734.  
  3735. .chosen-container-active.chosen-with-drop .chosen-single div b {
  3736. background-position: -16px 7px;
  3737. }
  3738.  
  3739. .chosen-container-single .chosen-single div b {
  3740. background-position: 2px 8px;
  3741. }
  3742.  
  3743.  
  3744.  
  3745. /*added with version 2.1.7*/
  3746.  
  3747. /*shortcode fix*/
  3748. #top .entry-content .woocommerce .single-product {
  3749. overflow: hidden;
  3750. }
  3751.  
  3752. #top .entry-content .woocommerce .single-product .single-product-summary {
  3753. float: none;
  3754. overflow: hidden;
  3755. margin-left: 10px;
  3756. width: auto;
  3757. }
  3758.  
  3759. #top .entry-content .woocommerce .single-product .single-product-main-image {
  3760. overflow: visible;
  3761. }
  3762.  
  3763. #top .entry-content .woocommerce .single-product div.images {
  3764. width: 100%;
  3765. }
  3766.  
  3767. #top .entry-content .woocommerce .single-product div.images img {
  3768. padding: 0;
  3769. }
  3770.  
  3771. #top .entry-content .woocommerce .single-product div.product .woocommerce-tabs {
  3772. margin: 0;
  3773. }
  3774.  
  3775. #top .products .product-category {
  3776. border-radius: 1px;
  3777. border-style: solid;
  3778. border-width: 1px;
  3779. }
  3780.  
  3781. #top .products .product-category img {
  3782. display: block;
  3783. margin: 0;
  3784. }
  3785.  
  3786. #top .products .product-category h3 {
  3787. margin: 0;
  3788. padding: 15px 15px;
  3789. position: relative;
  3790. border-top-style: solid;
  3791. border-top-width: 1px;
  3792. }
  3793.  
  3794. #top .products .product-category h3:before {
  3795. content: "";
  3796. height: 10px;
  3797. width: 10px;
  3798. position: absolute;
  3799. left: 50%;
  3800. -webkit-transform: rotate(45deg);
  3801. -moz-transform: rotate(45deg);
  3802. transform: rotate(45deg);
  3803. border-width: 1px;
  3804. border-style: solid;
  3805. visibility: hidden\9;
  3806. border-bottom: none;
  3807. border-right: none;
  3808. z-index: 1000;
  3809. top: -6px;
  3810. margin-left: -6px;
  3811. }
  3812.  
  3813. /*added with enfold 3.0*/
  3814.  
  3815. #ship-to-different-address {
  3816. padding: 0;
  3817. }
  3818.  
  3819. #top label.checkbox {
  3820. display: inline;
  3821. }
  3822.  
  3823. .html_header_sidebar .cart_dropdown {
  3824. top: -46px;
  3825. border-radius: 0;
  3826. z-index: 210;
  3827. opacity: 0;
  3828. margin: 0;
  3829. }
  3830.  
  3831. .html_header_left .cart_dropdown {
  3832. right: -1px;
  3833. }
  3834.  
  3835. .html_boxed.html_header_sidebar .cart_dropdown {
  3836. top: 24px;
  3837. }
  3838.  
  3839. /* Customize to frame width to align icon to right on desktop view */
  3840. .html_av-framed-box.html_header_right #top .cart_dropdown {
  3841. right: auto;
  3842. }
  3843.  
  3844. .html_header_sidebar.html_visible_cart .cart_dropdown {
  3845. opacity: 1;
  3846. }
  3847.  
  3848. .single-product-main-image {
  3849. width: 33%;
  3850. float: left;
  3851. margin-right: 50px;
  3852. overflow: hidden;
  3853. padding-bottom: 50px;
  3854. }
  3855.  
  3856. .single-product-summary {
  3857. overflow: hidden;
  3858. }
  3859.  
  3860. .cart_dropdown .dropdown_widget .widget_shopping_cart_content .variation p {
  3861. padding: 0;
  3862. margin: 0;
  3863. }
  3864.  
  3865. #top .variations_form .variations tr {
  3866. background: rgba(0, 0, 0, 0);
  3867. }
  3868.  
  3869. /*added with enfold 3.0.3*/
  3870. .woocommerce-tabs #tab-description ul, #top .woocommerce-tabs .commentlist .description ul {
  3871. list-style-type: disc;
  3872. list-style-position: inside;
  3873. }
  3874.  
  3875. .woocommerce-tabs #tab-description ol, #top .woocommerce-tabs .commentlist .description ol {
  3876. list-style-type: decimal;
  3877. list-style-position: inside;
  3878. }
  3879.  
  3880. #top .woocommerce-tabs .commentlist .description ul, #top .woocommerce-tabs .commentlist .description ol {
  3881. margin: 0 0 15px 15px;
  3882. border: none;
  3883. }
  3884.  
  3885.  
  3886.  
  3887. /*added for woo 2.3*/
  3888.  
  3889. #top div ul.product_list_widget li a.remove {
  3890. position: absolute;
  3891. right: 0px;
  3892. top: 26px;
  3893. line-height: 16px;
  3894. }
  3895.  
  3896. #top .dropdown_widget_cart ul.product_list_widget li a.remove {
  3897. right: 5px;
  3898. top: 3px;
  3899. display: none;
  3900. }
  3901.  
  3902. a.about_paypal {
  3903. margin-left: 10px;
  3904. }
  3905.  
  3906. #top .select2-container {
  3907. width: 100%;
  3908. }
  3909.  
  3910. #top .select2-container .select2-choice {
  3911. font-size: 13px;
  3912. box-shadow: none;
  3913. border-radius: 0px;
  3914. line-height: 36px;
  3915. height: 37px;
  3916. background-image: none;
  3917. }
  3918.  
  3919. #top .select2-drop {
  3920. border-radius: 0px;
  3921. }
  3922.  
  3923. #top .select2-container .select2-choice .select2-arrow {
  3924. background: transparent;
  3925. border: none;
  3926. }
  3927.  
  3928. #top .select2-container .select2-choice .select2-arrow b {
  3929. background-position: -4px 5px !important;
  3930. }
  3931.  
  3932. #top .select2-results {
  3933. margin: 0;
  3934. padding: 0;
  3935. }
  3936.  
  3937. #top .select2-search {
  3938. padding: 10px;
  3939. border-bottom-style: solid;
  3940. border-bottom-width: 1px;
  3941. }
  3942.  
  3943. #top .select2-search input[type='text'] {
  3944. margin-bottom: 0;
  3945. box-shadow: none;
  3946. max-width: 100%;
  3947. width: 100%;
  3948. }
  3949.  
  3950. #top .select2-no-results {
  3951. background: transparent;
  3952. padding: 10px;
  3953. }
  3954.  
  3955. #top #wrap_all select.country_select {
  3956. height: 37px;
  3957. border-radius: 0px;
  3958. }
  3959.  
  3960. #top form.cart .button {
  3961. margin-top: 0;
  3962. margin-bottom: 0;
  3963. display: inline-block;
  3964. }
  3965.  
  3966. #top .sidebar .widget_shopping_cart .button {
  3967. min-width: 0;
  3968. width: 48%;
  3969. }
  3970.  
  3971.  
  3972.  
  3973.  
  3974.  
  3975.  
  3976.  
  3977.  
  3978.  
  3979.  
  3980. /*woo builder elments added with enfold 3.1*/
  3981. .av-woo-product-tabs {
  3982. clear: both;
  3983. }
  3984.  
  3985. #top .av-woo-product-review .comment_container, #top .av-woo-product-tabs .comment_container {
  3986. padding: 0;
  3987. }
  3988.  
  3989. #top .av-woo-product-tabs .tabs {
  3990. margin: 0;
  3991. list-style-type: none;
  3992. }
  3993.  
  3994. #top .av-woo-product-tabs .tabs>li {
  3995. float: left;
  3996. padding: 0;
  3997. }
  3998.  
  3999. #top .av-cart-counter {
  4000. position: absolute;
  4001. top: 50%;
  4002. left: 54%;
  4003. height: 16px;
  4004. padding: 0 5px;
  4005. line-height: 16px;
  4006. border-radius: 54px;
  4007. font-size: 11px;
  4008. background: #333;
  4009. color: #fff;
  4010. text-align: center;
  4011. margin: -20px 0 0 2px;
  4012. -webkit-transform: scale(0.3);
  4013. transform: scale(0.3);
  4014. opacity: 0;
  4015.  
  4016. }
  4017.  
  4018. #top .av-cart-counter.av-active-counter {
  4019. -webkit-transition: all cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.3s;
  4020. transition: all cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.3s;
  4021. opacity: 1;
  4022. -webkit-transform: scale(1);
  4023. transform: scale(1);
  4024. }
  4025.  
  4026.  
  4027.  
  4028.  
  4029. /*minimal styling*/
  4030. #top .av-product-class-minimal {
  4031. text-align: center;
  4032. border: none;
  4033. background: transparent;
  4034. border-radius: 0;
  4035. }
  4036.  
  4037. #top .av-product-class-minimal .avia-arrow {
  4038. display: none;
  4039. }
  4040.  
  4041. #top .av-product-class-minimal .inner_product_header {
  4042. border: none;
  4043. padding: 10px 0;
  4044. background: transparent;
  4045. min-height: 0;
  4046. }
  4047.  
  4048. #top .av-product-class-minimal a, #top .av-product-class-minimal img {
  4049. border-radius: 0;
  4050. }
  4051.  
  4052. /* product page/cat banner*/
  4053.  
  4054. #av_product_description {
  4055. color: #fff;
  4056. text-align: center;
  4057. }
  4058.  
  4059. #av_product_description * {
  4060. color: inherit;
  4061. }
  4062.  
  4063. #av_product_description h1 {
  4064. font-weight: 300;
  4065. font-size: 40px;
  4066. line-height: 1.2em;
  4067. }
  4068.  
  4069.  
  4070. /*enfold v 3.1.4*/
  4071. .av-woo-purchase-button {
  4072. clear: both;
  4073. }
  4074.  
  4075. .widget_layered_nav_filters .chosen a {
  4076. display: block;
  4077. border-radius: 2px;
  4078. padding-left: 3px;
  4079. }
  4080.  
  4081. .widget_layered_nav_filters .chosen a:hover, .widget_layered_nav .chosen a:hover {
  4082. text-decoration: none;
  4083. }
  4084.  
  4085. .widget_layered_nav_filters .chosen a:before, .widget_layered_nav .chosen a:before {
  4086. content: "×";
  4087. margin-right: .53em;
  4088. color: #e2401c;
  4089. font-family: Arial, Baskerville, monospace !important;
  4090. font-weight: bold;
  4091. }
  4092.  
  4093. #top .widget_layered_nav, #top .widget_layered_nav_filters {
  4094. padding: 0 0 20px 0;
  4095. }
  4096.  
  4097.  
  4098. /*enfold v3.4*/
  4099. p.order-again {
  4100. clear: both;
  4101. width: 100%;
  4102. float: left;
  4103. margin: 0 0 50px;
  4104. }
  4105.  
  4106. .woocommerce .login .button {
  4107. margin: 0 20px 0 0;
  4108. position: relative;
  4109. z-index: 5;
  4110. }
  4111.  
  4112. .woocommerce .login .lost_password {
  4113. margin: 0;
  4114. position: relative;
  4115. top: -1em;
  4116. left: 5px;
  4117. font-size: 0.92em;
  4118. }
  4119.  
  4120. /*enfold v3.5*/
  4121. #top .av-product-class-minimal-overlay {
  4122. text-align: center;
  4123. border: none;
  4124. background: transparent;
  4125. border-radius: 0;
  4126. }
  4127.  
  4128. #top .av-product-class-minimal-overlay .avia-arrow {
  4129. display: none;
  4130. }
  4131.  
  4132. #top #wrap_all .av-product-class-minimal-overlay .inner_product_header {
  4133. border: none;
  4134. padding: 10px 0;
  4135. background: rgba(0, 0, 0, 0.35);
  4136. min-height: 0;
  4137. height: 100%;
  4138. width: 100%;
  4139. position: absolute;
  4140. top: 0;
  4141. padding: 1em;
  4142. -webkit-transition: all 0.3s ease;
  4143. -moz-transition: all 0.3s ease-in-out;
  4144. transition: all 0.3s ease-in-out;
  4145. opacity: 1;
  4146. }
  4147.  
  4148. #top #wrap_all .av-product-class-minimal-overlay a:hover .inner_product_header {
  4149. opacity: 0;
  4150. }
  4151.  
  4152. #top .av-product-class-minimal-overlay .inner_product_header_table {
  4153. height: 100%;
  4154. width: 100%;
  4155. display: table;
  4156. }
  4157.  
  4158. #top .av-product-class-minimal-overlay .inner_product_header_cell {
  4159. vertical-align: middle;
  4160. display: table-cell;
  4161. }
  4162.  
  4163. #top .av-product-class-minimal-overlay a, #top .av-product-class-minimal-overlay img {
  4164. border-radius: 0;
  4165. }
  4166.  
  4167. #top .av-product-class-minimal-overlay h2, #top .av-product-class-minimal-overlay h3, #top .av-product-class-minimal-overlay span, #top #wrap_all .av-product-class-minimal-overlay ins:before, #top #wrap_all .av-product-class-minimal-overlay .price, #top #wrap_all div .av-product-class-minimal-overlay del {
  4168. color: #fff;
  4169. }
  4170.  
  4171. #top .av-product-class-minimal-overlay h3 {
  4172. font-size: 1.5em;
  4173. }
  4174.  
  4175. #top .av-product-class-minimal-overlay .onsale {
  4176. border-radius: 0;
  4177. top: 0;
  4178. right: 0;
  4179. }
  4180.  
  4181.  
  4182. /*woocommerce 2.6 account nav*/
  4183. .woocommerce-MyAccount-navigation {
  4184. float: left;
  4185. border-style: solid;
  4186. border-width: 1px;
  4187. margin-right: 50px;
  4188. }
  4189.  
  4190. .woocommerce-MyAccount-navigation ul {
  4191. margin: 0;
  4192. }
  4193.  
  4194. .woocommerce-MyAccount-navigation ul li {
  4195. list-style-type: none;
  4196. list-style-position: outside;
  4197. margin: 0;
  4198. padding: 0;
  4199. }
  4200.  
  4201. .woocommerce-MyAccount-navigation ul li a {
  4202. padding: 10px;
  4203. text-align: center;
  4204. border-bottom-style: solid;
  4205. border-bottom-width: 1px;
  4206. display: block;
  4207. min-width: 200px;
  4208. }
  4209.  
  4210. .woocommerce-MyAccount-navigation ul li:last-child a {
  4211. border: none;
  4212. }
  4213.  
  4214. .woocommerce-MyAccount-content {
  4215. overflow: hidden;
  4216. }
  4217.  
  4218. .woocommerce-MyAccount-navigation-link.is-active a {
  4219. font-weight: bold;
  4220. }
  4221.  
  4222. .woocommerce-MyAccount-navigation-link a:hover {
  4223. text-decoration: none;
  4224. }
  4225.  
  4226. .av-parallax-inner.av-parallax-woo {
  4227. background-size: cover;
  4228. }
  4229.  
  4230. /*
  4231. Modifications for WooCommerce 3.0 gallery - selectable by option
  4232. ================================================================
  4233. */
  4234. .single-product div.product .woocommerce-product-gallery {
  4235. margin-bottom: 2.617924em;
  4236. margin-top: 0;
  4237. }
  4238.  
  4239. .single-product div.product .woocommerce-product-gallery {
  4240. position: relative;
  4241. }
  4242.  
  4243. .single-product .single-product-main-image .avia-wc-30-product-gallery-lightbox {
  4244. position: absolute;
  4245. top: 15px;
  4246. left: 15px;
  4247. display: block;
  4248. height: 40px;
  4249. line-height: 40px;
  4250. text-align: center;
  4251. background: #fff;
  4252. width: 40px;
  4253. font-size: 20px;
  4254. border-radius: 333px;
  4255. z-index: 99;
  4256. text-align: center;
  4257. overflow: hidden;
  4258. border: 0px;
  4259. color: #b0b0b0;
  4260. }
  4261.  
  4262. .single-product .single-product-main-image .avia-wc-30-product-gallery-lightbox:hover {
  4263. opacity: 0.6;
  4264. cursor: pointer;
  4265. }
  4266.  
  4267. .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
  4268. font-family: dashicons;
  4269. content: "\f179";
  4270. font-size: 1.5em;
  4271. }
  4272.  
  4273. .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  4274. position: absolute;
  4275. top: .875em;
  4276. right: .875em;
  4277. display: block;
  4278. height: 2em;
  4279. width: 2em;
  4280. /*border-radius:3px;*/
  4281. z-index: 99;
  4282. text-align: center;
  4283. overflow: hidden;
  4284. background: transparent;
  4285. border: 0px;
  4286. }
  4287.  
  4288. .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger img {
  4289. display: block !important;
  4290. }
  4291.  
  4292. .single-product div.product .woocommerce-product-gallery img {
  4293. margin: 0;
  4294. }
  4295.  
  4296. .single-product div.product .woocommerce-product-gallery .flex-viewport {
  4297. margin-bottom: 20px;
  4298. }
  4299.  
  4300. .single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
  4301. margin: 0;
  4302. padding: 0
  4303. }
  4304.  
  4305. .single-product div.product .woocommerce-product-gallery .flex-control-thumbs:after, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs:before {
  4306. content: "";
  4307. display: table;
  4308. }
  4309.  
  4310. .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
  4311. list-style: none;
  4312. margin-bottom: 0;
  4313. cursor: pointer;
  4314. }
  4315.  
  4316. .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
  4317. opacity: .5;
  4318. -webkit-transition: all, ease, .2s;
  4319. -moz-transition: all, ease, .2s;
  4320. transition: all, ease, .2s;
  4321. }
  4322.  
  4323. .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
  4324. opacity: 1;
  4325. }
  4326.  
  4327. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
  4328. width: 50%;
  4329. float: left;
  4330. margin-right: 0;
  4331. }
  4332.  
  4333. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
  4334. margin-right: 0;
  4335. }
  4336.  
  4337. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
  4338. width: 33.333%;
  4339. float: left;
  4340. margin-right: 0;
  4341. }
  4342.  
  4343. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
  4344. margin-right: 0;
  4345. }
  4346.  
  4347. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
  4348. width: 25%;
  4349. float: left;
  4350. margin-right: 0;
  4351. }
  4352.  
  4353. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
  4354. margin-right: 0;
  4355. }
  4356.  
  4357. .single-product div.product .images .woocommerce-main-image {
  4358. margin-bottom: 1.618em;
  4359. display: block;
  4360. }
  4361.  
  4362. .single-product div.product .images .thumbnails a.zoom {
  4363. display: block;
  4364. width: 22.05%;
  4365. margin-right: 3.8%;
  4366. float: left;
  4367. margin-bottom: 1em;
  4368. }
  4369.  
  4370. .single-product div.product .images .thumbnails a.zoom.last {
  4371. margin-right: 0;
  4372. }
  4373.  
  4374. .single-product div.product .woocommerce-product-gallery img {
  4375. border-style: solid;
  4376. border-width: 1px;
  4377. }
  4378.  
  4379. /*
  4380. End Modifications for WooCommerce 3.0 gallery
  4381. =============================================
  4382. */
  4383.  
  4384.  
  4385. /*enfold 4.2*/
  4386. .html_top_nav_header .cart_dropdown {
  4387. margin: -24px 0 0 0;
  4388. }
  4389.  
  4390. .html_top_nav_header.html_cart_at_menu #menu-item-shop {
  4391. right: 0;
  4392. position: absolute;
  4393. top: 50%;
  4394. margin-top: -45px;
  4395. }
  4396.  
  4397.  
  4398.  
  4399. /*enfold 4.3*/
  4400. #top .woocommerce-terms-and-conditions-link {
  4401. text-decoration: underline;
  4402. }
  4403.  
  4404. #top .template-page .product_meta {
  4405. margin-bottom: 7px;
  4406. }
  4407.  
  4408. #top .template-page .product_meta>span {
  4409. margin-right: 5px;
  4410. font-size: 11px;
  4411. }
  4412.  
  4413.  
  4414. /*
  4415. ************** WC 3.8 Block elements *****************
  4416. */
  4417. #top .entry-content>div[class*="wc-block-"] {
  4418. position: relative;
  4419. width: 100%;
  4420. float: left;
  4421. }
  4422.  
  4423.  
  4424. #top .wc-block-order-select.wc-block-review-order-select .wc-block-order-select__label {
  4425. float: none;
  4426. font-size: 0.8em;
  4427. margin-top: 2px;
  4428. }
  4429.  
  4430. #top .wc-block-order-select.wc-block-review-order-select .wc-block-order-select__label span {
  4431. font-size: 1.1em;
  4432. color: inherit;
  4433. }
  4434.  
  4435. #top .wc-block-order-select.wc-block-review-order-select .wc-block-order-select__select {
  4436. width: 140px;
  4437. float: right;
  4438. padding: 2px;
  4439. line-height: 28px;
  4440. height: 28px;
  4441. vertical-align: middle;
  4442. font-size: 0.9em;
  4443. }
  4444.  
  4445. #top .wp-block-woocommerce-reviews-by-product .wc-block-load-more {
  4446. float: left;
  4447. }
  4448.  
  4449. #top .wc-block-review-list {
  4450. width: 100%;
  4451. float: left;
  4452. }
  4453.  
  4454.  
  4455. #top .wc-block-review-list a,
  4456. #top .wc-block-review-list a:hover,
  4457. #top .wc-block-grid a {
  4458. text-decoration: none;
  4459. }
  4460.  
  4461. #top .wc-block-grid .wc-block-grid__product-add-to-cart .added_to_cart {
  4462. display: none;
  4463. }
  4464.  
  4465. #top .wc-block-grid .wp-block-button a,
  4466. #top .wc-block-featured-product .wp-block-button:not(.is-style-default):not(.is-style-outline) a,
  4467. #top .wc-block-featured-category .wp-block-button:not(.is-style-default):not(.is-style-outline) a,
  4468. #top .wc-block-load-more .wp-block-button__link {
  4469. border-radius: 3px;
  4470. padding: 10px;
  4471. font-size: 16px;
  4472. text-decoration: none;
  4473. display: inline-block;
  4474. border-bottom-style: solid;
  4475. border-bottom-width: 1px;
  4476. margin: 3px 0;
  4477. line-height: 1.2em;
  4478. position: relative;
  4479. font-weight: normal;
  4480. text-align: center;
  4481. max-width: 100%;
  4482. }
  4483.  
  4484. #top .wc-block-grid .wp-block-button a:hover,
  4485. #top .wc-block-featured-product .wc-block-featured-product__link a:hover,
  4486. #top .wc-block-featured-category .wp-block-button a:hover {
  4487. text-decoration: none;
  4488. opacity: 0.9;
  4489. }
  4490.  
  4491. #top .wc-block-product-categories .wc-block-product-categories__button,
  4492. #top .wc-block-product-search__fields .wc-block-product-search__field,
  4493. #top .wc-block-product-search__fields .wc-block-product-search__button {
  4494. height: 38px;
  4495. }
  4496.  
  4497. #top .wc-block-product-categories .wc-block-product-categories__dropdown {
  4498. width: 180px;
  4499. }
  4500.  
  4501. #top .wc-block-grid ul {
  4502. list-style: none;
  4503. }
  4504.  
  4505. #top .wc-block-grid .wc-block-grid__product-price {
  4506. font-weight: 700;
  4507. }
  4508.  
  4509. #top .wc-block-grid .star-rating>span,
  4510. #top .wc-block-grid .star-rating .rating {
  4511. background: none;
  4512. height: auto;
  4513. }
  4514.  
  4515. #top .wc-block-grid .star-rating {
  4516. float: none;
  4517. background: none;
  4518. height: 1.5em;
  4519. }
  4520.  
  4521. #top .entry-content-wrapper .wc-block-grid li {
  4522. margin-left: 0;
  4523. }
  4524.  
  4525.  
  4526. /*
  4527. ************** WC 3.8 Block elements end *****************
  4528. */
  4529.  
  4530.  
  4531. /* #Media Queries
  4532. ================================================== */
  4533.  
  4534. /* Smaller than standard 960 (devices and browsers) */
  4535. @media only screen and (max-width: 959px) {}
  4536.  
  4537. /* Tablet Portrait size to standard 960 (devices and browsers) */
  4538. @media only screen and (min-width: 768px) and (max-width: 989px) {
  4539.  
  4540. .responsive #top #wrap_all #main .summary .products .thumbnail_container .button {
  4541. text-indent: 20px;
  4542. }
  4543.  
  4544. .responsive .shop_columns_5 .products .product .thumbnail_container .button {
  4545. text-indent: 20px;
  4546. }
  4547.  
  4548. .responsive div table.shop_table td {
  4549. padding: 6px 5px;
  4550. vertical-align: middle;
  4551. }
  4552.  
  4553. .responsive #top .single-product-main-image .thumbnails a {
  4554. width: 30%;
  4555. margin: 0 3% 3% 0;
  4556. }
  4557.  
  4558. .responsive #top .price_slider_amount .button {
  4559. min-width: 100%;
  4560. }
  4561.  
  4562. .responsive div .widget_price_filter .price_slider_wrapper .price_label {
  4563. clear: both;
  4564. float: none;
  4565. }
  4566.  
  4567. .html_header_sidebar .cart_dropdown .dropdown_widget {
  4568. width: 200px;
  4569. }
  4570.  
  4571. .responsive .added_to_cart_notification {
  4572. width: 200px;
  4573. }
  4574.  
  4575. .responsive .av_mobile_menu_tablet .cart_dropdown {
  4576. position: absolute;
  4577. top: 50%;
  4578. margin: -23px 0px 0 0;
  4579. }
  4580.  
  4581. .responsive.html_mobile_menu_tablet.html_visible_cart #top .avia-menu+#menu-item-shop {
  4582. border-left: none;
  4583. }
  4584.  
  4585. /*.responsive.html_mobile_menu_tablet #menu-item-shop{border-right:none;}*/
  4586. .responsive.html_mobile_menu_tablet.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
  4587. padding-top: 119px;
  4588. }
  4589.  
  4590. .responsive.html_mobile_menu_tablet.html_top_nav_header .cart_dropdown {
  4591. top: 45px;
  4592. }
  4593.  
  4594. .responsive.html_mobile_menu_tablet.html_top_nav_header.html_cart_at_menu #menu-item-shop {
  4595. right: 85px;
  4596. }
  4597.  
  4598. .responsive.html_mobile_menu_tablet.html_cart_at_menu.html_bottom_nav_header #top #wrap_all .main_menu {
  4599. right: 40px;
  4600. }
  4601.  
  4602. .responsive.html_mobile_menu_tablet.html_cart_at_menu.html_bottom_nav_header.html_logo_right #menu-item-shop {
  4603. left: 60px;
  4604. }
  4605.  
  4606. .responsive.html_mobile_menu_tablet.html_cart_at_menu #top .main_menu .menu>li:last-child {
  4607. padding-right: 13px;
  4608. margin-right: 20px;
  4609. }
  4610.  
  4611. .responsive.html_mobile_menu_tablet.html_cart_at_menu.html_header_searchicon .menu-item-search-dropdown {
  4612. padding-right: 0;
  4613. }
  4614. }
  4615.  
  4616. /* All Mobile Sizes (devices and browser) */
  4617. @media only screen and (max-width: 767px) {
  4618.  
  4619. .responsive .single-product-main-image {
  4620. width: 100%;
  4621. margin: 0 30px 0 0;
  4622. }
  4623.  
  4624. .responsive #top .related.products .product, .responsive #top .upsells.products .product {
  4625. margin: 0 4% 0 0;
  4626. width: 48%;
  4627. }
  4628.  
  4629. .responsive #top .related.products .product:nth-child(even), .responsive #top .upsells.products .product:nth-child(even) {
  4630. margin: 0;
  4631. }
  4632.  
  4633.  
  4634.  
  4635. .responsive #top #main .products .product {
  4636. margin: 0 1% 1% 0;
  4637. width: 49%;
  4638. }
  4639.  
  4640. .responsive #top .products .product:nth-child(odd) {
  4641. clear: both;
  4642. }
  4643.  
  4644. .responsive #top .products .product:nth-child(even) {
  4645. clear: none;
  4646. }
  4647.  
  4648. .responsive .cart-collaterals .cross-sells, .responsive .cart-collaterals .cart_totals, .responsive .shipping_calculator {
  4649. width: 100%;
  4650. margin-top: 20px;
  4651. }
  4652.  
  4653. .responsive .shipping_calculator {
  4654. padding-top: 20px;
  4655. }
  4656.  
  4657.  
  4658. .responsive table.shop_table th {
  4659. font-size: 11px;
  4660. font-weight: normal;
  4661. line-height: 18px;
  4662. padding: 3px 4px;
  4663. text-transform: none;
  4664. }
  4665.  
  4666. .responsive table.shop_table .product-thumbnail {
  4667. display: none;
  4668. }
  4669.  
  4670. .responsive #top .col2-set .col-1, .responsive #top .col2-set .col-2, .responsive .cart-collaterals .shipping_calculator {
  4671. width: 89%;
  4672. float: none;
  4673. margin-bottom: 20px;
  4674. }
  4675.  
  4676. .responsive #top .col2-set .col-1 {
  4677. display: inline-block;
  4678. }
  4679.  
  4680. .responsive #top .woocommerce-ordering {
  4681. position: absolute;
  4682. bottom: 10px;
  4683. left: 0;
  4684. right: auto;
  4685. float: none;
  4686. clear: both;
  4687. margin: 0;
  4688. top: auto;
  4689. }
  4690.  
  4691. .responsive .shop_title_container {
  4692. padding-bottom: 50px;
  4693. }
  4694.  
  4695. .responsive .title_container .term_description {
  4696. padding-right: 0;
  4697. }
  4698.  
  4699. .responsive #top .single-product-main-image .thumbnails a {
  4700. width: 30%;
  4701. margin: 0 3% 3% 0;
  4702. }
  4703.  
  4704. .responsive .shop_table .product-quantity {
  4705. display: none;
  4706. }
  4707.  
  4708. .responsive #order_review .shop_table .product-quantity {
  4709. display: table !important;
  4710. }
  4711.  
  4712. .responsive #top .single-product-main-image .onsale {
  4713. top: 7px;
  4714. right: 7px;
  4715. }
  4716.  
  4717. /*header*/
  4718. .html_cart_at_menu.html_header_sidebar #header_main .avia-menu {
  4719. margin-top: 0;
  4720. }
  4721.  
  4722. .html_cart_at_menu.html_header_sidebar #header .av-main-nav-wrap {
  4723. width: auto;
  4724. }
  4725.  
  4726. .responsive #top .cart_dropdown {
  4727. position: absolute;
  4728. top: 50%;
  4729. margin-top: -23px;
  4730. z-index: 1;
  4731. }
  4732.  
  4733.  
  4734. .html_av-framed-box.html_header_sidebar #top .cart_dropdown,
  4735. .html_boxed.html_header_sidebar #top .cart_dropdown {
  4736. position: fixed;
  4737. right: 0px;
  4738. top: 5%;
  4739. }
  4740.  
  4741. .html_av-framed-box.html_header_sidebar #top.admin-bar .cart_dropdown,
  4742. .html_boxed.html_header_sidebar #top.admin-bar .cart_dropdown {
  4743. top: 10%;
  4744. }
  4745.  
  4746. .responsive #top #menu-item-shop.cart_dropdown {
  4747. margin: 0;
  4748. top: 0;
  4749. border: none;
  4750. height: 100%;
  4751. width: auto;
  4752. line-height: 80px;
  4753. position: static;
  4754. margin-left: -39px;
  4755. }
  4756.  
  4757. .responsive.html_bottom_nav_header #top #menu-item-shop.cart_dropdown {
  4758. position: absolute;
  4759. right: 0;
  4760. }
  4761.  
  4762. .responsive.html_bottom_nav_header.html_cart_at_menu #top #wrap_all .main_menu {
  4763. right: 64px;
  4764. z-index: 102;
  4765. }
  4766.  
  4767.  
  4768.  
  4769.  
  4770. .responsive #top #header_main #menu-item-shop .cart_dropdown_link {
  4771. line-height: 80px;
  4772. }
  4773.  
  4774. .responsive.html_cart_at_menu.html_header_sidebar #top #menu-item-shop .dropdown_widget.dropdown_widget_cart {
  4775. width: 300px;
  4776. }
  4777.  
  4778. .responsive.html_cart_at_menu.html_header_sidebar #menu-item-shop .dropdown_widget .avia-arrow {
  4779. right: 40px;
  4780. }
  4781.  
  4782. .responsive.html_cart_at_menu.html_bottom_nav_header.html_logo_right #menu-item-shop {
  4783. left: auto;
  4784. }
  4785.  
  4786. .responsive .single-product-main-image .sidebar {
  4787. display: none;
  4788. }
  4789.  
  4790. .responsive #top table .product-name {
  4791. border-left-style: solid;
  4792. border-left-width: 1px;
  4793. }
  4794.  
  4795. .responsive .single-product-main-image {
  4796. padding-bottom: 20px;
  4797. }
  4798.  
  4799. .responsive .single-product-summary {
  4800. clear: both;
  4801. }
  4802.  
  4803.  
  4804. .responsive.html_cart_at_menu.html_bottom_nav_header.html_logo_right #menu-item-shop .dropdown_widget {
  4805. left: auto;
  4806. }
  4807.  
  4808. .responsive.html_cart_at_menu.html_bottom_nav_header.html_logo_right #menu-item-shop .dropdown_widget .avia-arrow {
  4809. left: auto;
  4810. }
  4811.  
  4812. .responsive .woocommerce-MyAccount-navigation {
  4813. float: none;
  4814. display: block;
  4815. margin: 0 0 20px 0;
  4816. }
  4817.  
  4818. .responsive.html_top_nav_header #top .cart_dropdown {
  4819. top: 40px;
  4820. }
  4821.  
  4822. .responsive.html_top_nav_header.html_cart_at_menu #top #menu-item-shop {
  4823. right: 85px;
  4824. position: absolute;
  4825. }
  4826.  
  4827. .responsive.html_header_sidebar.html_visible_cart .cart_dropdown {
  4828. right: -25px;
  4829. }
  4830.  
  4831. .responsive.html_cart_at_menu #top .main_menu .menu>li:last-child {
  4832. padding-right: 13px;
  4833. margin-right: 20px;
  4834. }
  4835.  
  4836. .responsive.html_cart_at_menu.html_header_searchicon .menu-item-search-dropdown {
  4837. padding-right: 0;
  4838. }
  4839. }
  4840.  
  4841. /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  4842. @media only screen and (max-width: 479px) {
  4843.  
  4844. .responsive #top #main .products .product {
  4845. margin: 0 0 20px 0;
  4846. width: 100%;
  4847. }
  4848.  
  4849. .responsive #top #review_form #respond .comment-form-rating, .responsive div #shiptobilling {
  4850. position: relative;
  4851. right: 0;
  4852. top: 0;
  4853. float: none;
  4854. }
  4855.  
  4856. .responsive #commentform label {
  4857. position: relative;
  4858. left: 0;
  4859. font-size: 11px;
  4860. top: 0;
  4861. font-weight: bold;
  4862. }
  4863.  
  4864.  
  4865. .responsive table.shop_table .product-subtotal {
  4866. display: none;
  4867. }
  4868.  
  4869. /*.responsive table.shop_table th{display:none;}*/
  4870.  
  4871. .responsive table.shop_table.cart {
  4872. display: table;
  4873. }
  4874.  
  4875. .responsive table.shop_table.cart .product-thumbnail {
  4876. display: none;
  4877. }
  4878.  
  4879. .responsive table.shop_table.cart td.product-remove {
  4880. display: table-cell;
  4881. padding: 3px 0 3px 3px;
  4882. }
  4883.  
  4884. .responsive table.shop_table.cart .product-remove {
  4885. width: 10%;
  4886. }
  4887.  
  4888. .responsive table.shop_table.cart .product-name {
  4889. display: table-cell;
  4890. padding: 3px 0 3px 3px;
  4891. width: 40%;
  4892. text-align: center;
  4893. }
  4894.  
  4895. .responsive table.shop_table.cart td.product-price, .responsive table.shop_table.cart td.product-tax {
  4896. display: table-cell;
  4897. padding: 3px;
  4898. }
  4899.  
  4900. .responsive table.shop_table.cart .product-price, .responsive table.shop_table.cart .product-tax {
  4901. width: 25%;
  4902. text-align: center;
  4903. }
  4904.  
  4905. .responsive table.shop_table td {
  4906. display: table-cell;
  4907. }
  4908.  
  4909. .responsive table.shop_table {
  4910. display: table;
  4911. border-width: 1px;
  4912. border-style: solid;
  4913. overflow: hidden;
  4914. }
  4915.  
  4916. .responsive td.actions {
  4917. overflow: hidden;
  4918. padding: 10px;
  4919. }
  4920.  
  4921. .responsive td.actions .coupon {
  4922. width: 100%;
  4923. }
  4924.  
  4925. .responsive #top table.shop_table .actions .button, .responsive #top table.shop_table .actions .coupon .input-text {
  4926. width: 100%;
  4927. margin: 0 0 5px 0;
  4928. }
  4929.  
  4930.  
  4931. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement