API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 4th, 2015
225
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.95 KB | None | 0 0
raw download clone embed print report
  1. /**
  2. * =WooCommerce Styling
  3. * ----------------------------------------------------------------------------
  4. */
  5.  
  6. /* Global */
  7.  
  8. .woocommerce img { -webkit-transform: translate3d(0,0,0); }
  9.  
  10. .woocommerce mark { background: transparent; }
  11. .woocommerce .main-content, .woocommerce-page .main-content, .post-content .woocommerce { font-size: 13px; }
  12.  
  13. .post-content .woocommerce dl { margin-bottom: 1.857em; }
  14.  
  15. .woocommerce dt { font-weight: 600; }
  16. .woocommerce dd {
  17. margin-left: 14px;
  18. margin-bottom: 7px;
  19. }
  20.  
  21. /* buttons */
  22. body.woocommerce .main-wrap .button, body.woocommerce-page .main-wrap .button, .woocommerce.widget .button,
  23. .woocommerce #respond input#submit {
  24. background: #e54e53;
  25. -webkit-border-radius: 0;
  26. border-radius: 0;
  27. text-shadow: none;
  28. border: 0;
  29.  
  30. font-weight: normal;
  31. line-height: inherit;
  32.  
  33. -webkit-box-shadow: none;
  34. -moz-box-shadow: none;
  35. box-shadow: none;
  36.  
  37. padding: 5px 14px;
  38. color: #fff;
  39.  
  40. text-transform: uppercase;
  41.  
  42. -webkit-transition: all 0.2s ease-in;
  43. -moz-transition: all 0.2s ease-in;
  44. transition: all 0.2s ease-in;
  45. }
  46.  
  47. body.woocommerce .main-wrap .button:hover, body.woocommerce .main-wrap .button:active,
  48. body.woocommerce-page .main-wrap .button:hover, body.woocommerce-page .main-wrap .button:active,
  49. .woocommerce.widget .button:active, .woocommerce.widget .button:hover, .woocommerce #respond input#submit:hover,
  50. .woocommerce #respond input#submit:active {
  51. background: #e54e53;
  52. text-shadow: none;
  53. opacity: 0.9;
  54. color: #fff;
  55. }
  56.  
  57. .woocommerce .star-rating, .woocommerce-page .star-rating {
  58. letter-spacing: 1px;
  59. width: 5.7em;
  60. }
  61.  
  62. /* images */
  63. .woocommerce div.product div.images img, .woocommerce-page div.product div.images img {
  64. -webkit-box-shadow: none;
  65. -moz-box-shadow: none;
  66. box-shadow: none;
  67. }
  68.  
  69. .woocommerce div.product div.images img, .woocommerce-page div.product div.images img {
  70. -webkit-transition: all .4s ease-in-out;
  71. -moz-transition: all .4s ease-in-out;
  72. transition: all .4s ease-in-out;
  73. }
  74.  
  75. .woocommerce .product .thumbnails img:hover { opacity: 0.8; }
  76.  
  77. .woocommerce ul.products li.product a:hover img, .woocommerce-page ul.products li.product a:hover img {
  78. -webkit-box-shadow: none;
  79. box-shadow: none;
  80. }
  81.  
  82. .woocommerce div.product .product_title, .woocommerce #content div.product .product_title,
  83. .woocommerce-page div.product .product_title, .woocommerce-page #content div.product .product_title {
  84. padding-left: 14px;
  85. margin-bottom: 14px;
  86. }
  87.  
  88. /* tables */
  89. .woocommerce .main-wrap table, .woocommerce-page .main-wrap table {
  90. border: 0;
  91. border-collapse: collapse !important;
  92. -webkit-border-radius: 0 !important;
  93. border-radius: 0 !important;
  94. }
  95.  
  96. .woocommerce div.product form.cart table td, .woocommerce-page div.product form.cart table td {
  97. padding: 4px 7px;
  98. }
  99.  
  100. .woocommerce div.product form.cart .variations, .woocommerce-page div.product form.cart .variations {
  101. width: 100%;
  102. }
  103.  
  104. /* forms */
  105.  
  106. .woocommerce form .form-row, .woocommerce-page form .form-row { padding: 3px 0; }
  107.  
  108. .woocommerce form p:last-child .button, .woocommerce-page form p:last-child .button { margin-top: 14px; }
  109.  
  110. .woocommerce .form-row .chosen-container-single .chosen-single div b { background-position: 0 7px !important; }
  111. .woocommerce .form-row .chosen-container-single .chosen-single {
  112. height: 34px;
  113. line-height: 34px;
  114. background: #f9f9f9;
  115. border: 1px solid #d9d9d9;
  116. -webkit-border-radius: 0;
  117. border-radius: 0;
  118. color: #a6a6a6;
  119.  
  120. -webkit-box-shadow: none;
  121. box-shadow: none;
  122. padding: 0 14px;
  123. }
  124.  
  125. .woocommerce .form-row .chosen-container-active .chosen-single {
  126. border-color: #bbb;
  127. color: #606569;
  128. }
  129.  
  130. /* notifications */
  131.  
  132. .woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info,
  133. .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info {
  134. text-shadow: none;
  135.  
  136. background: #f2f2f2;
  137. color: inherit;
  138. border-color: transparent;
  139. padding: 14px 18px !important;
  140.  
  141. border: 0;
  142. -webkit-border-radius: 0;
  143. border-radius: 0;
  144. border-left: 3px solid #e54e53;
  145.  
  146. -webkit-box-shadow: none;
  147. -moz-box-shadow: none;
  148. box-shadow: none;
  149.  
  150. font-size: 13px;
  151. }
  152.  
  153. .woocommerce .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before,
  154. .woocommerce-page .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before,
  155. .woocommerce .woocommerce-message:after, .woocommerce .woocommerce-error:after, .woocommerce .woocommerce-info:after,
  156. .woocommerce-page .woocommerce-message:after, .woocommerce-page .woocommerce-error:after, .woocommerce-page .woocommerce-info:after {
  157. display: none;
  158. clear: none;
  159. }
  160.  
  161. .woocommerce .woocommerce-message .button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button,
  162. .woocommerce-page .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button {
  163. margin-top: -5px;
  164. }
  165.  
  166.  
  167. /* section head replication */
  168.  
  169. .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
  170. float: left;
  171. text-align: left;
  172. }
  173.  
  174. .woocommerce .cart_totals h2, .woocommerce-page .cart_totals h2, .woocommerce .shipping_calculator h2, .woocommerce-page .shipping_calculator h2,
  175. .woocommerce .addresses .title h3, .woocommerce-page .addresses .title h3 {
  176. background: #f9f9f9;
  177. border: 1px solid #d9d9d9;
  178. border-left: 0;
  179. border-right: 0;
  180.  
  181. line-height: 32px;
  182. color: #19232d;
  183. font-size: 13px;
  184. font-family: "Open Sans", Arial, sans-serif;
  185. font-weight: 600;
  186. text-transform: uppercase;
  187.  
  188. padding: 0 14px;
  189. margin-bottom: 28px;
  190. }
  191.  
  192. /* page heading replication */
  193.  
  194. .woocommerce .related h2, .woocommerce-page .related h2, .woocommerce .checkout h3, .woocommerce-account .post-content h2,
  195. .woocommerce-checkout .post-content h2, .woocommerce-account form > h3, .cross-sells h2, .upsells h2 {
  196. font: 18px "Open Sans", Arial, sans-serif;
  197. text-transform: uppercase;
  198. border-left: 3px solid #e54e53;
  199. padding-left: 14px;
  200. line-height: 2;
  201. margin-bottom: 35px;
  202. }
  203.  
  204.  
  205. /* forms */
  206.  
  207. .woocommerce form .form-row label, .woocommerce-page form .form-row label {
  208. padding-bottom: 4px;
  209. }
  210.  
  211. .woocommerce form .form-row .required, .woocommerce-page form .form-row .required {
  212. color: #e54e53;
  213. margin-left: 2px;
  214. }
  215.  
  216. .woocommerce .product .price ins, .woocommerce-page .product .price ins {
  217. color: #e54e53;
  218. text-decoration: none;
  219. }
  220.  
  221.  
  222. /* Page: Product Listing */
  223.  
  224. .woocommerce .main-content {
  225. font-size: 13px;
  226. }
  227.  
  228. .woocommerce-result-count { display: none; }
  229.  
  230. .order-select {
  231. float: right;
  232. cursor: pointer;
  233. position: relative;
  234. margin-top: -64px;
  235. text-transform: capitalize;
  236. }
  237.  
  238. .order-select > span {
  239. background: #f9f9f9;
  240. padding: 0 15px;
  241. border: 1px solid #d9d9d9;
  242. text-align: left;
  243. text-transform: capitalize;
  244. min-width: 200px;
  245. display: block;
  246. line-height: 37px;
  247. }
  248.  
  249. .order-select .fa {
  250. float: right;
  251. line-height: 37px;
  252. font-size: 15px;
  253. background: #fff;
  254. padding: 0 14px;
  255. margin-right: -15px;
  256. background: #f2f2f2;
  257. }
  258.  
  259. .order-select .drop {
  260. visibility: hidden;
  261. opacity: 0;
  262.  
  263. position: absolute;
  264. top: 39px;
  265. z-index: 100;
  266. background: #f2f2f2;
  267. width: 100%;
  268.  
  269. border: 1px solid #d9d9d9;
  270. border-top: 0;
  271.  
  272. box-sizing: border-box;
  273. -webkit-box-sizing: border-box;
  274. -moz-box-sizing: border-box;
  275.  
  276. transition: all 0.2s ease-in;
  277. }
  278.  
  279. .order-select .drop li a {
  280. border-top: 1px solid #d9d9d9;
  281. padding: 10px 15px;
  282. display: block;
  283. color: inherit;
  284. }
  285.  
  286. .order-select .drop li a:hover { text-decoration: none; }
  287.  
  288. .order-select .drop li:first-child a { border-top: 0; }
  289.  
  290. .order-select .drop li:hover, .order-select .drop li.active { background: #f9f9f9; }
  291.  
  292. .order-select:hover .drop {
  293. visibility: visible;
  294. opacity: 1;
  295. }
  296.  
  297.  
  298. /* products list */
  299.  
  300. .no-sidebar.woocommerce ul.products, .no-sidebar.woocommerce-page ul.products { margin-right: -25px; }
  301.  
  302. .no-sidebar.woocommerce ul.products li.product, .no-sidebar.woocommerce-page ul.products li.product,
  303. .no-sidebar.woocommerce .upsells.products ul li.product, .no-sidebar.woocommerce-page .upsells.products ul li.product {
  304. width: 25%;
  305. padding-right: 25px;
  306. }
  307.  
  308. .right-sidebar.woocommerce ul.products, .right-sidebar .woocommerce ul.products, .right-sidebar .woocommerce-page ul.products {
  309. margin: 0;
  310. margin-right: -15px;
  311. }
  312.  
  313. .right-sidebar.woocommerce ul.products li.product, .right-sidebar.woocommerce-page ul.products li.product,
  314. .right-sidebar.woocommerce .upsells.products ul li.product, .right-sidebar.woocommerce-page .upsells.products ul li.product {
  315. width: 33.3333%;
  316. }
  317.  
  318. .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  319. width: 33.3333%;
  320. margin: 0;
  321. margin-bottom: 35px;
  322. padding-right: 15px;
  323.  
  324. -webkit-box-sizing: border-box;
  325. -moz-box-sizing: border-box;
  326. box-sizing: border-box;
  327. }
  328.  
  329. .woocommerce .product-thumb, .woocommerce-page .product-thumb {
  330. position: relative;
  331. overflow: hidden;
  332. }
  333.  
  334. /* add to cart button */
  335. .woocommerce ul.products .add_to_cart_button, .woocommerce-page ul.products .add_to_cart_button, .woocommerce ul.products .product_type_grouped {
  336. border: 0;
  337. background: #19232d;
  338. color: #fff;
  339. font-size: 13px;
  340. display: block;
  341. text-align: center;
  342. font-weight: 600;
  343. text-shadow: none;
  344. text-transform: capitalize;
  345. padding: 8px 0;
  346. visibility: hidden;
  347.  
  348. position: absolute;
  349. top: auto;
  350. width: 100%;
  351. bottom: -35px;
  352. min-height: 30px;
  353.  
  354. -webkit-border-radius: 0;
  355. border-radius: 0;
  356.  
  357. -webkit-box-shadow: none;
  358. -moz-box-shadow: none;
  359. box-shadow: none;
  360.  
  361. -webkit-box-sizing: border-box;
  362. -moz-box-sizing: border-box;
  363. box-sizing: border-box;
  364.  
  365.  
  366. -webkit-transform: translate3d(0,0,0);
  367.  
  368. -moz-transition: bottom 0.4s, visibility 0.4s, border 0.4s;
  369. -webkit-transition: bottom 0.4s, visibility 0.4s, border 0.4s;
  370. transition: bottom 0.4s, visibility 0.4s, border 0.4s;
  371.  
  372. text-transform: uppercase;
  373. font-weight: normal;
  374. }
  375.  
  376. .woocommerce ul.products .add_to_cart_button:hover, .woocommerce ul.products .product_type_grouped:hover {
  377. background: #19232d;
  378. opacity: 1;
  379. }
  380.  
  381. .woocommerce ul.products .product-thumb:hover .add_to_cart_button, .woocommerce-page ul.products .product-thumb:hover .add_to_cart_button,
  382. .woocommerce ul.products .product-thumb:hover .product_type_grouped, .woocommerce-page ul.products .product-thumb:hover .product_type_grouped {
  383. visibility: visible;
  384. bottom: 0;
  385. }
  386.  
  387. /* ajax handling of add to cart button */
  388.  
  389. .woocommerce ul.products .add_to_cart_button.added { padding-right: 35px; }
  390.  
  391. .woocommerce ul.products .add_to_cart_button:before {
  392. display: inline-block;
  393. font-family: FontAwesome;
  394. font-style: normal;
  395. font-weight: normal;
  396. font-size: 15px;
  397. line-height: 0.9;
  398. content: "\f07a";
  399. margin-right: 10px;
  400. }
  401.  
  402. .woocommerce ul.products .add_to_cart_button.added:before {
  403. position: static;
  404. }
  405.  
  406. .woocommerce ul.products .add_to_cart_button.added:after {
  407. display: block;
  408. position: absolute;
  409. right: 0;
  410. top: 0;
  411. text-indent: 0;
  412. font-family: WooCommerce;
  413. padding: 1px 11px;
  414. line-height: 33px;
  415. content: "\e017";
  416. background: #e54e53;
  417. }
  418.  
  419. .woocommerce ul.products .add_to_cart_button.loading { color: #19232d; }
  420.  
  421. .woocommerce ul.products .add_to_cart_button.loading:before {
  422. content: " ";
  423. margin-right: 0;
  424. }
  425.  
  426. .woocommerce ul.products .added_to_cart { display: none; }
  427.  
  428.  
  429. /* on sale overlay adjustments */
  430. .woocommerce span.onsale, .woocommerce-page span.onsale {
  431. line-height: 25px;
  432. background: #e54e53;
  433. display: block;
  434. font-size: 12px;
  435. text-transform: uppercase;
  436. padding: 0 10px;
  437. margin-left: 7px;
  438. color: #fff;
  439. display: block;
  440. z-index: 1;
  441.  
  442. top: 0;
  443. left: 0;
  444.  
  445. border-radius: 0;
  446. -moz-box-shadow: none;
  447. -webkit-box-shadow: none;
  448. box-shadow: none;
  449.  
  450. min-height: 0;
  451. min-width: 0;
  452. font-weight: 600;
  453. text-shadow: none;
  454. }
  455.  
  456. .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale {
  457. left: 0;
  458. right: auto;
  459. margin: 0;
  460. margin-left: 7px;
  461. }
  462.  
  463.  
  464. .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
  465. -webkit-box-shadow: none;
  466. -moz-box-shadow: none;
  467. box-shadow: none;
  468.  
  469. margin-bottom: 0;
  470. }
  471.  
  472.  
  473. /* product title */
  474.  
  475. .woocommerce ul.products li.product a:hover h3, .woocommerce-page ul.products li.product a:hover h3 { text-decoration: underline; }
  476.  
  477. .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
  478. margin-top: 12px;
  479. margin-bottom: 7px;
  480. padding: 0;
  481. padding-left: 14px;
  482. font-size: 14px;
  483. }
  484.  
  485. .woocommerce ul.products li.product h3:before, .woocommerce-page ul.products li.product h3:before {
  486. content: " ";
  487. display: block;
  488. float: left;
  489. position: absolute;
  490. left: 0;
  491. margin-top: 2px;
  492. height: 18px;
  493. border-left: 3px solid #e54e53;
  494. }
  495.  
  496.  
  497. /* product price and rating - shared with single page */
  498.  
  499. .woocommerce ul.products li.product .amount, .woocommerce div.product p.price, .cart_totals .order-total .amount {
  500. color: #e54e53;
  501. font-size: 19px;
  502. display: inline-block;
  503. }
  504.  
  505. .woocommerce ul.products li.product .price .amount:first-letter, .woocommerce div.product p.price .amount:first-letter {
  506. font-size: 13px;
  507. margin-right: 1px;
  508. }
  509.  
  510. .woocommerce ul.products li.product del .amount, .woocommerce div.product p.price del .amount {
  511. display: inline;
  512. font-size: 14px;
  513. color: #a6a6a6;
  514. margin-right: 5px;
  515. }
  516.  
  517. .woocommerce .star-rating:before, .woocommerce-page .star-rating:before { color: #e54e53; }
  518.  
  519. .woocommerce .products .star-rating {
  520. float: right;
  521. margin: 0;
  522. margin-top: 7px;
  523. margin-right: 4px;
  524. color: #e54e53;
  525. }
  526.  
  527. /* 2.3+ */
  528.  
  529. .woocommerce ul.products li.product .price del, .woocommerce div.product p.price del, .woocommerce div.product span.price del {
  530. display: inline-block;
  531. }
  532.  
  533. .woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
  534. font-weight: normal;
  535. }
  536.  
  537.  
  538. /* Page: Single Product */
  539.  
  540. .woocommerce div.product div.images, .woocommerce-page div.product div.images { width: 40%; }
  541.  
  542. .woocommerce div.product div.summary, .woocommerce-page div.product div.summary {
  543. width: 60%;
  544. padding-left: 35px;
  545.  
  546. -webkit-box-sizing: border-box;
  547. -moz-box-sizing: border-box;
  548. box-sizing: border-box;
  549. }
  550.  
  551. .woocommerce .woocommerce-product-rating, .woocommerce-page .woocommerce-product-rating {
  552. float: right;
  553. }
  554.  
  555. .woocommerce .woocommerce-product-rating .star-rating {
  556. float: none;
  557. display: inline-block;
  558. }
  559.  
  560. .woocommerce-product-rating .woocommerce-review-link {
  561. display: inline-block;
  562. }
  563.  
  564. .woocommerce div.product p.price .amount { display: inline-block; }
  565.  
  566. .woocommerce div.product form.cart, .woocommerce #content div.product form.cart,
  567. .woocommerce-page div.product form.cart, .woocommerce-page #content div.product form.cart {
  568. border-top: 1px solid #d9d9d9;
  569. border-bottom: 1px solid #d9d9d9;
  570. padding: 28px 0px;
  571. }
  572.  
  573. .woocommerce .quantity, .woocommerce-page .quantity { width: auto; }
  574.  
  575. .woocommerce div.product form.cart .button, .woocommerce-page div.product form.cart .button {
  576. padding: 0 21px;
  577. text-transform: uppercase;
  578. font-size: 14px;
  579. line-height: 36px;
  580. margin-left: 21px;
  581. }
  582.  
  583. .woocommerce .cart .quantity input.qty {
  584. border: 0;
  585. display: inline-block;
  586. height: 36px;
  587. line-height: 36px;
  588. margin: 0;
  589. padding: 0 5px;
  590. text-align: center;
  591. vertical-align: middle;
  592. position: relative;
  593.  
  594.  
  595. -webkit-box-shadow: none;
  596. -moz-box-shadow: none;
  597. box-shadow: none;
  598.  
  599. -webkit-box-sizing: border-box;
  600. -moz-box-sizing: border-box;
  601. box-sizing: border-box;
  602.  
  603. border-top: 1px solid #d9d9d9;
  604. border-bottom: 1px solid #d9d9d9;
  605.  
  606. text-align: center;
  607. }
  608.  
  609. .cart input[type=number]::-webkit-inner-spin-button, .cart input[type=number]::-webkit-outer-spin-button {
  610. -webkit-appearance: none;
  611. }
  612.  
  613. .cart .quantity input.plus, .cart .quantity input.minus {
  614. position: static;
  615. border-radius: 0;
  616. cursor: pointer;
  617. display: inline-block;
  618. height: 36px;
  619. width: 36px;
  620. line-height: 36px;
  621. margin: 0;
  622. padding: 0;
  623. vertical-align: middle;
  624. background: #f2f2f2;
  625. border: 1px solid #d9d9d9;
  626. font-size: 13px;
  627. text-shadow: none;
  628. color: #a6a6a6;
  629.  
  630. -webkit-box-shadow: none;
  631. -moz-box-shadow: none;
  632. box-shadow: none;
  633. }
  634.  
  635. .cart .quantity input.minus { float: left; }
  636.  
  637.  
  638. .woocommerce .quantity .plus:hover, .woocommerce .quantity .minus:hover,
  639. .woocommerce-page .quantity .plus:hover, .woocommerce-page .quantity .minus:hover {
  640. background: #f2f2f2;
  641. }
  642.  
  643. .woocommerce .product_meta > span {
  644. display: block;
  645. padding: 2px 0;
  646. font-weight: 600;
  647. }
  648.  
  649. .product_meta span > a, .product_meta .sku {
  650. font-weight: normal;
  651. color: inherit;
  652. }
  653.  
  654. .product_meta .posted_in > a:first-child, .product_meta .tagged_as > a:first-child, .product_meta .sku {
  655. margin-left: 7px;
  656. }
  657.  
  658. /* tabs */
  659. .woocommerce div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
  660. margin-bottom: 42px;
  661. }
  662.  
  663. .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs {
  664. margin: 0;
  665. padding: 0;
  666. border: 0;
  667. list-style-type: none;
  668. margin: 0 0 -1px 0;
  669. clear: both;
  670. overflow: hidden;
  671. }
  672.  
  673. .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before {
  674. display: none;
  675. }
  676.  
  677. .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after {
  678. -webkit-box-shadow: none;
  679. box-shadow: none;
  680. display: none;
  681. }
  682.  
  683. .woocommerce div.product .woocommerce-tabs ul.tabs li {
  684. background: transparent;
  685. padding: 0;
  686. margin: 0;
  687. border: 0;
  688. -webkit-box-shadow: none;
  689. box-shadow: none;
  690. float: left;
  691. }
  692.  
  693. .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
  694. float: left;
  695. display: block;
  696. padding: 5px 28px;
  697. background: #fcfcfc;
  698. border: 1px solid #d9d9d9;
  699. border-left: 0;
  700. color: #19232d;
  701. font-size: 13px;
  702. font-weight: normal;
  703. text-shadow: none;
  704. line-height: 1.8462;
  705. }
  706.  
  707. .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover {
  708. color: #19232d;
  709. }
  710.  
  711. .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  712. background: #f2f2f2;
  713. border-bottom: 1px solid #e54e53;
  714. color: #19232d;
  715. }
  716.  
  717. .woocommerce div.product .woocommerce-tabs ul.tabs li:first-child a { border-left: 1px solid #d9d9d9; }
  718.  
  719. .woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel {
  720. border: 1px solid #d9d9d9;
  721. padding: 21px;
  722. }
  723.  
  724. .woocommerce-tabs .panel h2 { display: none; }
  725.  
  726. #tab-description .post-content { margin-bottom: -1.857em; }
  727.  
  728. .woocommerce table.shop_attributes td p, .woocommerce-page table.shop_attributes td p {
  729. padding: 7px 14px;
  730. }
  731.  
  732. .woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th,
  733. .woocommerce table.shop_attributes td p, .woocommerce-page table.shop_attributes td {
  734. border: 0;
  735. }
  736.  
  737.  
  738. /* reviews and comments */
  739. .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text {
  740. border: 0;
  741. margin: 0;
  742. margin-left: 75px;
  743. padding: 0;
  744. padding-bottom: 10px;
  745. border-bottom: 1px solid #d9d9d9;
  746. }
  747.  
  748. .woocommerce #reviews #comments ol.commentlist li .comment-text p, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p {
  749. margin: 0;
  750. margin-bottom: 21px;
  751. }
  752.  
  753. .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta {
  754. color: #a6a6a6;
  755. font-size: 12px;
  756. }
  757.  
  758. .woocommerce #reviews .meta > strong {
  759. color: #e54e53;
  760. font-weight: normal;
  761. text-transform: uppercase;
  762. }
  763.  
  764. .woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar {
  765. border: 0;
  766. box-shadow: none;
  767. width: 40px;
  768. padding: 0;
  769. background: transparent;
  770. }
  771.  
  772. .woocommerce #reviews { padding-top: 14px;}
  773.  
  774.  
  775. .woocommerce #review_form #respond, .woocommerce-page #review_form #respond {
  776. margin-top: 14px;
  777. }
  778.  
  779. .woocommerce #review_form #respond p, .woocommerce-page #review_form #respond p {
  780. margin: 0 0 21px;
  781. }
  782.  
  783. .woocommerce .comment-form label {
  784. display: block;
  785. margin-bottom: 7px;
  786. }
  787.  
  788. .woocommerce .comment-form-rating .stars a { color: #e54e53; }
  789.  
  790. .woocommerce .comment-form-comment textarea {
  791. min-height: 165px;
  792. line-height: 1.5;
  793. }
  794.  
  795. /* related products */
  796.  
  797. .no-sidebar.woocommerce .related .products, .no-sidebar.woocommerce-page .related .products {
  798. margin-right: -25px;
  799. }
  800.  
  801. /* Page: Shopping Cart */
  802.  
  803. .woocommerce table.shop_table td, .woocommerce-page table.shop_table td, .woocommerce table.shop_table th,
  804. .woocommerce-page table.shop_table th {
  805. border: 0;
  806. padding: 10px 14px;
  807. font-size: 13px;
  808. }
  809.  
  810. .woocommerce table.shop_table th, .woocommerce-page table.shop_table th {
  811. font-weight: 600;
  812. border-top: 1px solid #d9d9d9;
  813. border-bottom: 1px solid #d9d9d9;
  814. color: #19232d;
  815. background: #f9f9f9;
  816. }
  817.  
  818. .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th,
  819. .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th {
  820. border-top: 1px solid #d9d9d9;
  821. vertical-align: middle;
  822. }
  823.  
  824. .woocommerce table.shop_table tr td, .woocommerce-page table.shop_table tr td {
  825. border-bottom: 1px solid #d9d9d9;
  826. }
  827.  
  828. .woocommerce table.shop_table tr:last-child td, .woocommerce-page table.shop_table tr:last-child td { border-bottom: 0; }
  829. .woocommerce table.cart td.actions, .woocommerce-page table.cart td.actions {
  830. padding-top: 28px;
  831. background: none;
  832. }
  833.  
  834. .woocommerce table.cart a.remove, .woocommerce-page table.cart a.remove {
  835. color: #a6a6a6 !important;
  836. border: 1px solid #a6a6a6;
  837. font-size: 15px;
  838. padding: 3px;
  839. }
  840.  
  841. .woocommerce table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover {
  842. color: inherit;
  843. background: transparent;
  844. }
  845.  
  846. .woocommerce table.cart img, .woocommerce-page table.cart img {
  847. width: 60px;
  848. display: block;
  849. }
  850.  
  851. .woocommerce table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { margin-left: -14px; }
  852. .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text {
  853.  
  854. line-height: 21px;
  855. min-width: 150px;
  856.  
  857. -webkit-box-shadow: none;
  858. box-shadow: none;
  859. }
  860.  
  861. /* cross sells */
  862.  
  863. .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells {
  864. width: 100%;
  865. float: none;
  866. }
  867.  
  868. /* cart totals */
  869.  
  870. .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { margin-top: 42px; }
  871.  
  872. .woocommerce .cart_totals { width: 100%; }
  873.  
  874. .woocommerce .cart-collaterals .cart_totals th, .woocommerce-page .cart-collaterals .cart_totals th {
  875. font-weight: normal;
  876. width: 50%;
  877. font-weight: 600;
  878. }
  879.  
  880. .woocommerce .cart_totals tr td, .woocommerce-page .cart_totals tr td { width: 50%; }
  881.  
  882. .cart_totals .order-total {
  883. border-top: 1px solid #d9d9d9;
  884. border-bottom: 1px solid #d9d9d9;
  885. }
  886. .woocommerce .cart-collaterals .cart_totals .order-total th { vertical-align: middle; }
  887.  
  888. .woocommerce .cart-collaterals .cart_totals .shipping th, .woocommerce .cart-collaterals .cart_totals .shipping td {
  889. padding-bottom: 21px;
  890. }
  891.  
  892. .woocommerce .cart-collaterals .cart_totals .order-total th, .woocommerce .cart-collaterals .cart_totals .order-total td {
  893. padding: 14px 7px;
  894. }
  895.  
  896. .woocommerce .cart-collaterals .cart_totals tr td, .woocommerce .cart-collaterals .cart_totals tr th,
  897. .woocommerce-page .cart-collaterals .cart_totals tr td, .woocommerce-page .cart-collaterals .cart_totals tr th {
  898. border: 1px solid #d9d9d9;
  899. padding: 4px 7px;
  900. font-size: 13px;
  901.  
  902. background: transparent;
  903. border: 0;
  904. }
  905.  
  906. /* shipping calculator */
  907.  
  908. .woocommerce .shipping_calculator .form-row, .woocommerce-page .shipping_calculator .form-row,
  909. .woocommerce .form-row, .woocommerce-page .form-row {
  910. margin: 0;
  911. padding: 0;
  912. margin-bottom: 14px;
  913. }
  914.  
  915. .woocommerce .cart-collaterals .shipping_calculator .button, .woocommerce-page .cart-collaterals .shipping_calculator .button {
  916. float: right;
  917. width: auto;
  918. }
  919.  
  920. /* 2.3 */
  921. .woocommerce .shipping-calculator-form {
  922. margin-top: 14px;
  923. }
  924.  
  925. .woocommerce-cart .shipping-calculator-form p.form-row {
  926. margin-bottom: 5px;
  927. }
  928.  
  929.  
  930.  
  931. /* Page: Checkout */
  932.  
  933. .woocommerce .col-1 { padding: 0; }
  934. .woocommerce #customer_details { margin-bottom: 42px; }
  935.  
  936. .woocommerce .checkout .shop_table tr td, .woocommerce-page .checkout .shop_table tr td,
  937. .woocommerce .shop_table.order_details tr td, .woocommerce-page .shop_table.order_details tr td
  938. {
  939. background: transparent;
  940. }
  941.  
  942. .woocommerce .checkout .shop_table tfoot tr:last-child td, .woocommerce-page .checkout .shop_table tfoot tr:last-child td,
  943. .woocommerce .shop_table.order_details tr:last-child tfoot td, .woocommerce-page .shop_table.order_details tfoot tr:last-child td {
  944. border-bottom: 1px solid #d9d9d9;
  945. }
  946.  
  947. #ship-to-different-address-checkbox { margin-left: 14px; }
  948.  
  949. .woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods {
  950. background: #f9f9f9;
  951. border-top: 1px solid #d9d9d9;
  952. margin-top: 42px;
  953. }
  954.  
  955. .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box {
  956. background: #f2f2f2;
  957. font-size: inherit;
  958.  
  959. -webkit-box-shadow: none;
  960. -moz-box-shadow: none;
  961. box-shadow: none;
  962. }
  963.  
  964. .woocommerce #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after { display: none; }
  965. .woocommerce #payment div.form-row, .woocommerce-page #payment div.form-row { background: #f2f2f2; }
  966.  
  967.  
  968. /* final confirmation */
  969.  
  970. .woocommerce .order_details li, .woocommerce-page .order_details li { font-size: 10px; }
  971.  
  972. .woocommerce .order_details, .woocommerce-page .order_details { margin-bottom: 24px; }
  973. .woocommerce .bacs_details h3, .woocommerce-page .bacs_details h3 {
  974. font-size: 14px;
  975. font-weight: 600;
  976. }
  977.  
  978. .woocommerce .addresses .title h3, .woocommerce-page .addresses .title h3 { float: none; }
  979.  
  980.  
  981. /* Page: My Account & Login */
  982.  
  983. .woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register, .woocommerce-page form.login,
  984. .woocommerce-page form.checkout_coupon, .woocommerce-page form.register {
  985. border: 1px solid #d9d9d9;
  986. -webkit-border-radius: 0;
  987. border-radius: 0;
  988. }
  989.  
  990. .woocommerce #rememberme { margin-left: 15px; }
  991.  
  992. .woocommerce .addresses .title .edit, .woocommerce-page .addresses .title .edit {
  993. margin-top: -58px;
  994. margin-right: 14px;
  995. }
  996.  
  997.  
  998. /* Widget: Price Filter */
  999. .woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  1000. height: 11px;
  1001. border: 0;
  1002. background: #e54e53;
  1003.  
  1004. box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1) inset;
  1005. }
  1006.  
  1007. .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  1008. -webkit-transition: none;
  1009. -moz-transition: none;
  1010. transition: none;
  1011. }
  1012.  
  1013. .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  1014. height: 11px;
  1015. border: 0;
  1016. background: #f2f2f2;
  1017. }
  1018.  
  1019. .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  1020. background: #fff;
  1021. border: 1px solid #e54e53;
  1022. height: 16px;
  1023. width: 16px;
  1024. }
  1025.  
  1026. .woocommerce .widget_price_filter .price_slider_amount {
  1027. margin-top: 28px;
  1028. font-size: 13px;
  1029. background: #f2f2f2;
  1030. }
  1031.  
  1032. .woocommerce .widget_price_filter .price_label {
  1033. padding: 2px 14px;
  1034. }
  1035.  
  1036. .woocommerce .widget_price_filter .price_slider_amount .button {
  1037. font-size: 13px;
  1038. padding: 2px 18px;
  1039. text-transform: uppercase;
  1040. }
  1041.  
  1042. /* Widget: Products List */
  1043.  
  1044. .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
  1045. width: 85px;
  1046. height: auto;
  1047. float: left;
  1048. margin-left: 0;
  1049. margin-right: 15px;
  1050.  
  1051. -webkit-box-shadow: none;
  1052. box-shadow: none;
  1053. }
  1054.  
  1055. .woocommerce ul.cart_list li:after, .woocommerce ul.product_list_widget li:after {
  1056. display: block;
  1057. box-sizing: border-box;
  1058. float: left;
  1059. margin-left: 105px;
  1060. background: #d9d9d9;
  1061. height: 1px;
  1062. content: " ";
  1063. width: 100%;
  1064. margin-top: -1px;
  1065. }
  1066.  
  1067. .woocommerce ul.cart_list empty:after, .woocommerce ul.product_list_widget .empty:after { display: none; }
  1068.  
  1069. .woocommerce ul.cart_list li:first-child, .woocommerce ul.product_list_widget li:first-child {
  1070. padding-top: 0;
  1071. }
  1072.  
  1073. .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
  1074. overflow: hidden;
  1075. border: 0;
  1076. padding: 24px 0 0 0;
  1077. }
  1078.  
  1079. ul.product_list_widget li a, .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
  1080. font-family: "Roboto Slab", Georgia, serif;
  1081. font-weight: normal;
  1082. }
  1083.  
  1084. .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
  1085. font-size: 13px;
  1086. line-height: 1.5;
  1087. margin-bottom: 7px;
  1088. font-weight: normal;
  1089. }
  1090.  
  1091. .woocommerce .star-rating span { color: #e54e53; }
  1092.  
  1093. .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating {
  1094. margin-bottom: 7px;
  1095. font-size: 12px;
  1096. }
  1097.  
  1098. /* Widget: Search */
  1099. .widget_product_search .screen-reader-text { display: none; }
  1100.  
  1101.  
  1102. /* Widget: Cart */
  1103.  
  1104. .woocommerce.widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total,
  1105. .woocommerce-page.widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total {
  1106. margin-top: 21px;
  1107. border: 0;
  1108. }
  1109.  
  1110. /* Widget: Layered Nav */
  1111.  
  1112. .woocommerce .widget_layered_nav ul, .woocommerce-page .widget_layered_nav ul {
  1113. margin-top: -7px;
  1114. }
  1115.  
  1116. .woocommerce .widget_layered_nav ul li, .woocommerce-page .widget_layered_nav ul li {
  1117. padding: 4px 0px;
  1118. }
  1119.  
  1120. .woocommerce .widget_layered_nav ul li.chosen a, .woocommerce-page .widget_layered_nav ul li.chosen a {
  1121. background-color: #e54e53;
  1122. border: 0;
  1123. padding: 2px 7px;
  1124. vertical-align: middle;
  1125. }
  1126.  
  1127. /* Widget: Products Categories */
  1128.  
  1129. .widget_product_categories li {
  1130. overflow: hidden;
  1131. text-align: right;
  1132. font-weight: bold;
  1133. }
  1134.  
  1135. .widget_product_categories li a {
  1136. float: left;
  1137. font-weight: normal;
  1138. }
  1139.  
  1140. .widget_product_categories .children {
  1141. clear: both;
  1142. padding-top: 7px;
  1143. }
  1144.  
  1145. .widget_product_categories .children li {
  1146. border-top: 1px solid #d9d9d9;
  1147. margin-left: 14px;
  1148. }
  1149.  
  1150. .widget_product_categories .children li:first-child {
  1151. padding-top: 7px;
  1152. margin-left: 0;
  1153. padding-left: 14px;
  1154. }
  1155.  
  1156. .widget_product_categories .children li { border-bottom: 0; }
  1157.  
  1158. .widget_product_categories li ul li:last-child {
  1159. border-bottom: 0;
  1160. padding-bottom: 0;
  1161. }
  1162.  
  1163.  
  1164. /* Cart Icon Menu */
  1165.  
  1166. /* cart icon */
  1167. .menu .shopping-cart {
  1168. position: relative;
  1169. float: right;
  1170. }
  1171.  
  1172. .navigation .menu .shopping-cart > a {
  1173. background: #2a3746;
  1174. padding: 0 21px;
  1175. }
  1176.  
  1177. .navigation .shopping-cart .text { display: none; }
  1178.  
  1179. .menu li.shopping-cart > a:after { display: none; }
  1180.  
  1181. .shopping-cart .counter {
  1182. font-size: 12px;
  1183. background: #e54e53;
  1184. line-height: 1;
  1185. padding: 2px 3px;
  1186. text-align: center;
  1187. position: absolute;
  1188. top: 6px;
  1189. margin-left: 12px;
  1190. font-weight: 600;
  1191.  
  1192. border-radius: 2px;
  1193. -webkit-border-radius: 2px;
  1194.  
  1195. display: none;
  1196. }
  1197.  
  1198. .shopping-cart .counter.active { display: block; }
  1199.  
  1200. .shopping-cart .cart-widget {
  1201. width: 260px;
  1202. right: 0;
  1203. left: auto;
  1204. padding: 0;
  1205. -webkit-box-sizing: border-box;
  1206. -moz-box-sizing: border-box;
  1207. box-sizing: border-box;
  1208. }
  1209.  
  1210. .menu .shopping-cart .product_list_widget {
  1211. display: block;
  1212. position: static;
  1213. padding: 0;
  1214. }
  1215.  
  1216. .menu .shopping-cart:hover .product_list_widget {
  1217. visibility: visible;
  1218. opacity: 1;
  1219. }
  1220.  
  1221. .menu .shopping-cart .product_list_widget img {
  1222. max-width: 60px;
  1223. width: auto;
  1224. height: auto;
  1225. float: left;
  1226.  
  1227. margin: 0;
  1228. margin-right: 15px;
  1229.  
  1230. -webkit-box-shadow: none;
  1231. box-shadow: none;
  1232. }
  1233.  
  1234. .menu .shopping-cart .product_list_widget li {
  1235. min-width: 0;
  1236. overflow: hidden;
  1237. border-bottom: 1px solid #1f2c38;;
  1238. padding: 25px;
  1239. }
  1240.  
  1241. .menu .shopping-cart .product_list_widget li:first-child { padding: 25px; }
  1242.  
  1243. .menu .shopping-cart .product_list_widget li a {
  1244. color: #fff;
  1245. padding: 0;
  1246. border: 0;
  1247. font-weight: normal;
  1248. }
  1249.  
  1250. .menu .shopping-cart .product_list_widget .remove {
  1251. display: none;
  1252. }
  1253.  
  1254. .menu .shopping-cart .product_list_widget .quantity {
  1255. color: #d9d9d9;
  1256. font-size: 12px;
  1257. }
  1258.  
  1259. .menu .shopping-cart .product_list_widget li:after { display: none; }
  1260.  
  1261. .menu .cart-widget .total {
  1262. font-size: 14px;
  1263. margin-top: 21px;
  1264. padding-left: 25px;
  1265. }
  1266.  
  1267. .menu .cart-widget .buttons {
  1268. padding: 0 25px;
  1269. }
  1270.  
  1271. .navigation .menu .cart-widget .button {
  1272. background: #e54e53;
  1273. font-size: 12px;
  1274. padding: 3px 9px;
  1275. margin-right: 3px;
  1276. color: #fff;
  1277.  
  1278. -webkit-transition: all 0.4s ease-in;
  1279. -moz-transition: all 0.4s ease-in;
  1280. transition: all 0.4s ease-in;
  1281. }
  1282.  
  1283. .menu .cart-widget .button:hover {
  1284. opacity: 0.9;
  1285. }
  1286.  
  1287. /* Shortcodes: Columns */
  1288.  
  1289. .woocommerce-page.columns-2 ul.products li.product, .woocommerce.columns-2 ul.products li.product {
  1290. width: 50%
  1291. }
  1292.  
  1293. .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
  1294. width: 33.3333%;
  1295. }
  1296.  
  1297. .woocommerce-page.columns-4 ul.products li.product, .woocommerce.columns-4 ul.products li.product {
  1298. width: 25%;
  1299. }
  1300.  
  1301. .woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product {
  1302. width: 20%
  1303. }
  1304.  
  1305. .woocommerce-page.columns-6 ul.products li.product, .woocommerce.columns-6 ul.products li.product {
  1306. width: 16.666666667%;
  1307. }
  1308.  
  1309.  
  1310. /* Responsive */
  1311.  
  1312. @media only screen and (min-width: 800px) and (max-width: 940px) {}
  1313.  
  1314. @media only screen and (max-width: 799px) {
  1315.  
  1316. .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
  1317. padding-left: 0;
  1318. padding-right: 0;
  1319. }
  1320.  
  1321.  
  1322. .right-sidebar.woocommerce ul.products li.product, .no-sidebar.woocommerce ul.products li.product,
  1323. .right-sidebar .woocommerce ul.products li.product, .no-sidebar .woocommerce ul.products li.product,
  1324. .right-sidebar.woocommerce-page ul.products li.product, .no-sidebar.woocommerce-page ul.products li.product {
  1325. width: 48%;
  1326. padding: 0;
  1327. }
  1328.  
  1329. .woocommerce ul.products, .woocommerce-page ul.products { margin-right: 0 !important; }
  1330.  
  1331.  
  1332. /* single */
  1333. .woocommerce div.product div.images, .woocommerce-page div.product div.images { width: 100%; }
  1334.  
  1335. .woocommerce div.product div.summary, .woocommerce-page div.product div.summary {
  1336. width: 100%;
  1337. padding-left: 0;
  1338. }
  1339.  
  1340. /* android text-rendering bug */
  1341. .woocommerce .stars, .woocommerce-page .stars, .star-rating { text-rendering: auto; }
  1342.  
  1343. /* cart */
  1344.  
  1345. .woocommerce-cart .cart .quantity input.qty, .woocommerce-cart .cart .quantity input.qty { max-width: 36px; }
  1346.  
  1347. .woocommerce-cart .cart .quantity input.qty, .woocommerce-cart .cart .quantity input.qty,
  1348. .woocommerce-cart .cart .quantity input.plus, .woocommerce-cart .cart .quantity input.minus {
  1349. float: none;
  1350. display: block;
  1351. }
  1352.  
  1353.  
  1354. .woocommerce table.cart td.actions, .woocommerce-page table.cart td.actions { text-align: right; }
  1355.  
  1356. .woocommerce table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
  1357. float: none;
  1358. text-align: right;
  1359. margin-bottom: 28px;
  1360. border-bottom: 1px solid #d9d9d9;
  1361. padding-bottom: 28px;
  1362. }
  1363.  
  1364. .woocommerce table.cart td.actions .button, .woocommerce table.cart td.actions .input-text, .woocommerce table.cart td.actions input,
  1365. .woocommerce-page table.cart td.actions .button, .woocommerce-page table.cart td.actions .input-text, .woocommerce-page table.cart td.actions input {
  1366. width: auto;
  1367. float: none;
  1368. }
  1369.  
  1370. .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text { float: none; }
  1371.  
  1372. .woocommerce table.cart td.actions .button.alt, .woocommerce-page table.cart td.actions .button.alt {
  1373. margin-left: 3px;
  1374. }
  1375.  
  1376. .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { margin-bottom: 28px; }
  1377.  
  1378. }
  1379.  
  1380. /* Smaller Phones - Some androids have upto 400px portrait */
  1381. @media only screen and (max-width: 400px) {
  1382.  
  1383. .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: none; }
  1384.  
  1385. .order-select {
  1386. clear: both;
  1387. float: none;
  1388. margin: 0;
  1389. margin-bottom: 28px;
  1390. }
  1391.  
  1392. .woocommerce ul.products li.product, .no-sidebar.woocommerce ul.products li.product,
  1393. .woocommerce-page ul.products li.product, .no-sidebar.woocommerce-page ul.products li.product {
  1394. width: 100%;
  1395. }
  1396.  
  1397. .woocommerce .products .star-rating { float: none; }
  1398.  
  1399. /* single */
  1400. .woocommerce div.product form.cart .button, .woocommerce-page div.product form.cart .button {
  1401. margin-left: 0;
  1402. }
  1403.  
  1404. /* cart */
  1405. .woocommerce table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
  1406. margin: 0;
  1407. }
  1408.  
  1409. .woocommerce table.shop_table td, .woocommerce-page table.shop_table td,
  1410. .woocommerce table.shop_table th, .woocommerce-page table.shop_table th {
  1411. padding: 10px 4px;
  1412. }
  1413.  
  1414. .woocommerce table.cart td.actions .button, .woocommerce table.cart td.actions .input-text, .woocommerce table.cart td.actions input,
  1415. .woocommerce-page table.cart td.actions .button, .woocommerce-page table.cart td.actions .input-text, .woocommerce-page table.cart td.actions input {
  1416. width: 100%;
  1417. margin-bottom: 3px;
  1418. }
  1419. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!