woocommerce.css 32 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223
  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: left; }
  24. table.shop_table tfoot {
  25. background: #f3f3f3; }
  26. table.shop_table tfoot th {
  27. text-align: right;
  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: right;
  38. clear: both; }
  39. table.shop_table_responsive tr td:before {
  40. content: attr(data-title) ": ";
  41. float: left;
  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: left; }
  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-left: auto;
  102. margin-right: 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-left: 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: left;
  115. margin-right: 3.8%; }
  116. ul.products li.product.first {
  117. clear: both; }
  118. ul.products li.product.last {
  119. margin-right: 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. right: auto;
  153. left: -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. right: 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: left;
  195. line-height: 1;
  196. margin-right: 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-right: 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-right: 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-right: 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-right: 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: left; }
  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-left: .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-right: .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-left: .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: left; }
  280. .single-product div.product .entry-summary {
  281. width: 50%;
  282. float: right; } }
  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: left; }
  302. table.cart .actions label {
  303. display: none; }
  304. table.cart .actions .coupon {
  305. text-align: left; }
  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: right;
  336. vertical-align: top; }
  337. dl.variation {
  338. font-size: .875em;
  339. margin: .875em 0 0 0; }
  340. dl.variation dd,
  341. dl.variation p {
  342. margin: 0; }
  343. @media screen and (min-width: 48em) {
  344. table.cart tr {
  345. display: table-row;
  346. margin-bottom: 0; }
  347. table.cart tr:nth-child(even) {
  348. background: transparent; }
  349. table.cart td,
  350. table.cart th {
  351. border-color: #ddd; }
  352. table.cart .product-remove a {
  353. margin-top: 0; }
  354. table.cart .actions {
  355. padding-left: 0;
  356. padding-right: 0; }
  357. table.cart .actions:before, table.cart .actions:after {
  358. content: "";
  359. display: table; }
  360. table.cart .actions:after {
  361. clear: both; }
  362. table.cart .actions .coupon {
  363. float: left; }
  364. table.cart .actions .coupon .input-text {
  365. width: auto;
  366. margin-bottom: 0; }
  367. table.cart .actions .coupon .button {
  368. width: auto;
  369. vertical-align: top;
  370. margin-bottom: 0; }
  371. table.cart .actions .coupon + .button {
  372. width: auto;
  373. float: right;
  374. margin-left: -10px; } }
  375. /**
  376. * Checkout
  377. */
  378. /**
  379. * Checkout
  380. */
  381. .woocommerce-checkout h2,
  382. .woocommerce-checkout h3 {
  383. font-size: 1.563em; }
  384. .woocommerce-checkout p.create-account,
  385. .woocommerce-checkout #ship-to-different-address {
  386. margin: 0; }
  387. .woocommerce-checkout #ship-to-different-address {
  388. font-family: Lato, Helvetica, sans-serif;
  389. font-size: 1em;
  390. font-style: normal; }
  391. .woocommerce-checkout .woocommerce-billing-fields:before, .woocommerce-checkout .woocommerce-billing-fields:after,
  392. .woocommerce-checkout .woocommerce-account-fields:before,
  393. .woocommerce-checkout .woocommerce-account-fields:after,
  394. .woocommerce-checkout .woocommerce-shipping-fields:before,
  395. .woocommerce-checkout .woocommerce-shipping-fields:after,
  396. .woocommerce-checkout .woocommerce-additional-fields:before,
  397. .woocommerce-checkout .woocommerce-additional-fields:after {
  398. content: "";
  399. display: table; }
  400. .woocommerce-checkout .woocommerce-billing-fields:after,
  401. .woocommerce-checkout .woocommerce-account-fields:after,
  402. .woocommerce-checkout .woocommerce-shipping-fields:after,
  403. .woocommerce-checkout .woocommerce-additional-fields:after {
  404. clear: both; }
  405. .woocommerce-checkout .woocommerce-account-fields {
  406. margin-top: .5em;
  407. margin-bottom: .5em; }
  408. .woocommerce-checkout .woocommerce-shipping-fields {
  409. margin-bottom: 1.5em; }
  410. .woocommerce-checkout .woocommerce-additional-fields .notes textarea {
  411. padding: .65em .75em; }
  412. .woocommerce-checkout-review-order {
  413. margin-bottom: 2em; }
  414. .woocommerce #payment ul.wc_payment_methods {
  415. margin: 0 0 2em;
  416. padding: 1.5em;
  417. list-style: none;
  418. background: #f3f3f3; }
  419. .woocommerce #payment ul.wc_payment_methods li.wc_payment_method {
  420. margin: 0 0 1em; }
  421. .woocommerce #payment ul.wc_payment_methods li.wc_payment_method:last-child {
  422. margin-bottom: 0; }
  423. .woocommerce #payment ul.wc_payment_methods li.wc_payment_method label {
  424. font-weight: bold;
  425. margin: 0 0 0 .5em; }
  426. .woocommerce #payment ul.wc_payment_methods li.wc_payment_method label img {
  427. max-width: 75px;
  428. margin-left: .5em;
  429. vertical-align: middle;
  430. float: right; }
  431. .woocommerce #payment ul.wc_payment_methods li.wc_payment_method label a {
  432. font-size: .75em; }
  433. .woocommerce #payment ul.wc_payment_methods li.wc_payment_method p {
  434. margin: 0; }
  435. .woocommerce #payment ul.wc_payment_methods li.wc_payment_method .payment_box {
  436. margin: .75em 0 0; }
  437. @media screen and (min-width: 768px) {
  438. .col2-set .form-row-first {
  439. float: left;
  440. margin-right: 3.8%; }
  441. .col2-set .form-row-last {
  442. float: right;
  443. margin-right: 0; }
  444. .col2-set .form-row-first,
  445. .col2-set .form-row-last {
  446. width: 48.1%; } }
  447. /**
  448. * My account
  449. */
  450. .woocommerce-account .entry-header {
  451. margin-bottom: 1.6em; }
  452. .woocommerce-account .entry-content .woocommerce:before, .woocommerce-account .entry-content .woocommerce:after {
  453. content: "";
  454. display: table; }
  455. .woocommerce-account .entry-content .woocommerce:after {
  456. clear: both; }
  457. .woocommerce-account .woocommerce-MyAccount-navigation {
  458. margin: 0 0 1.5em; }
  459. .woocommerce-account .woocommerce-MyAccount-navigation ul {
  460. list-style: none;
  461. margin: 0; }
  462. .woocommerce-account .woocommerce-MyAccount-navigation ul li {
  463. margin-bottom: .5em;
  464. padding-bottom: .5em;
  465. border-bottom: 1px dashed #ddd; }
  466. .woocommerce-account .woocommerce-MyAccount-navigation ul li:not(.is-active) a {
  467. font-weight: normal;
  468. color: #bbb; }
  469. .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  470. text-decoration: none;
  471. font-weight: bold; }
  472. .woocommerce-account .woocommerce-MyAccount-content .button {
  473. word-wrap: normal;
  474. word-break: normal;
  475. display: inline-block;
  476. margin: .5em; }
  477. @media screen and (min-width: 768px) {
  478. .woocommerce-account .woocommerce-MyAccount-navigation {
  479. display: block; }
  480. .woocommerce-account .woocommerce-MyAccount-navigation ul {
  481. text-align: center; }
  482. .woocommerce-account .woocommerce-MyAccount-navigation ul li {
  483. display: inline-block;
  484. margin-right: 1em; }
  485. .woocommerce-account .woocommerce-MyAccount-navigation ul li:last-of-type {
  486. margin-right: 0; } }
  487. /**
  488. * General WooCommerce components
  489. */
  490. /**
  491. * Header cart
  492. */
  493. .site-header-cart {
  494. position: relative;
  495. margin: 0;
  496. padding: 0;
  497. display: none !important; }
  498. .site-header-cart:before, .site-header-cart:after {
  499. content: "";
  500. display: table; }
  501. .site-header-cart:after {
  502. clear: both; }
  503. .site-header-cart .cart-contents {
  504. text-decoration: none; }
  505. .site-header-cart .cart-contents .count {
  506. margin-left: .25em;
  507. font-size: .95em;
  508. font-weight: normal;
  509. opacity: .75;
  510. text-transform: none; }
  511. .site-header-cart .cart-contents:before {
  512. content: "\f447";
  513. display: inline-block;
  514. font-family: Genericons;
  515. margin-right: .5em;
  516. vertical-align: bottom;
  517. color: #f78769; }
  518. .site-header-cart .widget_shopping_cart {
  519. display: none;
  520. width: 280px;
  521. padding: 1em;
  522. background: white;
  523. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
  524. .site-header-cart .widget_shopping_cart .buttons {
  525. margin-bottom: 0; }
  526. .site-header-cart .widget_shopping_cart .buttons .button {
  527. margin: 0 0 1em;
  528. color: #fff;
  529. border-width: 1px;
  530. border-style: dashed;
  531. font-size: .95em; }
  532. .site-header-cart .widget_shopping_cart .buttons .button:last-of-type {
  533. margin-bottom: 0; }
  534. .site-header-cart .product_list_widget {
  535. position: static;
  536. float: none;
  537. margin: 0;
  538. padding: 0;
  539. box-shadow: none;
  540. font-weight: normal; }
  541. .site-header-cart .product_list_widget li {
  542. display: block;
  543. padding: .5em 0; }
  544. .site-header-cart .product_list_widget li:before, .site-header-cart .product_list_widget li:after {
  545. content: "";
  546. display: table; }
  547. .site-header-cart .product_list_widget li:after {
  548. clear: both; }
  549. .site-header-cart .product_list_widget a {
  550. color: #f78769;
  551. width: auto;
  552. margin: 0;
  553. padding: 0;
  554. text-transform: none;
  555. font-size: 14px; }
  556. /**
  557. * On Sale badge
  558. */
  559. .onsale {
  560. position: absolute;
  561. top: -1em;
  562. right: -1em;
  563. display: block;
  564. width: 60px;
  565. height: 60px;
  566. line-height: 60px;
  567. text-align: center;
  568. text-decoration: none;
  569. background: #f78769;
  570. font-family: Lora, Garamond, serif;
  571. font-style: italic;
  572. color: #fff;
  573. box-shadow: inset 0 0 0 2px #f78769, inset 0 0 0 3px #fff;
  574. border-radius: 50%; }
  575. /**
  576. * Results count + Order by
  577. */
  578. .woocommerce-result-count,
  579. .woocommerce-ordering {
  580. margin: 0 0 2.5em; }
  581. .woocommerce-result-count {
  582. color: #bbb;
  583. font-style: italic; }
  584. /**
  585. * Price
  586. */
  587. p.price,
  588. span.price {
  589. display: block;
  590. margin: 0 0 1.5em;
  591. font-weight: bold; }
  592. p.price del,
  593. span.price del {
  594. font-weight: normal;
  595. opacity: .5;
  596. color: #aaa; }
  597. p.price ins,
  598. span.price ins {
  599. background: none;
  600. margin-left: .5em; }
  601. /**
  602. * Star rating
  603. */
  604. .star-rating {
  605. overflow: hidden;
  606. position: relative;
  607. height: 1.618em;
  608. line-height: 1.618;
  609. font-size: 1em;
  610. width: 5.3em;
  611. font-family: 'star';
  612. font-weight: 400; }
  613. .star-rating:before {
  614. content: "\53\53\53\53\53";
  615. opacity: .25;
  616. float: left;
  617. top: 0;
  618. left: 0;
  619. position: absolute; }
  620. .star-rating span {
  621. overflow: hidden;
  622. float: left;
  623. top: 0;
  624. left: 0;
  625. position: absolute;
  626. padding-top: 1.5em; }
  627. .star-rating span:before {
  628. content: "\53\53\53\53\53";
  629. top: 0;
  630. position: absolute;
  631. left: 0;
  632. color: #f78769; }
  633. p.stars a {
  634. position: relative;
  635. height: 1em;
  636. width: 1em;
  637. text-indent: -999em;
  638. display: inline-block;
  639. text-decoration: none;
  640. margin-right: 1px;
  641. font-weight: 400; }
  642. p.stars a:before {
  643. display: block;
  644. position: absolute;
  645. top: 0;
  646. left: 0;
  647. width: 1em;
  648. height: 1em;
  649. line-height: 1;
  650. font-family: "star";
  651. content: "\53";
  652. color: #404040;
  653. text-indent: 0;
  654. opacity: .25; }
  655. p.stars a:hover ~ a:before {
  656. content: "\53";
  657. color: #404040;
  658. opacity: .25; }
  659. p.stars:hover a:before {
  660. content: "\53";
  661. color: #f78769;
  662. opacity: 1; }
  663. p.stars.selected a.active:before {
  664. content: "\53";
  665. color: #f78769;
  666. opacity: 1; }
  667. p.stars.selected a.active ~ a:before {
  668. content: "\53";
  669. color: #404040;
  670. opacity: .25; }
  671. p.stars.selected a:not(.active):before {
  672. content: "\53";
  673. color: #f78769;
  674. opacity: 1; }
  675. /**
  676. * Tabs
  677. */
  678. .woocommerce-tabs {
  679. margin: 0 0 2em;
  680. padding: 2em 0 0;
  681. border-width: 1px 0;
  682. border-style: dashed;
  683. border-color: #ddd;
  684. clear: both; }
  685. .woocommerce-tabs:before, .woocommerce-tabs:after {
  686. content: "";
  687. display: table; }
  688. .woocommerce-tabs:after {
  689. clear: both; }
  690. .woocommerce-tabs ul.tabs {
  691. list-style: none;
  692. margin: 0 0 .5em;
  693. padding: 0;
  694. text-align: left; }
  695. .woocommerce-tabs ul.tabs li {
  696. display: inline-block;
  697. margin: 5px 10px 15px 5px;
  698. position: relative; }
  699. .woocommerce-tabs ul.tabs li a {
  700. display: block;
  701. border: 1px dashed;
  702. border-color: #fff;
  703. padding: .75em 1em;
  704. font-size: 14px;
  705. font-weight: bold;
  706. line-height: 1;
  707. text-decoration: none;
  708. color: #666;
  709. background: #f3f3f3;
  710. outline: 5px solid #f3f3f3; }
  711. .woocommerce-tabs ul.tabs li.active a {
  712. color: #fff;
  713. background-color: #f78769;
  714. outline-color: #f78769; }
  715. .woocommerce-tabs .panel h2:first-of-type {
  716. margin-bottom: 1em;
  717. font-size: 1.25em; }
  718. .woocommerce-tabs .panel p:last-of-type {
  719. margin-bottom: .5em; }
  720. /**
  721. * Password strength meter
  722. */
  723. .woocommerce-password-strength {
  724. text-align: right; }
  725. .woocommerce-password-strength.strong {
  726. color: #0f834d; }
  727. .woocommerce-password-strength.short {
  728. color: #e2401c; }
  729. .woocommerce-password-strength.bad {
  730. color: #e2401c; }
  731. .woocommerce-password-strength.good {
  732. color: #3D9CD2; }
  733. /**
  734. * Forms
  735. */
  736. .form-row:before, .form-row:after {
  737. content: "";
  738. display: table; }
  739. .form-row:after {
  740. clear: both; }
  741. .form-row input.input-text {
  742. width: 100%; }
  743. .form-row input[type="checkbox"], .form-row input[type="radio"] {
  744. margin-right: .25em; }
  745. .form-row label {
  746. display: block;
  747. margin: 0 0 .5em; }
  748. .form-row label.inline {
  749. display: inline-block; }
  750. .form-row label abbr {
  751. border: 0;
  752. text-decoration: none; }
  753. .form-row.woocommerce-validated input.input-text {
  754. box-shadow: inset 2px 0 0 #0f834d; }
  755. .form-row.woocommerce-invalid input.input-text {
  756. box-shadow: inset 2px 0 0 #e2401c; }
  757. .woocommerce-form__label .woocommerce-form__input-checkbox {
  758. margin-right: .25em; }
  759. .required {
  760. color: red; }
  761. .quantity .qty {
  762. width: 4.25em; }
  763. /**
  764. * Pagination
  765. */
  766. .woocommerce-pagination {
  767. margin: 0 0 1.5em;
  768. padding: .5em 0;
  769. border-top: 1px dashed #ddd;
  770. border-bottom: 1px dashed #ddd;
  771. text-align: center;
  772. text-transform: uppercase; }
  773. .woocommerce-pagination:before, .woocommerce-pagination:after {
  774. content: "";
  775. display: table; }
  776. .woocommerce-pagination:after {
  777. clear: both; }
  778. .woocommerce-pagination ul {
  779. margin: 0;
  780. list-style: none; }
  781. .woocommerce-pagination ul li {
  782. display: inline; }
  783. .woocommerce-pagination ul li .page-numbers {
  784. display: inline-block;
  785. text-decoration: none; }
  786. .woocommerce-pagination ul li:after {
  787. display: inline;
  788. margin: 0 .5em;
  789. content: "\00B7";
  790. color: #bbb; }
  791. .woocommerce-pagination ul li:last-child:after {
  792. content: none; }
  793. /**
  794. * Login form
  795. */
  796. .woocommerce-form-login input[name="rememberme"] {
  797. margin-left: 1.25em; }
  798. .woocommerce > h2 {
  799. font-size: 1.563em; }
  800. /**
  801. * Breadcrumbs
  802. */
  803. .woocommerce-breadcrumb {
  804. margin: 0 0 3em;
  805. padding: 0 0 .5em;
  806. border-bottom: 1px dashed #ddd;
  807. color: #bbb; }
  808. .woocommerce-breadcrumb a {
  809. text-decoration: none; }
  810. /**
  811. * Notices
  812. */
  813. .woocommerce-message,
  814. .woocommerce-info,
  815. .woocommerce-error,
  816. .woocommerce-noreviews,
  817. p.no-comments {
  818. background: #f3f3f3;
  819. border-color: #0f834d;
  820. border-style: solid;
  821. margin: 0;
  822. border-width: 1px 1px 1px 4px;
  823. clear: both;
  824. padding: 1em 1.25em;
  825. margin: 0 0 1.5em;
  826. line-height: 2.5;
  827. list-style: none; }
  828. .woocommerce-message:before, .woocommerce-message:after,
  829. .woocommerce-info:before,
  830. .woocommerce-info:after,
  831. .woocommerce-error:before,
  832. .woocommerce-error:after,
  833. .woocommerce-noreviews:before,
  834. .woocommerce-noreviews:after,
  835. p.no-comments:before,
  836. p.no-comments:after {
  837. content: "";
  838. display: table; }
  839. .woocommerce-message:after,
  840. .woocommerce-info:after,
  841. .woocommerce-error:after,
  842. .woocommerce-noreviews:after,
  843. p.no-comments:after {
  844. clear: both; }
  845. .woocommerce-message .button,
  846. .woocommerce-info .button,
  847. .woocommerce-error .button,
  848. .woocommerce-noreviews .button,
  849. p.no-comments .button {
  850. font-size: .75em;
  851. float: right;
  852. line-height: 1; }
  853. .woocommerce-info,
  854. .woocommerce-noreviews,
  855. p.no-comments {
  856. border-color: #3D9CD2; }
  857. .woocommerce-error {
  858. border-color: #e2401c; }
  859. .woocommerce > .woocommerce-message,
  860. .woocommerce > .woocommerce-info,
  861. .woocommerce > .woocommerce-error {
  862. margin-top: 1em; }
  863. .woocommerce-NoticeGroup {
  864. margin: 1em 0 0; }
  865. .woocommerce-NoticeGroup ul {
  866. list-style: none; }
  867. .woocommerce-NoticeGroup ul li:not(:last-of-type) {
  868. margin-bottom: .2em; }
  869. .demo_store {
  870. position: fixed;
  871. left: 0;
  872. bottom: 0;
  873. right: 0;
  874. margin: 0;
  875. padding: 1em;
  876. background-color: #f3f3f3;
  877. z-index: 9999; }
  878. .demo_store .woocommerce-store-notice__dismiss-link {
  879. display: block;
  880. text-decoration: none; }
  881. .demo_store .woocommerce-store-notice__dismiss-link:before {
  882. content: "\f405";
  883. font-family: Genericons;
  884. vertical-align: middle;
  885. margin-right: .15em; }
  886. .woocommerce-breadcrumb + .woocommerce-message,
  887. .woocommerce-breadcrumb + .woocommerce-message,
  888. .woocommerce-breadcrumb + .woocommerce-message {
  889. margin-top: -1em;
  890. margin-bottom: 2em; }
  891. /**
  892. * Buttons
  893. */
  894. .button:disabled {
  895. opacity: .5;
  896. cursor: not-allowed; }
  897. .add_to_cart_button.added:after {
  898. content: "\f418";
  899. font-family: Genericons;
  900. vertical-align: bottom;
  901. margin-left: .25em; }
  902. .wc-forward:after,
  903. .woocommerce-Button--next:after {
  904. content: "\f429";
  905. font-family: Genericons;
  906. vertical-align: middle;
  907. margin-left: .25em; }
  908. /**
  909. * Reviews
  910. */
  911. .woocommerce-Reviews {
  912. margin: 0 0 .5em; }
  913. .woocommerce-Reviews ol.commentlist {
  914. margin-left: 0;
  915. margin-bottom: 1.5em;
  916. list-style: none; }
  917. .woocommerce-Reviews .woocommerce-noreviews {
  918. margin-top: .5em;
  919. margin-bottom: 1.5em !important; }
  920. .woocommerce-Reviews .comment:first-of-type {
  921. padding-top: 0;
  922. border-top-color: transparent; }
  923. .woocommerce-Reviews .comment .avatar {
  924. float: left;
  925. margin: .25em 1em 0 0;
  926. width: 45px; }
  927. .woocommerce-Reviews .comment p.meta {
  928. display: inline-block;
  929. margin-top: 0; }
  930. .woocommerce-Reviews .comment .description:before, .woocommerce-Reviews .comment .description:after {
  931. content: "";
  932. display: table; }
  933. .woocommerce-Reviews .comment .description:after {
  934. clear: both; }
  935. .woocommerce-Reviews span.comment-reply-title {
  936. display: block;
  937. font-family: Lora, Garamond, serif;
  938. font-size: 1.25em;
  939. margin: 0 0 .5em; }
  940. .woocommerce-Reviews div#respond {
  941. margin: 0;
  942. padding: 0;
  943. border-top-color: transparent !important; }
  944. .woocommerce-Reviews .comment-form .comment-form-rating p.stars {
  945. margin-top: .35em;
  946. margin-bottom: 1.25em; }
  947. .woocommerce-Reviews .comment-form .comment-form-comment label {
  948. width: 100%; }
  949. /**
  950. * PhotoSwipe
  951. */
  952. .pswp__button {
  953. outline: none; }
  954. .pswp__button:hover, .pswp__button:active, .pswp__button:focus {
  955. background-color: transparent;
  956. outline: none; }
  957. .pswp__button--close {
  958. background-position: 0 -44px !important; }
  959. .pswp__button--share {
  960. background-position: -44px -44px !important; }
  961. .pswp--fs .pswp__button--fs {
  962. background-position: -44px 0 !important; }
  963. .pswp__button--zoom {
  964. background-position: -88px 0 !important; }
  965. .pswp--zoomed-in .pswp__button--zoom {
  966. background-position: -132px 0 !important; }
  967. /**
  968. * Infinite Scroll
  969. */
  970. .infinite-scroll .woocommerce-pagination {
  971. display: none; }
  972. @media screen and (min-width: 48em) {
  973. /**
  974. * Header cart
  975. */
  976. .woocommerce-active #primary-menu,
  977. .woocommerce-active .site-header-cart {
  978. display: inline-block !important; }
  979. .woocommerce-active .menu-toggle + div,
  980. .woocommerce-active .site-header-cart {
  981. display: inline-block !important; }
  982. .site-header-cart .widget_shopping_cart {
  983. position: absolute;
  984. top: 100%;
  985. z-index: 999999; }
  986. .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
  987. position: absolute;
  988. top: 1em;
  989. right: 0;
  990. display: block; }
  991. .site-header-cart:before {
  992. display: inline;
  993. padding: 0 .75em;
  994. content: "\00B7";
  995. color: #bbb; }
  996. .site-header-cart li a:after {
  997. content: none; }
  998. /**
  999. * Login form
  1000. */
  1001. .woocommerce-form-login input.input-text {
  1002. width: 300px; }
  1003. /**
  1004. * Results count + Order by
  1005. */
  1006. .woocommerce-result-count {
  1007. float: left; }
  1008. .woocommerce-ordering {
  1009. float: right; }
  1010. /**
  1011. * Store wide notice
  1012. */
  1013. .demo_store .woocommerce-store-notice__dismiss-link {
  1014. float: right; } }
  1015. /**
  1016. * WooCommerce widgets
  1017. */
  1018. /**
  1019. * WooCommerce Product List
  1020. */
  1021. .widget.woocommerce ul.product_list_widget li > a {
  1022. display: block; }
  1023. .widget.woocommerce ul.product_list_widget li img {
  1024. max-width: 2.65em;
  1025. float: right; }
  1026. .widget.woocommerce ul.product_list_widget li del {
  1027. color: #aaa;
  1028. opacity: .5; }
  1029. .widget.woocommerce ul.product_list_widget li ins {
  1030. background-color: transparent;
  1031. margin-left: .35em; }
  1032. /**
  1033. * WooCommerce Cart
  1034. */
  1035. .widget_shopping_cart a.remove {
  1036. display: block;
  1037. font-size: 1.5em;
  1038. line-height: 1;
  1039. color: #333;
  1040. border-radius: 100%;
  1041. text-decoration: none;
  1042. font-weight: 700;
  1043. box-shadow: none;
  1044. opacity: .5;
  1045. text-align: center;
  1046. margin: .65rem .75rem 1rem 0;
  1047. height: 1em;
  1048. width: 1em;
  1049. float: left; }
  1050. .widget_shopping_cart .buttons .button {
  1051. display: block;
  1052. margin: 5px 5px 1em 5px;
  1053. text-align: center; }
  1054. .widget_shopping_cart .buttons .button:last-of-type {
  1055. margin-bottom: 5px; }
  1056. /**
  1057. * WooCommerce Price Filter
  1058. */
  1059. .widget_price_filter .price_slider {
  1060. margin-bottom: 1.5em; }
  1061. .widget_price_filter .price_slider_amount {
  1062. text-align: right;
  1063. line-height: 2.4em; }
  1064. .widget_price_filter .price_slider_amount .button {
  1065. float: left; }
  1066. .widget_price_filter .ui-slider {
  1067. position: relative;
  1068. text-align: left;
  1069. margin-left: .35em;
  1070. margin-right: .35em; }
  1071. .widget_price_filter .ui-slider .ui-slider-handle {
  1072. position: absolute;
  1073. z-index: 2;
  1074. width: 1em;
  1075. height: 1em;
  1076. cursor: ew-resize;
  1077. outline: none;
  1078. background: #f78769;
  1079. box-sizing: border-box;
  1080. margin-top: -.25em;
  1081. opacity: 1;
  1082. border-radius: 50%;
  1083. margin-left: -1px; }
  1084. .widget_price_filter .ui-slider .ui-slider-handle:last-child {
  1085. margin-left: -.9em; }
  1086. .widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
  1087. box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1); }
  1088. .widget_price_filter .ui-slider .ui-slider-range {
  1089. position: absolute;
  1090. z-index: 1;
  1091. display: block;
  1092. border: 0;
  1093. background: #f78769; }
  1094. .widget_price_filter .price_slider_wrapper {
  1095. margin: 1.5em 0 0; }
  1096. .widget_price_filter .price_slider_wrapper .ui-widget-content {
  1097. background: rgba(0, 0, 0, 0.1); }
  1098. .widget_price_filter .ui-slider-horizontal {
  1099. height: .5em; }
  1100. .widget_price_filter .ui-slider-horizontal .ui-slider-range {
  1101. height: 100%; }
  1102. /**
  1103. * WooCommerce Average Rating
  1104. */
  1105. .widget_rating_filter ul li .star-rating {
  1106. display: inline-block;
  1107. vertical-align: bottom; }
  1108. /**
  1109. * WooCommerce Product Search
  1110. */
  1111. .widget_product_search form {
  1112. text-align: right; }
  1113. .widget_product_search input[type="search"] {
  1114. width: 100%;
  1115. box-sizing: border-box; }
  1116. .widget_product_search input[type="submit"] {
  1117. margin: 1em 5px 0; }