woocommerce-rtl.css 34 KB

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