woocommerce.css 32 KB

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