woocommerce-rtl.css 34 KB

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