woocommerce-rtl.css 32 KB

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