woocommerce-rtl.css 32 KB

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