woocommerce-rtl.css 33 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240
  1. /*
  2. Theme Name: Karuna
  3. WooCommerce styles override
  4. */
  5. /**
  6. * WooCommerce color variables
  7. */
  8. /**
  9. * Imports theme
  10. */
  11. /**
  12. * Imports WC integration
  13. */
  14. /**
  15. * Fonts
  16. */
  17. @font-face {
  18. font-family: 'star';
  19. src: url("../../plugins/woocommerce/assets/fonts/star.eot");
  20. src: url("../../plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("../../plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("../../plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("../../plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
  21. font-weight: normal;
  22. font-style: normal; }
  23. /**
  24. * Shop tables
  25. */
  26. /**
  27. * Shop tables
  28. */
  29. table.shop_table_responsive thead {
  30. display: none; }
  31. table.shop_table_responsive tbody th {
  32. display: none; }
  33. table.shop_table_responsive tr td {
  34. display: block;
  35. text-align: left;
  36. clear: both; }
  37. table.shop_table_responsive tr td:before {
  38. content: attr(data-title) ": ";
  39. float: right; }
  40. table.shop_table_responsive tr td.product-remove a {
  41. text-align: right; }
  42. table.shop_table_responsive tr td.product-remove:before {
  43. display: none; }
  44. table.shop_table_responsive tr td.actions:before, table.shop_table_responsive tr td.download-actions:before {
  45. display: none; }
  46. table.shop_table_responsive tr td.download-actions .button {
  47. display: block;
  48. text-align: center; }
  49. /**
  50. * Cart table
  51. */
  52. table.cart tr td.product-remove a {
  53. display: block;
  54. font-size: 1.5em;
  55. line-height: 1;
  56. color: #333;
  57. text-align: center;
  58. border-radius: 100%;
  59. text-decoration: none;
  60. font-weight: 700;
  61. box-shadow: none;
  62. opacity: .5;
  63. text-align: center; }
  64. table.cart tr td.product-remove a:hover {
  65. opacity: 1; }
  66. table.cart .product-thumbnail {
  67. min-width: 3.5em; }
  68. table.cart .product-thumbnail img {
  69. display: block;
  70. width: 3.5em;
  71. margin: 0 auto; }
  72. table.cart .product-thumbnail:before {
  73. content: none; }
  74. table.cart .actions {
  75. text-align: left; }
  76. table.cart .coupon {
  77. float: right;
  78. margin-bottom: .35em; }
  79. table.cart .coupon label {
  80. display: none; }
  81. table.cart .coupon input {
  82. width: auto; }
  83. .cart-collaterals {
  84. padding: 0 0 1.5em; }
  85. .cart-collaterals .shop_table tr th {
  86. text-align: left;
  87. vertical-align: top; }
  88. .cart-collaterals .wc-proceed-to-checkout {
  89. text-align: left; }
  90. @media screen and (min-width: 768px) {
  91. /**
  92. * Shop tables
  93. */
  94. table.shop_table_responsive thead {
  95. display: table-header-group; }
  96. table.shop_table_responsive tbody th {
  97. display: table-cell; }
  98. table.shop_table_responsive tr th, table.shop_table_responsive tr td {
  99. text-align: right; }
  100. table.shop_table_responsive tr td {
  101. display: table-cell; }
  102. table.shop_table_responsive tr td:before {
  103. display: none; }
  104. /**
  105. * Cart table
  106. */
  107. table.cart .product-thumbnail {
  108. min-width: 32px; }
  109. table.cart .product-thumbnail img {
  110. width: 32px; } }
  111. /**
  112. * Products
  113. */
  114. /**
  115. * Archive page header
  116. */
  117. .woocommerce-products-header .woocommerce-products-header__title {
  118. color: #333;
  119. text-transform: none;
  120. line-height: 1;
  121. margin: 0 0 0.2em; }
  122. /**
  123. * Products
  124. */
  125. ul.products {
  126. margin: 0;
  127. padding: 0;
  128. width: 100%;
  129. clear: both; }
  130. ul.products:before, ul.products:after {
  131. content: "";
  132. display: table; }
  133. ul.products:after {
  134. clear: both; }
  135. ul.products li.product {
  136. list-style: none;
  137. position: relative;
  138. margin-bottom: 1.6em;
  139. transition: 0.3s; }
  140. ul.products li.product .woocommerce-loop-product__title {
  141. background: #85cc36;
  142. color: #fff;
  143. font-size: inherit;
  144. line-height: inherit;
  145. margin: 0 0 0.8em;
  146. max-width: 350px;
  147. padding: 0.8em;
  148. position: relative; }
  149. ul.products li.product .star-rating {
  150. margin-bottom: .8em; }
  151. ul.products li.product img {
  152. display: block; }
  153. ul.products li.product .button {
  154. padding: 0.8em;
  155. max-width: 100%;
  156. word-wrap: break-word; }
  157. ul.products li.product .button:before, ul.products li.product .button:after {
  158. content: "";
  159. display: table; }
  160. ul.products li.product .button:after {
  161. clear: both; }
  162. ul.products li.product:hover {
  163. -webkit-transform: translateY(-0.5em);
  164. -moz-transform: translateY(-0.5em);
  165. -ms-transform: translateY(-0.5em);
  166. -o-transform: translateY(-0.5em);
  167. transform: translateY(-0.5em); }
  168. ul.products li.product:hover .onsale {
  169. -webkit-transform: scale(0);
  170. -moz-transform: scale(0);
  171. -ms-transform: scale(0);
  172. -o-transform: scale(0);
  173. transform: scale(0);
  174. opacity: 0; }
  175. @media screen and (min-width: 768px) {
  176. ul.products li.product {
  177. width: 30.7966666667%;
  178. float: right;
  179. margin-left: 3.8%; }
  180. ul.products li.product.first {
  181. clear: both; }
  182. ul.products li.product.last {
  183. margin-left: 0; }
  184. .columns-1 ul.products li.product {
  185. float: none;
  186. width: 100%; }
  187. .columns-2 ul.products li.product {
  188. width: 48.1%; }
  189. .columns-3 ul.products li.product {
  190. width: 30.7966666667%; }
  191. .columns-4 ul.products li.product {
  192. width: 22.15%; }
  193. .columns-5 ul.products li.product {
  194. width: 16.96%; }
  195. .columns-6 ul.products li.product {
  196. width: 13.4933333333%; } }
  197. /**
  198. * Single product
  199. */
  200. /**
  201. * Single Product
  202. */
  203. .single-product div.product {
  204. position: relative; }
  205. .single-product div.product:before, .single-product div.product:after {
  206. content: "";
  207. display: table; }
  208. .single-product div.product:after {
  209. clear: both; }
  210. .single-product div.product .product_title {
  211. margin-bottom: 1.6rem; }
  212. .single-product div.product .product_title + .woocommerce-product-rating {
  213. margin-top: -1rem; }
  214. .single-product div.product .woocommerce-product-rating {
  215. font-size: 1rem;
  216. margin-bottom: 1.6em; }
  217. .single-product div.product .woocommerce-product-rating .star-rating {
  218. margin: 0 0 0 4px;
  219. float: right; }
  220. .single-product div.product .woocommerce-product-rating .star-rating span:before {
  221. color: #333; }
  222. .single-product div.product span.onsale {
  223. z-index: 9; }
  224. .single-product div.product p.price {
  225. font-size: 21.6px;
  226. font-size: 1.35rem;
  227. margin-top: 0;
  228. margin-bottom: 1.1em;
  229. font-size: 1.35rem; }
  230. .single-product div.product .woocommerce-image-wrapper {
  231. position: relative;
  232. margin-bottom: 1em; }
  233. .single-product div.product .woocommerce-product-gallery {
  234. position: relative;
  235. width: 100%; }
  236. .single-product div.product .woocommerce-product-gallery:before, .single-product div.product .woocommerce-product-gallery:after {
  237. content: "";
  238. display: table; }
  239. .single-product div.product .woocommerce-product-gallery:after {
  240. clear: both; }
  241. .single-product div.product .woocommerce-product-gallery img {
  242. display: block; }
  243. .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
  244. margin: 0; }
  245. .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  246. position: absolute;
  247. left: 0;
  248. display: block;
  249. height: 2em;
  250. width: 2em;
  251. margin: 0.4em;
  252. text-align: center;
  253. z-index: 99; }
  254. .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
  255. content: "\f402";
  256. display: block;
  257. font-family: Genericons;
  258. line-height: 2;
  259. background: #fff;
  260. color: #333;
  261. border-radius: 100%; }
  262. .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger img {
  263. display: none !important; }
  264. .single-product div.product .woocommerce-product-gallery .flex-viewport {
  265. margin-bottom: 1em; }
  266. .single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
  267. margin: 0;
  268. padding: 0; }
  269. .single-product div.product .woocommerce-product-gallery .flex-control-thumbs:before, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs:after {
  270. content: "";
  271. display: table; }
  272. .single-product div.product .woocommerce-product-gallery .flex-control-thumbs:after {
  273. clear: both; }
  274. .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
  275. list-style: none;
  276. cursor: pointer;
  277. float: right; }
  278. .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
  279. opacity: .5; }
  280. .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
  281. opacity: 1; }
  282. .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
  283. opacity: 1; }
  284. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
  285. width: 48.1%; }
  286. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
  287. margin-left: 0; }
  288. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
  289. clear: both; }
  290. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
  291. width: 30.7966666667%; }
  292. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
  293. margin-left: 0; }
  294. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
  295. clear: both; }
  296. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
  297. width: 22.15%; }
  298. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
  299. margin-left: 0; }
  300. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
  301. clear: both; }
  302. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
  303. width: 16.96%; }
  304. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
  305. margin-left: 0; }
  306. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
  307. clear: both; }
  308. .single-product div.product form.cart,
  309. .single-product div.product div.product_meta {
  310. margin-bottom: 1.6em; }
  311. .single-product div.product form.cart div.quantity {
  312. float: right;
  313. margin: 0 0 0 4px; }
  314. .single-product div.product form.cart .variations {
  315. background-color: transparent;
  316. margin-bottom: 1em; }
  317. .single-product div.product form.cart .variations td,
  318. .single-product div.product form.cart .variations th {
  319. vertical-align: top;
  320. padding: 0; }
  321. .single-product div.product form.cart .variations .label {
  322. padding-left: 1em;
  323. font-weight: bold; }
  324. .single-product div.product form.cart .variations select {
  325. width: 100%; }
  326. .single-product div.product form.cart .single_variation_wrap .woocommerce-variation > p {
  327. margin-bottom: 1.6em; }
  328. .stock:empty:before {
  329. display: none; }
  330. .stock.in-stock {
  331. color: #0f834d; }
  332. .stock.out-of-stock {
  333. color: #e2401c; }
  334. /**
  335. * Reviews
  336. */
  337. #reviews #comments ol.commentlist {
  338. margin-right: 0;
  339. margin-bottom: 1em; }
  340. #reviews #comments ol.commentlist:before, #reviews #comments ol.commentlist:after {
  341. content: "";
  342. display: table; }
  343. #reviews #comments ol.commentlist:after {
  344. clear: both; }
  345. #reviews #comments ol.commentlist li {
  346. position: relative;
  347. margin-bottom: 1.5em;
  348. width: 100%; }
  349. #reviews #comments ol.commentlist li:before, #reviews #comments ol.commentlist li:after {
  350. content: "";
  351. display: table; }
  352. #reviews #comments ol.commentlist li:after {
  353. clear: both; }
  354. #reviews #comments ol.commentlist li:last-child {
  355. margin-bottom: 0; }
  356. #reviews #comments ol.commentlist li img.avatar {
  357. float: right;
  358. position: absolute;
  359. top: 0;
  360. right: 0;
  361. width: 32px;
  362. border-radius: 100%; }
  363. #reviews #comments ol.commentlist li .meta {
  364. margin: 0;
  365. color: #999999; }
  366. #reviews #comments ol.commentlist li .comment-text {
  367. margin: 0 50px 0 0; }
  368. #reviews #comments ol.commentlist li .comment-text p {
  369. margin-top: 0; }
  370. #reviews #comments ol.commentlist li .star-rating {
  371. float: left; }
  372. #reviews #comments ol.commentlist li .star-rating span:before {
  373. color: #333; }
  374. #review_form #respond .comment-reply-title {
  375. display: block; }
  376. #review_form #respond .comment-form-comment label {
  377. top: 1px;
  378. right: 1px;
  379. width: auto;
  380. background: #fff;
  381. border-radius: 5px; }
  382. #review_form #respond #comment {
  383. display: block;
  384. height: 100px; }
  385. #review_form #respond p {
  386. margin-bottom: 1em; }
  387. #review_form #respond p.form-submit {
  388. margin-bottom: 0; }
  389. #review_form p.stars {
  390. margin-top: 0;
  391. margin-bottom: 1em; }
  392. #review_form p.stars a {
  393. box-shadow: none; }
  394. .woocommerce-noreviews {
  395. background: none; }
  396. /**
  397. * Attributes table
  398. */
  399. table.shop_attributes {
  400. background-color: rgba(0, 0, 0, 0.02);
  401. border-top: 1px dotted rgba(0, 0, 0, 0.1); }
  402. table.shop_attributes th {
  403. width: 150px;
  404. padding: 8px;
  405. border-bottom: 1px dotted rgba(0, 0, 0, 0.1); }
  406. table.shop_attributes td {
  407. font-style: italic;
  408. padding: 0;
  409. border-bottom: 1px dotted rgba(0, 0, 0, 0.1); }
  410. table.shop_attributes tr:nth-child(even) th,
  411. table.shop_attributes tr:nth-child(even) td {
  412. background: rgba(0, 0, 0, 0.025); }
  413. /**
  414. * Checkout
  415. */
  416. .form-row {
  417. margin: 0 0 1.6em; }
  418. .form-row label {
  419. display: block;
  420. line-height: 2; }
  421. .form-row input[type="text"],
  422. .form-row input[type="password"],
  423. .form-row textarea {
  424. width: 100%; }
  425. .form-row input[type="checkbox"] {
  426. margin-left: .5em; }
  427. table.shop_table th {
  428. background: #85cc36;
  429. color: #fff;
  430. padding: 8px 5px;
  431. text-align: right; }
  432. .woocommerce #payment {
  433. background: rgba(0, 0, 0, 0.02);
  434. margin-bottom: 1.6em; }
  435. .woocommerce #payment ul.payment_methods {
  436. list-style: none;
  437. margin: 0;
  438. border-bottom: 1px solid rgba(153, 153, 153, 0.2);
  439. padding: 1.6em; }
  440. .woocommerce #payment ul.payment_methods li {
  441. clear: both; }
  442. .woocommerce #payment ul.payment_methods li input {
  443. margin: 0 0 0 1em; }
  444. .woocommerce #payment ul.payment_methods li img {
  445. vertical-align: middle;
  446. margin: -2px .5em 0 0;
  447. position: relative; }
  448. .woocommerce #payment ul.payment_methods li .payment_box {
  449. background: #fff;
  450. border: 1px solid rgba(153, 153, 153, 0.2);
  451. border-radius: 10px;
  452. margin: 0.8em 0;
  453. padding: 0.8em; }
  454. .woocommerce #payment ul.payment_methods li .payment_box p:first-child {
  455. margin-top: 0; }
  456. .woocommerce #payment ul.payment_methods li .payment_box p:last-child {
  457. margin-bottom: 0; }
  458. .woocommerce #payment ul.payment_methods li .about_paypal {
  459. float: left; }
  460. .woocommerce #payment .form-row {
  461. margin: 0;
  462. padding: 1.6em; }
  463. .woocommerce #payment .form-row:before, .woocommerce #payment .form-row:after {
  464. content: "";
  465. display: table; }
  466. .woocommerce #payment .form-row:after {
  467. clear: both; }
  468. .woocommerce #payment .form-row .button {
  469. width: auto;
  470. float: left; }
  471. .woocommerce-shipping-fields h3 {
  472. font-size: 1rem;
  473. font-weight: normal;
  474. text-transform: none; }
  475. ul#shipping_method {
  476. margin-right: 0;
  477. list-style: none; }
  478. .woocommerce-thankyou-order-received,
  479. .woocommerce-thankyou-order-details {
  480. background: rgba(0, 0, 0, 0.02);
  481. padding: 1.6em; }
  482. .woocommerce-thankyou-order-details {
  483. list-style: none;
  484. margin: 0; }
  485. .woocommerce-thankyou-order-details:before, .woocommerce-thankyou-order-details:after {
  486. content: "";
  487. display: table; }
  488. .woocommerce-thankyou-order-details:after {
  489. clear: both; }
  490. .woocommerce-thankyou-order-details li {
  491. float: right;
  492. text-transform: uppercase;
  493. font-size: .715em;
  494. line-height: 1;
  495. border-left: 1px dashed #d3ced2;
  496. padding: 0 0 0 2em;
  497. margin: 0 0 1.6em 2em; }
  498. .woocommerce-thankyou-order-details li strong {
  499. display: block;
  500. font-size: 1.4em;
  501. text-transform: none;
  502. line-height: 1.5; }
  503. .woocommerce-thankyou-order-details li:last-of-type {
  504. border: none;
  505. margin-bottom: 0; }
  506. .woocommerce-thankyou-order-received {
  507. background-color: #85cc36;
  508. color: #fff;
  509. margin-bottom: 0; }
  510. @media screen and (min-width: 768px) {
  511. .col2-set .form-row-first {
  512. float: right;
  513. margin-left: 3.8%; }
  514. .col2-set .form-row-last {
  515. float: left;
  516. margin-left: 0; }
  517. .col2-set .form-row-first,
  518. .col2-set .form-row-last {
  519. width: 48.1%; } }
  520. /**
  521. * My account
  522. */
  523. .woocommerce-account .entry-header {
  524. margin-bottom: 1.6em; }
  525. .woocommerce-account .entry-content .woocommerce:before, .woocommerce-account .entry-content .woocommerce:after {
  526. content: "";
  527. display: table; }
  528. .woocommerce-account .entry-content .woocommerce:after {
  529. clear: both; }
  530. .woocommerce-account .woocommerce-MyAccount-navigation {
  531. margin-bottom: 1.6em }
  532. .woocommerce-account .woocommerce-MyAccount-navigation ul {
  533. list-style: none;
  534. margin: 0; }
  535. .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  536. color: #333; }
  537. .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  538. color: #6636cc; }
  539. .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:hover {
  540. color: #85cc36; }
  541. .woocommerce-account .woocommerce-MyAccount-content .button {
  542. word-wrap: normal;
  543. word-break: normal;
  544. display: inline-block;
  545. margin: 0.2em; }
  546. @media screen and (min-width: 768px) {
  547. .woocommerce-account .woocommerce-MyAccount-navigation {
  548. display: block; }
  549. .woocommerce-account .woocommerce-MyAccount-navigation ul li {
  550. display: inline-block;
  551. margin-left: .8em; }
  552. .woocommerce-account .woocommerce-MyAccount-navigation ul li:last-of-type {
  553. margin-left: 0; } }
  554. /**
  555. * Cart
  556. */
  557. .woocommerce-cart .entry-header {
  558. margin-bottom: 1.6em; }
  559. /**
  560. * General WooCommerce components
  561. */
  562. /**
  563. * Header cart
  564. */
  565. .site-header-cart {
  566. position: relative;
  567. margin: -1.6em 0 0;
  568. padding: 1em 0 1.6em 0;
  569. list-style: none; }
  570. .site-header-cart:before, .site-header-cart:after {
  571. content: "";
  572. display: table; }
  573. .site-header-cart:after {
  574. clear: both; }
  575. .site-header-cart .cart-contents {
  576. text-decoration: none;
  577. white-space: nowrap; }
  578. .site-header-cart .cart-contents .amount {
  579. color: #333; }
  580. .site-header-cart .cart-contents .count {
  581. margin-right: .25rem;
  582. font-size: .85rem;
  583. font-weight: normal;
  584. color: #7a7c84; }
  585. .site-header-cart .cart-contents:before {
  586. content: "\f447";
  587. display: inline-block;
  588. font-family: Genericons;
  589. margin-left: .35rem;
  590. vertical-align: bottom; }
  591. .site-header-cart .widget_shopping_cart {
  592. display: none;
  593. background-color: #fafafa;
  594. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  595. padding: 1.6em;
  596. margin: -1em 0 0 0; }
  597. .site-header-cart .product_list_widget {
  598. margin: 0;
  599. padding: 0; }
  600. /**
  601. * Breadcrumbs
  602. */
  603. .woocommerce-breadcrumb {
  604. margin: 0 0 1.6em; }
  605. /**
  606. * Pagination
  607. */
  608. .woocommerce-pagination {
  609. margin: 0 0 1.6em; }
  610. .woocommerce-pagination ul {
  611. margin: 0; }
  612. .woocommerce-pagination ul li {
  613. display: inline-block;
  614. list-style: none;
  615. height: 1.6em;
  616. line-height: 1.6em;
  617. margin: 0 0 0.2em 0.2em;
  618. text-align: center;
  619. width: 1.6em; }
  620. .woocommerce-pagination ul li span.current,
  621. .woocommerce-pagination ul li a {
  622. display: block; }
  623. .woocommerce-pagination ul li a {
  624. background: rgba(0, 0, 0, 0.02); }
  625. .woocommerce-pagination ul li span.current,
  626. .woocommerce-pagination ul li a:hover {
  627. background: #85cc36;
  628. color: #fff; }
  629. /**
  630. * Infinite Scroll
  631. */
  632. .infinite-scroll .woocommerce-pagination {
  633. display: none; }
  634. /**
  635. * Onsale
  636. */
  637. .onsale {
  638. background: #6636cc;
  639. color: #fff;
  640. right: 0.4em;
  641. position: absolute;
  642. padding: 0.4em 0.8em;
  643. top: 0.4em;
  644. transition: 0.3s; }
  645. /**
  646. * Price
  647. */
  648. span.price,
  649. p.price {
  650. display: block;
  651. color: #333;
  652. margin-bottom: 0.8em; }
  653. span.price del,
  654. p.price del {
  655. opacity: .5; }
  656. span.price ins,
  657. p.price ins {
  658. background: transparent; }
  659. /**
  660. * Sorting
  661. */
  662. .woocommerce-result-count {
  663. margin: 0 0 .8em; }
  664. .woocommerce-ordering {
  665. margin: 0 0 1.6em;
  666. width: 100%; }
  667. /**
  668. * Star rating
  669. */
  670. .star-rating {
  671. overflow: hidden;
  672. position: relative;
  673. height: 1.618em;
  674. line-height: 1.618;
  675. font-size: 1em;
  676. width: 5.3em;
  677. font-family: 'star';
  678. font-weight: 400; }
  679. .star-rating:before {
  680. content: "\53\53\53\53\53";
  681. opacity: .25;
  682. float: right;
  683. top: 0;
  684. right: 0;
  685. position: absolute; }
  686. .star-rating span {
  687. overflow: hidden;
  688. float: right;
  689. top: 0;
  690. right: 0;
  691. position: absolute;
  692. padding-top: 1.5em; }
  693. .star-rating span:before {
  694. content: "\53\53\53\53\53";
  695. top: 0;
  696. position: absolute;
  697. right: 0;
  698. color: #6636cc; }
  699. p.stars a {
  700. position: relative;
  701. height: 1em;
  702. width: 1em;
  703. text-indent: -999em;
  704. display: inline-block;
  705. text-decoration: none;
  706. margin-left: 1px;
  707. font-weight: 400; }
  708. p.stars a:before {
  709. display: block;
  710. position: absolute;
  711. top: 0;
  712. right: 0;
  713. width: 1em;
  714. height: 1em;
  715. line-height: 1;
  716. font-family: "star";
  717. content: "\53";
  718. color: #333;
  719. text-indent: 0;
  720. opacity: .25; }
  721. p.stars a:hover ~ a:before {
  722. content: "\53";
  723. color: #333;
  724. opacity: .25; }
  725. p.stars:hover a:before {
  726. content: "\53";
  727. color: #6636cc;
  728. opacity: 1; }
  729. p.stars.selected a.active:before {
  730. content: "\53";
  731. color: #6636cc;
  732. opacity: 1; }
  733. p.stars.selected a.active ~ a:before {
  734. content: "\53";
  735. color: #333;
  736. opacity: .25; }
  737. p.stars.selected a:not(.active):before {
  738. content: "\53";
  739. color: #6636cc;
  740. opacity: 1; }
  741. /**
  742. * Tabs
  743. */
  744. .woocommerce-tabs ul.tabs {
  745. list-style: none;
  746. margin: 0;
  747. padding: 0 calc(1.6em - 5px) 0 0;
  748. text-align: right; }
  749. .woocommerce-tabs ul.tabs li {
  750. display: inline-block;
  751. margin: 0;
  752. position: relative; }
  753. .woocommerce-tabs ul.tabs li a {
  754. padding: 0.4em 0.8em;
  755. display: block;
  756. color: #333; }
  757. .woocommerce-tabs ul.tabs li.active a {
  758. background: rgba(0, 0, 0, 0.02);
  759. color: #6636cc; }
  760. .woocommerce-tabs .panel {
  761. background: rgba(0, 0, 0, 0.02);
  762. margin: 0 0 1.6em;
  763. padding: 0 1.6em 1.6em; }
  764. .woocommerce-tabs .panel h2:first-of-type {
  765. font-size: 20px;
  766. font-size: 1.25rem;
  767. margin-bottom: 1em;
  768. text-transform: none; }
  769. /**
  770. * Password strength meter
  771. */
  772. .woocommerce-password-strength {
  773. text-align: left; }
  774. .woocommerce-password-strength.strong {
  775. color: #0f834d; }
  776. .woocommerce-password-strength.short {
  777. color: #e2401c; }
  778. .woocommerce-password-strength.bad {
  779. color: #e2401c; }
  780. .woocommerce-password-strength.good {
  781. color: #3D9CD2; }
  782. /**
  783. * Forms
  784. */
  785. .form-row.woocommerce-validated label {
  786. color: #0f834d; }
  787. .form-row.woocommerce-validated input.input-text {
  788. border-color: #0f834d; }
  789. .form-row.woocommerce-invalid label {
  790. color: #e2401c; }
  791. .form-row.woocommerce-invalid input.input-text {
  792. border-color: #e2401c; }
  793. .required {
  794. color: red; }
  795. .quantity .qty {
  796. width: 3.631em;
  797. text-align: center; }
  798. /**
  799. * Notices
  800. */
  801. .woocommerce-message,
  802. .woocommerce-info,
  803. .woocommerce-error,
  804. .woocommerce-noreviews,
  805. p.no-comments {
  806. clear: both;
  807. position: relative;
  808. background-color: rgba(0, 0, 0, 0.02);
  809. color: inherit;
  810. margin-right: 0;
  811. margin-bottom: 1.6em;
  812. padding: 1.6em 4em 1.6em 2em;
  813. list-style: none;
  814. font-size: 18px;
  815. font-size: 1.125rem; }
  816. .woocommerce-message:before, .woocommerce-message:after,
  817. .woocommerce-info:before,
  818. .woocommerce-info:after,
  819. .woocommerce-error:before,
  820. .woocommerce-error:after,
  821. .woocommerce-noreviews:before,
  822. .woocommerce-noreviews:after,
  823. p.no-comments:before,
  824. p.no-comments:after {
  825. content: "";
  826. display: table; }
  827. .woocommerce-message:after,
  828. .woocommerce-info:after,
  829. .woocommerce-error:after,
  830. .woocommerce-noreviews:after,
  831. p.no-comments:after {
  832. clear: both; }
  833. .woocommerce-message .button,
  834. .woocommerce-info .button,
  835. .woocommerce-error .button,
  836. .woocommerce-noreviews .button,
  837. p.no-comments .button {
  838. float: left;
  839. padding: 0.1667em 0.6668em;
  840. margin-right: 1em; }
  841. .woocommerce-message:before,
  842. .woocommerce-info:before,
  843. .woocommerce-error:before,
  844. .woocommerce-noreviews:before,
  845. p.no-comments:before {
  846. content: '\f418';
  847. font-family: Genericons;
  848. color: #0f834d;
  849. border-radius: 100%;
  850. line-height: 1;
  851. position: absolute;
  852. text-align: center;
  853. right: 1.6em;
  854. font-size: 1.35rem;
  855. top: 1.6em;
  856. width: 1em;
  857. height: 1em; }
  858. .woocommerce-info:before,
  859. .woocommerce-noreviews:before,
  860. p.no-comments:before {
  861. content: '\f456';
  862. color: #3D9CD2; }
  863. .woocommerce-error:before {
  864. content: '\f414';
  865. color: #e2401c; }
  866. .demo_store {
  867. position: fixed;
  868. right: 0;
  869. bottom: 0;
  870. left: 0;
  871. margin: 0;
  872. padding: 1em;
  873. background-color: #6636cc;
  874. color: #fff;
  875. z-index: 9999; }
  876. .demo_store a {
  877. color: rgba(255, 255, 255, 0.75); }
  878. .demo_store a:hover {
  879. color: inherit; }
  880. .demo_store .woocommerce-store-notice__dismiss-link {
  881. float: left; }
  882. .demo_store .woocommerce-store-notice__dismiss-link:before {
  883. content: "\f405";
  884. display: inline-block;
  885. font-family: Genericons;
  886. vertical-align: middle; }
  887. /**
  888. * Buttons
  889. */
  890. .woocommerce #respond input#submit,
  891. .woocommerce a.button,
  892. .woocommerce button.button,
  893. .woocommerce button.button.alt,
  894. .woocommerce input.button,
  895. .woocommerce input.button.alt {
  896. border: 2px solid;
  897. border-color: #6636cc;
  898. border-radius: 10px;
  899. background: transparent;
  900. box-shadow: none;
  901. color: #6636cc;
  902. cursor: pointer;
  903. display: inline-block;
  904. font-weight: bold;
  905. font-size: 16px;
  906. font-size: 1rem;
  907. -webkit-font-smoothing: inherit;
  908. letter-spacing: 1px;
  909. line-height: 1;
  910. padding: 0.8em;
  911. text-align: center;
  912. text-shadow: none;
  913. text-decoration: none;
  914. text-transform: uppercase;
  915. transition: 0.3s; }
  916. .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus,
  917. .woocommerce a.button:hover,
  918. .woocommerce a.button:focus,
  919. .woocommerce button.button:hover,
  920. .woocommerce button.button:focus,
  921. .woocommerce button.button.alt:hover,
  922. .woocommerce button.button.alt:focus,
  923. .woocommerce input.button:hover,
  924. .woocommerce input.button:focus,
  925. .woocommerce input.button.alt:hover,
  926. .woocommerce input.button.alt:focus {
  927. background: transparent;
  928. border-color: #85cc36;
  929. box-shadow: none;
  930. color: #85cc36; }
  931. .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled],
  932. .woocommerce a.button.disabled,
  933. .woocommerce a.button:disabled,
  934. .woocommerce a.button:disabled[disabled],
  935. .woocommerce button.button.disabled,
  936. .woocommerce button.button:disabled,
  937. .woocommerce button.button:disabled[disabled],
  938. .woocommerce button.button.alt.disabled,
  939. .woocommerce button.button.alt:disabled,
  940. .woocommerce button.button.alt:disabled[disabled],
  941. .woocommerce input.button.disabled,
  942. .woocommerce input.button:disabled,
  943. .woocommerce input.button:disabled[disabled],
  944. .woocommerce input.button.alt.disabled,
  945. .woocommerce input.button.alt:disabled,
  946. .woocommerce input.button.alt:disabled[disabled] {
  947. background: transparent;
  948. border-color: #6636cc;
  949. color: #6636cc;
  950. cursor: not-allowed;
  951. opacity: 0.5;
  952. padding: 0.8em; }
  953. .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover,
  954. .woocommerce a.button.disabled:hover,
  955. .woocommerce a.button:disabled:hover,
  956. .woocommerce a.button:disabled[disabled]:hover,
  957. .woocommerce button.button.disabled:hover,
  958. .woocommerce button.button:disabled:hover,
  959. .woocommerce button.button:disabled[disabled]:hover,
  960. .woocommerce button.button.alt.disabled:hover,
  961. .woocommerce button.button.alt:disabled:hover,
  962. .woocommerce button.button.alt:disabled[disabled]:hover,
  963. .woocommerce input.button.disabled:hover,
  964. .woocommerce input.button:disabled:hover,
  965. .woocommerce input.button:disabled[disabled]:hover,
  966. .woocommerce input.button.alt.disabled:hover,
  967. .woocommerce input.button.alt:disabled:hover,
  968. .woocommerce input.button.alt:disabled[disabled]:hover {
  969. background: transparent;
  970. border-color: #6636cc;
  971. color: #6636cc;
  972. cursor: not-allowed;
  973. opacity: 0.5;
  974. padding: 0.8em; }
  975. .footer-widgets-wrapper a.button,
  976. .footer-widgets-wrapper .woocommerce button.button {
  977. color: white;
  978. border-color: white; }
  979. .footer-widgets-wrapper a.button:hover,
  980. .footer-widgets-wrapper .woocommerce button.button:hover {
  981. opacity: 1;
  982. color: white;
  983. border-color: white; }
  984. a.ajax_add_to_cart.loading:after, a.ajax_add_to_cart.added:after {
  985. font-family: Genericons;
  986. margin-right: .53em;
  987. vertical-align: bottom; }
  988. a.ajax_add_to_cart.loading {
  989. opacity: .25; }
  990. a.ajax_add_to_cart.loading:after {
  991. content: '\f445'; }
  992. a.ajax_add_to_cart.added:after {
  993. content: '\f418'; }
  994. a.added_to_cart {
  995. display: block;
  996. padding-top: 0.8em; }
  997. @media screen and (min-width: 768px) {
  998. /**
  999. * Sorting
  1000. */
  1001. .woocommerce-result-count {
  1002. float: right;
  1003. margin-bottom: 1.6em; }
  1004. .woocommerce-ordering {
  1005. float: left;
  1006. width: auto; }
  1007. /**
  1008. * Related products
  1009. */
  1010. .related ul.products li.product,
  1011. .upsells ul.products li.product {
  1012. width: 48.1%; }
  1013. /**
  1014. * Header cart
  1015. */
  1016. .woocommerce-active .main-navigation {
  1017. margin-right: auto; }
  1018. .site-header-cart {
  1019. margin-top: 0;
  1020. margin-right: 1.6em;
  1021. padding-top: 1.6em; }
  1022. .site-header-cart .widget_shopping_cart {
  1023. position: absolute;
  1024. top: 100%;
  1025. width: 300px;
  1026. z-index: 999999;
  1027. left: -999em; }
  1028. .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
  1029. left: 0;
  1030. display: block; } }
  1031. /**
  1032. * WooCommerce widgets
  1033. */
  1034. /**
  1035. * WooCommerce Product List
  1036. */
  1037. .widget.woocommerce ul.product_list_widget li > a {
  1038. display: block; }
  1039. .widget.woocommerce ul.product_list_widget li img {
  1040. max-width: 2.617924em;
  1041. float: left; }
  1042. .widget.woocommerce ul.product_list_widget li .remove {
  1043. display: block;
  1044. font-size: 1.5em;
  1045. line-height: 1;
  1046. color: #333;
  1047. border-radius: 100%;
  1048. text-decoration: none;
  1049. font-weight: 700;
  1050. box-shadow: none;
  1051. opacity: .5;
  1052. text-align: center;
  1053. margin: .65rem 0 1rem .75rem;
  1054. height: 1em;
  1055. width: 1em;
  1056. float: right; }
  1057. /**
  1058. * WooCommerce Price Filter
  1059. */
  1060. .widget_price_filter .price_slider {
  1061. margin-bottom: 1.5em; }
  1062. .widget_price_filter .price_slider_amount {
  1063. text-align: left;
  1064. line-height: 2.4em; }
  1065. .widget_price_filter .price_slider_amount .button {
  1066. float: right; }
  1067. .widget_price_filter .ui-slider {
  1068. position: relative;
  1069. text-align: right; }
  1070. .widget_price_filter .ui-slider .ui-slider-handle {
  1071. position: absolute;
  1072. z-index: 2;
  1073. width: 1em;
  1074. height: 1em;
  1075. cursor: ew-resize;
  1076. outline: none;
  1077. background: #333;
  1078. box-sizing: border-box;
  1079. margin-top: -.25em;
  1080. opacity: 1;
  1081. border-radius: 100%;
  1082. margin-right: -1px; }
  1083. .widget_price_filter .ui-slider .ui-slider-handle:last-child {
  1084. margin-right: -.9em; }
  1085. .widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
  1086. box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1); }
  1087. .widget_price_filter .ui-slider .ui-slider-range {
  1088. position: absolute;
  1089. z-index: 1;
  1090. display: block;
  1091. border: 0;
  1092. background: #333; }
  1093. .widget_price_filter .price_slider_wrapper .ui-widget-content {
  1094. background: rgba(0, 0, 0, 0.1); }
  1095. .widget_price_filter .ui-slider-horizontal {
  1096. height: .5em; }
  1097. .widget_price_filter .ui-slider-horizontal .ui-slider-range {
  1098. height: 100%; }
  1099. .footer-widgets-wrapper .ui-slider .ui-slider-handle,
  1100. .footer-widgets-wrapper .ui-slider .ui-slider-range {
  1101. background: #ffffff; }
  1102. /**
  1103. * WooCommerce Average Rating
  1104. */
  1105. .widget_rating_filter ul li {
  1106. padding: 0.8em 0 0; }
  1107. .widget_rating_filter ul li .star-rating {
  1108. display: inline-block;
  1109. vertical-align: bottom; }
  1110. /**
  1111. * WooCommerce Product Search
  1112. */
  1113. .widget_product_search form {
  1114. text-align: left; }
  1115. .widget_product_search input[type="search"] {
  1116. width: 100%; }
  1117. .widget_product_search input[type="submit"] {
  1118. margin-top: 0.8em; }
  1119. /**
  1120. * WooCommerce Cart
  1121. */
  1122. .widget_shopping_cart .total {
  1123. border-top: 1px solid rgba(153, 153, 153, 0.2);
  1124. padding: 0.8em 0;
  1125. text-align: left; }
  1126. .widget_shopping_cart .woocommerce-mini-cart__buttons {
  1127. margin-bottom: 0; }
  1128. .widget_shopping_cart .woocommerce-mini-cart__buttons .button {
  1129. display: block; }
  1130. .widget_shopping_cart .woocommerce-mini-cart__buttons .button.checkout {
  1131. margin-top: 0.8em; }
  1132. /**
  1133. * Footer & Header
  1134. */
  1135. .header-widget-area ins,
  1136. .footer-widgets-wrapper ins {
  1137. background-color: #ffee4b;
  1138. color: #333; }
  1139. .header-widget-area .star-rating span:before,
  1140. .footer-widgets-wrapper .star-rating span:before {
  1141. color: #ffffff; }
  1142. .footer-widgets-wrapper .widget.woocommerce ul.product_list_widget li .remove {
  1143. color: #ffffff; }