woocommerce.css 39 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933
  1. /*
  2. * Theme Name: Radcliffe 2
  3. *
  4. * WooCommerce styles override
  5. *
  6. */
  7. /**
  8. /* !Links */
  9. /**/
  10. .woocommerce a.button {
  11. color: #fff;
  12. text-decoration: none;
  13. }
  14. /**/
  15. /* !Fonts */
  16. /**/
  17. @font-face {
  18. font-family: 'star';
  19. src: url("../../plugins/woocommerce/assets/fonts/star.eot");
  20. src: url("../../plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("../../plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("../../plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("../../plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
  21. font-weight: normal;
  22. font-style: normal;
  23. }
  24. /**/
  25. /* !# Layout */
  26. /**/
  27. .woocommerce .site-main {
  28. text-align: center;
  29. margin-bottom: 3em;
  30. }
  31. .woocommerce .site-main .products {
  32. margin: 0 auto;
  33. max-width: 92%;
  34. }
  35. @media screen and (min-width: 1300px) {
  36. .woocommerce .site-main .products {
  37. width: 1300px;
  38. }
  39. }
  40. .woocommerce .site-main > .woocommerce-message {
  41. margin-left: auto;
  42. margin-right: auto;
  43. max-width: 740px;
  44. padding: 20px 10px;
  45. text-align: left;
  46. width: 92%;
  47. }
  48. .woocommerce .site-main > .woocommerce-message .button {
  49. float: right;
  50. }
  51. .woocommerce-products-header {
  52. border-top: 1px solid #ddd;
  53. padding: 54px 0;
  54. text-align: center;
  55. }
  56. .woocommerce-products-header__title {
  57. margin: 3em 0;
  58. }
  59. .woocommerce-sorting-wrap {
  60. display: flex;
  61. flex-wrap: wrap;
  62. justify-content: space-between;
  63. margin: 0 auto 3em;
  64. max-width: 92%;
  65. text-align: left;
  66. width: 1300px;
  67. }
  68. .woocommerce-breadcrumb,
  69. .woocommerce-result-count,
  70. .woocommerce-ordering {
  71. display: inline-block;
  72. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  73. font-size: 16px;
  74. font-size: 1.6rem;
  75. margin: 0;
  76. text-align: center;
  77. }
  78. .woocommerce-ordering select {
  79. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  80. font-size: 16px;
  81. font-size: 1.6rem;
  82. }
  83. @media screen and (max-width: 768px) {
  84. .woocommerce-sorting-wrap {
  85. flex-direction: column;
  86. }
  87. }
  88. /**/
  89. /* !Shop tables */
  90. /**/
  91. table.shop_table_responsive {
  92. border-top: 1px solid #ddd;
  93. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  94. margin-bottom: 0;
  95. }
  96. table.shop_table_responsive thead {
  97. display: none;
  98. }
  99. table.shop_table_responsive tbody th {
  100. display: none;
  101. }
  102. table.shop_table_responsive tr td {
  103. display:block;
  104. text-align:right;
  105. clear:both
  106. }
  107. table.shop_table_responsive tr td::before{
  108. content: attr(data-title) ": ";
  109. font-weight: 600;
  110. float: left;
  111. }
  112. table.shop_table_responsive thead th,
  113. table.shop_table_responsive tbody tr {
  114. border-bottom: 1px solid #ddd;
  115. }
  116. table.shop_table_responsive thead th .quantity .qty,
  117. table.shop_table_responsive tbody tr .quantity .qty {
  118. font-size: 1em;
  119. width: 3em;
  120. }
  121. table.shop_table_responsive tr td.product-thumbnail a {
  122. display: block;
  123. }
  124. table.shop_table_responsive tr td.product-remove a {
  125. font-size: 1.5em;
  126. text-align: left;
  127. }
  128. table.shop_table_responsive tr td.product-remove {
  129. background: transparent;
  130. border-top: 1.618em solid transparent;
  131. padding: 0;
  132. position: relative;
  133. }
  134. table.shop_table_responsive tr td.product-remove:before {
  135. display: none;
  136. }
  137. table.shop_table_responsive tr td.actions:before,
  138. table.shop_table_responsive tr td.download-actions:before {
  139. display: none;
  140. }
  141. table.shop_table_responsive tr td.download-actions .button {
  142. display: block;
  143. text-align: center;
  144. }
  145. table.shop_table_responsive.my_account_orders .order-actions{
  146. text-align: right;
  147. }
  148. table.shop_table_responsive.my_account_orders .order-actions::before{
  149. display: none;
  150. }
  151. table.shop_table_responsive tbody .coupon {
  152. padding-bottom: 1em;
  153. margin-bottom: 1em;
  154. border-bottom: 1px solid #ddd;
  155. }
  156. table.shop_table_responsive tbody .coupon #coupon_code {
  157. display: block;
  158. font-size: 0.9em;
  159. margin-top: 1em;
  160. width: 100%;
  161. }
  162. table.shop_table_responsive tbody .coupon .button {
  163. margin-top: 1em;
  164. }
  165. @media screen and (min-width: 768px) {
  166. table.shop_table_responsive thead {
  167. display: table-header-group;
  168. }
  169. table.shop_table_responsive tr td {
  170. text-align: right;
  171. }
  172. table.shop_table_responsive tr td::before {
  173. display: none;
  174. }
  175. table.shop_table_responsive tr td.product-thumbnail {
  176. width: 100px;
  177. }
  178. table.shop_table_responsive tr td.product-remove {
  179. border-top: 0;
  180. border-bottom: 1px solid #eee;
  181. display: table-cell;
  182. text-align: center;
  183. }
  184. table tbody > tr:nth-child(2n+1) > td.product-remove {
  185. background: #f9f9f9;
  186. }
  187. table.shop_table_responsive tr td.product-remove a {
  188. font-size: 1em;
  189. }
  190. table.shop_table_responsive tbody th {
  191. display: table-cell;
  192. }
  193. table.shop_table_responsive tr th,
  194. table.shop_table_responsive tr td {
  195. padding: 1em .3em;
  196. text-align: left;
  197. }
  198. table.shop_table_responsive tbody .coupon {
  199. border-bottom: 0;
  200. float: left;
  201. margin-bottom: 0;
  202. padding-bottom: 0;
  203. }
  204. table.shop_table_responsive tbody .coupon #coupon_code {
  205. display: inline-block;
  206. margin-top: 0;
  207. width: auto;
  208. }
  209. table.shop_table_responsive tbody .coupon .button {
  210. margin-top: 0;
  211. }
  212. table.shop_table_responsive tbody input[name="update_cart"] {
  213. float: right;
  214. }
  215. table.shop_table_responsive tr td .quantity {
  216. width: 50px;
  217. }
  218. table.shop_table_responsive tr td {
  219. display: table-cell;
  220. }
  221. }
  222. /**/
  223. /* !Products */
  224. /**/
  225. ul.products {
  226. content: "";
  227. display: table;
  228. margin: 0;
  229. padding: 0;
  230. table-layout: fixed;
  231. width: 100%;
  232. }
  233. ul.products li.product {
  234. list-style: none;
  235. margin-bottom: 2em;
  236. position: relative;
  237. text-align: center;
  238. }
  239. ul.products li.product a {
  240. display: block;
  241. margin: 0 auto;
  242. text-align: center;
  243. text-decoration: none;
  244. max-width: 300px;
  245. }
  246. ul.products li.product a.added_to_cart {
  247. background: #ca2017;
  248. border-radius: 3px;
  249. color: #fff;
  250. display: inline-block;
  251. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  252. font-size: 14px;
  253. font-size: 1.4rem;
  254. line-height: 1.29;
  255. margin-left: 6px;
  256. padding: 9px 14px;
  257. }
  258. ul.products li.product a.added_to_cart:hover {
  259. background: #222;
  260. }
  261. ul.products li.product .woocommerce-loop-product__title {
  262. color: #000;
  263. font-size: 20px;
  264. font-size: 2rem;
  265. margin: 1em 0 0.25em;
  266. text-transform: uppercase;
  267. }
  268. ul.products li.product .price {
  269. clear: both;
  270. color: #000;
  271. display: block;
  272. font-size: 16px;
  273. font-size: 1.6rem;
  274. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  275. font-weight: 700;
  276. margin: 1em 0;
  277. }
  278. ul.products li.product .price del {
  279. color: #888;
  280. font-weight: 400;
  281. }
  282. ul.products li.product .price ins {
  283. padding: .3em;
  284. }
  285. ul.products li.product .onsale {
  286. font-size: 12px;
  287. font-size: 1.2rem;
  288. margin: 0;
  289. }
  290. ul.products li.product img {
  291. display: block;
  292. margin: 0 auto;
  293. }
  294. ul.products li.product .button {
  295. display: inline-block;
  296. text-align: center;
  297. }
  298. .infinite-scroll .woocommerce-pagination {
  299. display: none;
  300. }
  301. @media screen and (min-width: 768px) {
  302. ul.products li.product {
  303. width: 22.15%;
  304. float: left;
  305. margin-right: 3.8%;
  306. }
  307. ul.products li.product.first {
  308. clear: both;
  309. }
  310. ul.products li.product.last {
  311. margin-right: 0;
  312. }
  313. .columns-1 ul.products li.product {
  314. float: none;
  315. width: 100%;
  316. }
  317. .columns-2 ul.products li.product {
  318. width: 48.1%;
  319. }
  320. .columns-3 ul.products li.product {
  321. width: 30.8%;
  322. }
  323. .columns-4 ul.products li.product {
  324. width: 22.15%;
  325. }
  326. .columns-5 ul.products li.product {
  327. width: 16.96%;
  328. }
  329. .columns-6 ul.products li.product {
  330. width: 13.5%;
  331. }
  332. }
  333. .onsale {
  334. border: 1px solid currentcolor;
  335. border-radius: 3px;
  336. color: #222222;
  337. display: inline-block;
  338. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  339. font-weight: 700;
  340. padding: .202em .6180469716em;
  341. text-align: center;
  342. text-transform: uppercase;
  343. margin-top: 0.5em;
  344. margin-bottom: 1em;
  345. }
  346. /**/
  347. /* !Single product */
  348. /**/
  349. .single-product .product_title {
  350. margin-top: 0.5em;
  351. }
  352. .single-product div.product .onsale {
  353. left: 4%;
  354. }
  355. .single-product div.product .entry-summary {
  356. clear: both;
  357. }
  358. .single-product div.product .entry-summary .price {
  359. font-weight: bold;
  360. font-size: 16px;
  361. font-size: 1.6em;
  362. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  363. margin-bottom: .5em;
  364. }
  365. .single-product div.product .entry-summary .price del {
  366. color: #888;
  367. font-weight: 400;
  368. }
  369. .single-product div.product .entry-summary .price ins {
  370. padding: .3em;
  371. }
  372. .single-product div.product .reset_variations {
  373. font-size: 13px;
  374. font-size: 1.3rem;
  375. padding: 0 1em;
  376. }
  377. .single-product div.product p {
  378. margin: 0 0 1em;
  379. }
  380. .single-product div.product .woocommerce-product-gallery {
  381. margin-left: auto;
  382. margin-right: auto;
  383. max-width: 92%;
  384. width: 600px;
  385. position: relative;
  386. }
  387. .single-product div.product .woocommerce-product-gallery img {
  388. display: block;
  389. margin: 0 auto;
  390. }
  391. .single-product div.product .woocommerce-product-gallery__wrapper {
  392. margin: 0;
  393. }
  394. .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  395. display: block;
  396. position: absolute;
  397. height: 40px;
  398. line-height: 40px;
  399. top: 0;
  400. right: 0;
  401. width: 40px;
  402. z-index: 99;
  403. }
  404. .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
  405. text-decoration: none;
  406. }
  407. .single-product div.product .woocommerce-product-gallery .flex-viewport {
  408. margin-bottom: 1em;
  409. }
  410. .single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
  411. content: "";
  412. display: table;
  413. margin: 0 auto;
  414. padding: 0;
  415. table-layout: fixed;
  416. text-align: center;
  417. width: 100%;
  418. }
  419. .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
  420. cursor: pointer;
  421. display: inline-block;
  422. list-style: none;
  423. vertical-align: top;
  424. }
  425. .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
  426. opacity: .5;
  427. }
  428. .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
  429. opacity: 1;
  430. }
  431. .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
  432. opacity: 1;
  433. }
  434. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
  435. width: 48.7333333333%;
  436. }
  437. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
  438. margin-right: 0;
  439. }
  440. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
  441. clear: both;
  442. }
  443. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
  444. width: 30.7966666667%;
  445. }
  446. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
  447. margin-right: 0;
  448. }
  449. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
  450. clear: both;
  451. }
  452. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
  453. width: 21.2%;
  454. }
  455. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
  456. margin-right: 0;
  457. }
  458. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
  459. clear: both;
  460. }
  461. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
  462. width: 14.9333333333%;
  463. }
  464. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
  465. margin-right: 0;
  466. }
  467. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
  468. clear: both;
  469. }
  470. .single.no-featured-image .site-header,
  471. .page.no-featured-image .site-header {
  472. border-bottom: 1px solid #ddd;
  473. }
  474. .single-product div.product .woocommerce-product-details__short-description {
  475. margin-bottom: 3em;
  476. }
  477. .single.no-featured-image.single-product .site-header,
  478. .page.no-featured-image.single-product .site-header {
  479. border-bottom: 0;
  480. }
  481. .single-product div.product .cart {
  482. border-top: 1px solid #ddd;
  483. float: left;
  484. margin: 0 40px 3em 0;
  485. padding-top: 20px;
  486. width: calc(50% - 20px);
  487. }
  488. .single-product div.product .cart .quantity {
  489. margin: 1em 0;
  490. }
  491. .single-product div.product .cart .quantity .qty {
  492. text-align: center;
  493. }
  494. .single-product div.product .cart .quantity.hidden {
  495. margin-bottom: 0;
  496. }
  497. .single-product div.product .product_meta {
  498. border-top: 1px solid #ddd;
  499. color: #888;
  500. float: right;
  501. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  502. font-size: 16px;
  503. font-size: 1.6rem;
  504. line-height: 1.75;
  505. margin-bottom: 3em;
  506. padding-top: 20px;
  507. width: calc(50% - 20px);
  508. }
  509. .single-product div.product .product_meta a {
  510. color: #000;
  511. display: inline-block;
  512. }
  513. .single-product div.product .product_meta>span {
  514. clear: both;
  515. display: block;
  516. }
  517. @media screen and (min-width: 768px) {
  518. .single-product div.product .onsale {
  519. left: 25%;
  520. }
  521. }
  522. /**/
  523. /* !Product Reviews */
  524. /**/
  525. .single-product div.product .commentlist {
  526. display: flex;
  527. flex-wrap: wrap;
  528. justify-content: space-around;
  529. list-style: none;
  530. margin: 0;
  531. padding: 0;
  532. }
  533. .single-product div.product .commentlist .comment {
  534. border-bottom: 1px solid #ddd;
  535. margin: 1em 0;
  536. position: relative;
  537. width: 100%;
  538. }
  539. .single-product div.product .commentlist .comment:first-of-type:last-of-type {
  540. width: 100%;
  541. }
  542. .single-product div.product .commentlist .comment-text .meta {
  543. color: #888;
  544. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  545. font-size: 16px;
  546. font-size: 1.6rem;
  547. margin-left: 5px;
  548. text-transform: uppercase;
  549. }
  550. .single-product div.product .commentlist .comment-text .description {
  551. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  552. font-size: 15px;
  553. font-size: 1.5rem;
  554. }
  555. .single-product div.product .woocommerce-Reviews-title {
  556. font-weight: 800;
  557. text-transform: uppercase;
  558. }
  559. .single-product div.product .woocommerce-noreviews {
  560. display: inline-block;
  561. text-align: center;
  562. }
  563. .single-product div.product #review_form_wrapper {
  564. clear: both;
  565. padding-top: 1em;
  566. }
  567. .single-product div.product .comment-reply-title {
  568. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  569. font-weight: 800;
  570. }
  571. .single-product div.product .comment .avatar {
  572. left: inherit;
  573. margin: 0 auto;
  574. position: relative;
  575. top: inherit;
  576. }
  577. .stock:empty:before {
  578. display: none;
  579. }
  580. .stock.in-stock {
  581. color: #0f834d;
  582. }
  583. .stock.out-of-stock {
  584. color: #e2401c;
  585. }
  586. @media screen and (min-width: 768px) {
  587. .single-product div.product .commentlist .comment {
  588. width: calc( 50% - 40px);
  589. }
  590. }
  591. /**/
  592. /* !Cart */
  593. /**/
  594. .woocommerce-cart td.actions {
  595. text-align: right;
  596. margin-top: 2em;
  597. }
  598. .woocommerce-cart td.actions label {
  599. display: none;
  600. }
  601. .woocommerce-cart td.actions .button {
  602. vertical-align: top;
  603. }
  604. .woocommerce-cart td.actions button[name="update_cart"] {
  605. margin-bottom: 1em;
  606. }
  607. .woocommerce-cart .product-thumbnail {
  608. float: none;
  609. }
  610. .woocommerce-cart .product-thumbnail::before {
  611. display: none;
  612. }
  613. .woocommerce-cart .product-thumbnail img {
  614. display: block;
  615. margin: 0 auto;
  616. max-width: 3.706325903em;
  617. height: auto;
  618. }
  619. .woocommerce-cart .woocommerce > .woocommerce-message {
  620. padding: 10px;
  621. text-align: center;
  622. }
  623. .woocomerce-cart .woocommerce .cart_totals {
  624. margin-bottom: 2em;
  625. }
  626. .woocommerce-cart .cart_totals h2 {
  627. font-size: 22px;
  628. font-size: 2.2rem;
  629. padding: 0 .3em;
  630. text-align: left;
  631. }
  632. .woocommerce-cart .cart_totals .shop_table {
  633. margin-bottom: 2em;
  634. text-align: left;
  635. }
  636. .woocommerce-cart .cart_totals .shop_table tr {
  637. border-bottom: 1px solid #ddd;
  638. }
  639. .woocommerce-cart .wc-proceed-to-checkout {
  640. text-align: left;
  641. }
  642. .woocommerce-cart .woocommerce-cart-form {
  643. margin-bottom: 2em;
  644. }
  645. .woocommerce-cart .cart-collaterals {
  646. width: 100%;
  647. }
  648. .woocommerce-cart .cart-collaterals input {
  649. width: 100%;
  650. }
  651. .woocommerce-cart .cart-collaterals .cross-sells {
  652. display: none;
  653. }
  654. .woocommerce-cart [data-title="Subtotal"] {
  655. width: 100%;
  656. }
  657. .woocommerce-cart .cart-subtotal th:not([data-title="Subtotal"]) {
  658. font-weight: 400;
  659. }
  660. dl.variation {
  661. font-size: .875em;
  662. margin: .875em 0 0 0;
  663. }
  664. dl.variation dd,
  665. dl.variation p {
  666. margin: 0;
  667. }
  668. @media screen and (min-width: 768px) {
  669. .woocommerce-cart td.actions {
  670. margin-top: 0em;
  671. }
  672. .woocommerce-cart [data-title="Subtotal"] {
  673. width: 33%;
  674. }
  675. .woocommerce-cart .cart-collaterals .cross-sells {
  676. display: block;
  677. }
  678. .woocommerce-cart td.actions button[name="update_cart"] {
  679. margin-bottom: 0;
  680. }
  681. }
  682. /**/
  683. /* !Checkout */
  684. /**/
  685. .woocommerce-checkout .shop_table {
  686. padding: .3em;
  687. text-align: left;
  688. }
  689. .woocommerce-checkout .shop_table td,
  690. .woocommerce-checkout .shop_table th {
  691. padding: 1em .3em;
  692. }
  693. .woocommerce-checkout .shop_table thead,
  694. .woocommerce-checkout .shop_table tbody,
  695. .woocommerce-checkout .shop_table tfoot {
  696. border-bottom: 1px solid #ddd;
  697. }
  698. .woocommerce #payment .payment_methods {
  699. list-style: none;
  700. padding: 0;
  701. }
  702. .woocommerce-account .form-row,
  703. .woocommerce-checkout .form-row,
  704. .woocommerce-account .woocommerce-form-row,
  705. .woocommerce-checkout .woocommerce-form-row {
  706. margin-bottom: .75em;
  707. }
  708. .woocommerce #payment [for="payment_method_paypal"] {
  709. font-weight: 900;
  710. }
  711. .woocommerce #payment [for="payment_method_paypal"]>* {
  712. display: inline-block;
  713. vertical-align: baseline;
  714. }
  715. .woocommerce #payment [for="payment_method_paypal"]>img {
  716. margin-left: 40px;
  717. float: right;
  718. }
  719. .woocommerce #payment .payment_box p,
  720. .woocommerce #payment [for="payment_method_paypal"]>a {
  721. font-weight: 400;
  722. font-size: 14px;
  723. font-size: 1.4rem;
  724. }
  725. .woocommerce-account .form-row input[type="email"],
  726. .woocommerce-account .form-row input[type="password"],
  727. .woocommerce-account .form-row input[type="tel"],
  728. .woocommerce-account .form-row input[type="text"],
  729. .woocommerce-checkout .form-row input[type="email"],
  730. .woocommerce-checkout .form-row input[type="password"],
  731. .woocommerce-checkout .form-row input[type="tel"],
  732. .woocommerce-checkout .form-row input[type="text"],
  733. .woocommerce-account .woocommerce-form-row input[type="email"],
  734. .woocommerce-account .woocommerce-form-row input[type="password"],
  735. .woocommerce-account .woocommerce-form-row input[type="tel"],
  736. .woocommerce-account .woocommerce-form-row input[type="text"],
  737. .woocommerce-checkout .woocommerce-form-row input[type="email"],
  738. .woocommerce-checkout .woocommerce-form-row input[type="password"],
  739. .woocommerce-checkout .woocommerce-form-row input[type="tel"],
  740. .woocommerce-checkout .woocommerce-form-row input[type="text"] {
  741. width: 100%;
  742. }
  743. .woocommerce-checkout .checkout .required {
  744. border-bottom: none;
  745. }
  746. .woocommerce-checkout .woocommerce-form-coupon {
  747. margin-bottom: 1em;
  748. }
  749. .woocommerce-checkout .woocommerce-form-coupon p {
  750. margin-bottom: 1em;
  751. margin-top: 0;
  752. }
  753. .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
  754. margin-bottom: 1em;
  755. }
  756. .woocommerce-checkout .col-2 {
  757. clear: both;
  758. }
  759. .woocommerce-checkout .col-2 .woocommerce-additional-fields h3 {
  760. margin-bottom: 0;
  761. }
  762. .woocommerce .shop_table tbody ul {
  763. list-style: none;
  764. margin: 0;
  765. padding: 0;
  766. }
  767. .woocommerce .shop_table tbody .wc-item-meta {
  768. font-size: .875em;
  769. margin: .875em 0 0 0;
  770. }
  771. .woocommerce .shop_table tbody .wc-item-meta p {
  772. margin: 0;
  773. }
  774. @media screen and (min-width: 768px) {
  775. .woocommerce-address-fields__field-wrapper .form-row-first,
  776. .col2-set .form-row-first {
  777. float: left;
  778. margin-right: 40px;
  779. }
  780. .woocommerce-address-fields__field-wrapper .form-row-last,
  781. .col2-set .form-row-last {
  782. float: right;
  783. margin-right: 0;
  784. }
  785. .woocommerce-address-fields__field-wrapper .form-row-wide,
  786. .col2-set .form-row-wide {
  787. clear: both;
  788. }
  789. .woocommerce-address-fields__field-wrapper .form-row-first,
  790. .woocommerce-address-fields__field-wrapper .form-row-last,
  791. .col2-set .form-row-first,
  792. .col2-set .form-row-last {
  793. width: calc( 50% - 40px);
  794. }
  795. }
  796. /**/
  797. /* !My Account */
  798. /**/
  799. .woocommerce-account .woocommerce {
  800. margin-bottom: 2em;
  801. }
  802. .woocommerce-account .woocommerce > .woocommerce-message {
  803. padding: 10px;
  804. text-align: center;
  805. }
  806. .woocommerce-account .woocommerce .woocommerce-error {
  807. display: inline-block;
  808. list-style: none;
  809. margin: 0 auto 2em;
  810. padding: 0;
  811. }
  812. .woocommerce-account .woocommerce .woocommerce-error li {
  813. padding: .3em;
  814. }
  815. @media screen and (min-width: 48em) {
  816. .woocommerce-account .woocommerce .col2-set > div {
  817. width: calc( 50% - 40px );
  818. }
  819. .woocommerce-account .woocommerce .col-1 {
  820. float: left;
  821. }
  822. .woocommerce-account .woocommerce .col-2 {
  823. float: right;
  824. }
  825. }
  826. /* !My Account Navigation */
  827. .woocommerce-MyAccount-navigation {
  828. clear: both;
  829. display: table;
  830. margin: 0 auto 3em;
  831. width: 100%;
  832. }
  833. .woocommerce-MyAccount-navigation ul {
  834. list-style: none;
  835. margin: 0;
  836. padding-left: 0;
  837. text-align: center;
  838. }
  839. .woocommerce-MyAccount-navigation li {
  840. display: inline-block;
  841. position: relative;
  842. }
  843. .woocommerce-MyAccount-navigation a {
  844. color: #222;
  845. display: block;
  846. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  847. font-size: 13px;
  848. font-size: 1.3rem;
  849. font-weight: 700;
  850. letter-spacing: 1px;
  851. padding: 10px 12px;
  852. text-decoration: none;
  853. text-transform: uppercase;
  854. }
  855. .woocommerce-MyAccount-navigation li:hover>a,
  856. .woocommerce-MyAccount-navigation li.focus>a {
  857. background: #ca2017;
  858. border-radius: 3px;
  859. color: #fff;
  860. }
  861. .woocommerce-MyAccount-navigation li.is-active a {
  862. background: #222;
  863. border-radius: 3px;
  864. color: #fff;
  865. }
  866. .woocommerce-MyAccount-navigation a .icon {
  867. margin-left: 6px;
  868. }
  869. .woocommerce-MyAccount-navigation ul ul>li:hover>a,
  870. .woocommerce-MyAccount-navigation ul ul>li.focus>a {
  871. border-radius: 0;
  872. }
  873. .woocommerce-MyAccount-navigation ul ul>li:first-child>a {
  874. border-top-left-radius: 6px;
  875. border-top-right-radius: 6px;
  876. }
  877. .woocommerce-MyAccount-navigation ul ul>li:last-child>a {
  878. border-bottom-left-radius: 6px;
  879. border-bottom-right-radius: 6px;
  880. }
  881. .woocommerce-MyAccount-navigation ul ul ul {
  882. left: -999em;
  883. top: 0;
  884. }
  885. .woocommerce-MyAccount-navigation ul ul a {
  886. background: #222;
  887. color: #fff;
  888. font-weight: 400;
  889. text-transform: none;
  890. width: 200px;
  891. }
  892. .woocommerce-MyAccount-navigation ul li:hover>ul,
  893. .woocommerce-MyAccount-navigation ul li.focus>ul {
  894. left: auto;
  895. }
  896. .woocommerce-MyAccount-navigation ul ul li:hover>ul,
  897. .woocommerce-MyAccount-navigation ul ul li.focus>ul {
  898. left: 100%;
  899. }
  900. /* !My Account Content */
  901. .woocommerce-MyAccount-content {
  902. clear: both;
  903. display: block;
  904. text-align: left;
  905. }
  906. .woocommerce-MyAccount-content address {
  907. font-style: normal;
  908. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  909. }
  910. .woocommerce-MyAccount-content table .button {
  911. word-wrap: normal;
  912. word-break: normal;
  913. display: inline-block;
  914. margin: .3em;
  915. }
  916. .woocommerce-MyAccount-content fieldset {
  917. margin: 0 2px 1.5em;
  918. padding: 0.5em 1.5em 1em;
  919. }
  920. .woocommerce-MyAccount-content fieldset legend {
  921. padding: 0 .5em;
  922. }
  923. .woocommerce-MyAccount-content .woocommerce-Address-title {
  924. display: block;
  925. }
  926. .woocommerce-MyAccount-content .woocommerce-Address-title h3,
  927. .woocommerce-MyAccount-content .woocommerce-Address-title .edit {
  928. display: inline-block;
  929. }
  930. /**/
  931. /* !Pagination */
  932. /**/
  933. .woocommerce-pagination {
  934. margin: 3em 0;
  935. }
  936. .woocommerce-pagination .page-numbers {
  937. margin: 0;
  938. padding: 0;
  939. }
  940. .woocommerce-pagination .page-numbers li {
  941. display: inline-block;
  942. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  943. font-size: 16px;
  944. font-size: 1.6rem;
  945. font-weight: 700;
  946. letter-spacing: 1px;
  947. }
  948. .woocommerce-pagination .page-numbers li>* {
  949. padding: .3em;
  950. }
  951. /**/
  952. /* !# General Components */
  953. /**/
  954. /**/
  955. /* !Mini Cart */
  956. /**/
  957. .site-header-cart {
  958. flex: 0 1 auto;
  959. margin: 0 0 18px;
  960. padding: 0;
  961. text-align: center;
  962. }
  963. .site-header-cart .cart-contents {
  964. color: #222;
  965. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  966. font-size: 13px;
  967. font-size: 1.3rem;
  968. font-weight: 700;
  969. letter-spacing: 1px;
  970. margin: -.5em 0;
  971. padding: .5em 15px;
  972. text-decoration: none;
  973. text-transform: uppercase;
  974. }
  975. .site-header-cart .widget_shopping_cart {
  976. display: none;
  977. }
  978. .site-header-cart .product_list_widget {
  979. margin: 0;
  980. padding: 0;
  981. }
  982. .site-header-cart:hover .icon,
  983. .site-header-cart.focus .icon {
  984. fill: #ca2017;
  985. }
  986. .site-header-cart .count {
  987. color: #222;
  988. font-weight: 400;
  989. letter-spacing: normal;
  990. text-transform: none;
  991. }
  992. .site-header-cart:hover .count,
  993. .site-header-cart.focus .count {
  994. color: #fff;
  995. }
  996. .site-header-cart ul {
  997. list-style: none;
  998. margin: 0;
  999. padding-left: 0;
  1000. text-align: center;
  1001. }
  1002. .site-header-cart li {
  1003. display: block;
  1004. position: relative;
  1005. }
  1006. .site-header-cart li:first-of-type {
  1007. display: inline-block;
  1008. text-align: center;
  1009. }
  1010. .site-header-cart li > * {
  1011. display: inline-block;
  1012. text-align: center;
  1013. vertical-align: middle;
  1014. }
  1015. .site-header-cart:hover>li>a,
  1016. .site-header-cart.focus>li>a,
  1017. .site-header-cart>li:hover>a,
  1018. .site-header-cart>li.focus>a {
  1019. background: #ca2017;
  1020. border-radius: 3px;
  1021. color: #fff;
  1022. }
  1023. .site-header-cart li.is-active a {
  1024. background: #222;
  1025. border-radius: 3px;
  1026. color: #fff;
  1027. }
  1028. .site-header-cart .cart-contents .icon {
  1029. color: inherit;
  1030. fill: currentColor;
  1031. margin-right: 6px;
  1032. font-size: 2em;
  1033. }
  1034. .site-header-cart .widget_shopping_cart_content {
  1035. background: #222;
  1036. color: #fff;
  1037. }
  1038. .site-header-cart .widget_shopping_cart_content:after {
  1039. border: 10px solid transparent;
  1040. border-bottom-color: #222;
  1041. }
  1042. .site-header-cart .widget_shopping_cart_content .product_list_widget li a {
  1043. color: #fff;
  1044. }
  1045. #site-header-cart .widget_shopping_cart_content .mini_cart_item {
  1046. color: #fff;
  1047. }
  1048. .site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons a {
  1049. background: #ca2017;
  1050. }
  1051. .site-header-cart ul ul ul {
  1052. left: -999em;
  1053. top: 0;
  1054. }
  1055. .site-header-cart ul ul a {
  1056. background: #222;
  1057. color: #fff;
  1058. font-weight: 400;
  1059. text-transform: none;
  1060. width: 200px;
  1061. }
  1062. .site-header-cart ul ul li {}
  1063. .site-header-cart ul ul:hover>a,
  1064. .site-header-cart ul ul .focus>a {}
  1065. .site-header-cart ul ul a:hover,
  1066. .site-header-cart ul ul a.focus {}
  1067. .site-header-cart ul li:hover>ul,
  1068. .site-header-cart ul li.focus>ul {
  1069. left: auto;
  1070. }
  1071. .site-header-cart ul ul li:hover>ul,
  1072. .site-header-cart ul ul li.focus>ul {
  1073. left: 100%;
  1074. }
  1075. .site-header-cart .current_page_item>a,
  1076. .site-header-cart .current-menu-item>a,
  1077. .site-header-cart .current_page_ancestor>a,
  1078. .site-header-cart .current-menu-ancestor>a {}
  1079. @media all and (max-width: 768px) {
  1080. .site-header-cart .count {
  1081. display: none;
  1082. }
  1083. .site-header-cart .cart-contents {
  1084. margin: 0;
  1085. }
  1086. }
  1087. @media screen and (min-width: 768px) {
  1088. .site-header-cart {
  1089. flex: 0 0 auto;
  1090. margin-bottom: 0;
  1091. position: inherit;
  1092. text-align: right;
  1093. top: inherit;
  1094. }
  1095. .site-header-cart>li:last-of-type {}
  1096. .site-header-cart .widget_shopping_cart {
  1097. font-size: ms(-1);
  1098. display: block;
  1099. left: -999em;
  1100. padding-top: 1.15em;
  1101. position: absolute;
  1102. top: 100%;
  1103. z-index: 999999;
  1104. }
  1105. .site-header-cart:hover .widget_shopping_cart,
  1106. .site-header-cart.focus .widget_shopping_cart {
  1107. display: block;
  1108. left: auto;
  1109. right: 0;
  1110. }
  1111. .site-header-cart .widget_shopping_cart_content {
  1112. border-radius: 6px;
  1113. box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  1114. float: right;
  1115. overflow: hidden;
  1116. padding: 1.5em;
  1117. max-width: 60vw;
  1118. width: 500%;
  1119. display: flex;
  1120. flex-wrap: wrap;
  1121. flex-flow: column;
  1122. }
  1123. .menu-1-empty .site-header-cart .widget_shopping_cart_content {
  1124. float: left;
  1125. }
  1126. .site-header-cart .widget_shopping_cart_content:after {
  1127. border: 10px solid transparent;
  1128. border-bottom-color: #222;
  1129. content: "";
  1130. display: block;
  1131. left: auto;
  1132. margin-left: -10px;
  1133. position: absolute;
  1134. right: 60px;
  1135. top: 3px;
  1136. }
  1137. .site-header-cart .widget_shopping_cart_content .product_list_widget {
  1138. display: flex;
  1139. flex-wrap: wrap;
  1140. justify-content: space-evenly;
  1141. margin-bottom: 1em;
  1142. }
  1143. #site-header-cart .widget_shopping_cart_content .mini_cart_item {
  1144. font-weight: 400;
  1145. padding: 0;
  1146. margin-right: 6.5%;
  1147. text-transform: none;
  1148. width: 20%;
  1149. }
  1150. #site-header-cart .widget_shopping_cart_content .mini_cart_item:nth-child(4n),
  1151. #site-header-cart .widget_shopping_cart_content .mini_cart_item:last-child {
  1152. margin-right: 0;
  1153. }
  1154. .site-header-cart .widget_shopping_cart_content .mini_cart_item a img {
  1155. display: block;
  1156. margin: 0 auto;
  1157. }
  1158. .site-header-cart .widget_shopping_cart_content .mini_cart_item .remove:hover {
  1159. text-decoration: none;
  1160. }
  1161. .site-header-cart .widget_shopping_cart_content .mini_cart_item .remove {
  1162. font-size: 25px;
  1163. }
  1164. .site-header-cart .widget_shopping_cart_content .mini_cart_item .quantity {
  1165. display: block;
  1166. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  1167. padding: 0 12px 10px;
  1168. }
  1169. .site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart__total {
  1170. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  1171. margin-bottom: .5em;
  1172. text-align: center;
  1173. }
  1174. .site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons {
  1175. margin: 0;
  1176. text-align: center;
  1177. }
  1178. .site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons a {
  1179. display: inline-block;
  1180. margin: 0 .5em;
  1181. }
  1182. .site-header-cart .cart-contents .icon {
  1183. display: inline;
  1184. }
  1185. }
  1186. /**/
  1187. /* !Star Ratings */
  1188. /**/
  1189. .star-rating {
  1190. font-family: 'star';
  1191. font-size: 1em;
  1192. font-weight: 400;
  1193. height: 1.618em;
  1194. line-height: 1.618;
  1195. margin: 0 auto;
  1196. overflow: hidden;
  1197. position: relative;
  1198. width: 5.3em;
  1199. }
  1200. .star-rating:before {
  1201. color: #404040;
  1202. content: "\53\53\53\53\53";
  1203. float: left;
  1204. left: 0;
  1205. opacity: .25;
  1206. position: absolute;
  1207. top: 0;
  1208. }
  1209. .star-rating span {
  1210. float: left;
  1211. left: 0;
  1212. overflow: hidden;
  1213. position: absolute;
  1214. padding-top: 1.5em;
  1215. top: 0;
  1216. }
  1217. .star-rating span:before {
  1218. color: #e43a31;
  1219. content: "\53\53\53\53\53";
  1220. left: 0;
  1221. position: absolute;
  1222. top: 0;
  1223. }
  1224. p.stars a {
  1225. display: inline-block;
  1226. font-weight: 400;
  1227. height: 1em;
  1228. margin-right: 1px;
  1229. position: relative;
  1230. text-decoration: none;
  1231. text-indent: -999em;
  1232. width: 1em;
  1233. }
  1234. p.stars a:before {
  1235. display: block;
  1236. color: #404040;
  1237. content: "\53";
  1238. font-family: "star";
  1239. height: 1em;
  1240. left: 0;
  1241. line-height: 1;
  1242. opacity: .25;
  1243. position: absolute;
  1244. text-indent: 0;
  1245. top: 0;
  1246. width: 1em;
  1247. }
  1248. p.stars a:hover~a:before {
  1249. content: "\53";
  1250. color: #404040;
  1251. opacity: .25;
  1252. }
  1253. p.stars:hover a:before {
  1254. content: "\53";
  1255. color: #e43a31;
  1256. opacity: 1;
  1257. }
  1258. p.stars.selected a.active:before {
  1259. content: "\53";
  1260. color: #e43a31;
  1261. opacity: 1;
  1262. }
  1263. p.stars.selected a.active~a:before {
  1264. content: "\53";
  1265. color: #404040;
  1266. opacity: .25;
  1267. }
  1268. p.stars.selected a:not(.active):before {
  1269. content: "\53";
  1270. color: #e43a31;
  1271. opacity: 1;
  1272. }
  1273. /**/
  1274. /* !Tabs */
  1275. /**/
  1276. .woocommerce-tabs {
  1277. clear: both;
  1278. padding-bottom: 2em;
  1279. }
  1280. .woocommerce-tabs ul.tabs {
  1281. border-bottom: 1px solid #ddd;
  1282. list-style: none;
  1283. margin: 0 auto -1px;
  1284. max-width: 92%;
  1285. padding: 0;
  1286. text-align: center;
  1287. width: 740px;
  1288. }
  1289. .woocommerce-tabs .panel h2:first-of-type {
  1290. font-weight: 800;
  1291. margin: 1em 0;
  1292. text-transform: uppercase;
  1293. }
  1294. .woocommerce-tabs ul.tabs li {
  1295. border-top-left-radius: 3px;
  1296. border-top-right-radius: 3px;
  1297. border: 1px solid #ddd;
  1298. border-width: 1px 1px 0;
  1299. display: inline-block;
  1300. margin: -1px -1px 0;
  1301. overflow: hidden;
  1302. position: relative;
  1303. vertical-align: bottom;
  1304. }
  1305. .woocommerce-tabs ul.tabs li.active {
  1306. border-bottom-color: #fff;
  1307. border-bottom-width: 1px;
  1308. margin-bottom: -1px;
  1309. }
  1310. .woocommerce-tabs ul.tabs li a {
  1311. display: block;
  1312. color: #000;
  1313. padding: 1em;
  1314. font-size: 14px;
  1315. font-size: 1.4rem;
  1316. font-weight: 700;
  1317. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  1318. outline: none;
  1319. letter-spacing: 1px;
  1320. text-decoration: none;
  1321. text-transform: uppercase;
  1322. }
  1323. .woocommerce-tabs ul.tabs li:hover a {
  1324. color: #fff;
  1325. background: #ca2017;
  1326. }
  1327. .woocommerce-tabs ul.tabs li.active a {
  1328. color: #ca2017;
  1329. background: #fff;
  1330. }
  1331. .woocommerce-tabs ul.tabs li.active:hover a {
  1332. background: #fff;
  1333. cursor: default;
  1334. }
  1335. .single-product div.product .shop_attributes p {
  1336. margin-bottom: 0;
  1337. }
  1338. /**/
  1339. /* !Password strength meter */
  1340. /**/
  1341. .woocommerce-password-strength {
  1342. text-align: right;
  1343. }
  1344. .woocommerce-password-strength.strong {
  1345. color: #0f834d;
  1346. }
  1347. .woocommerce-password-strength.short {
  1348. color: #e2401c;
  1349. }
  1350. .woocommerce-password-strength.bad {
  1351. color: #e2401c;
  1352. }
  1353. .woocommerce-password-strength.good {
  1354. color: #3D9CD2;
  1355. }
  1356. /**/
  1357. /* !Forms */
  1358. /**/
  1359. .form-row.woocommerce-validated input.input-text,
  1360. .form-row.woocommerce-validated .select2-selection {
  1361. border: 1px solid #0f834d;
  1362. }
  1363. .form-row.woocommerce-invalid input.input-text {
  1364. border: 1px solid #e2401c;
  1365. }
  1366. .required {
  1367. color: red;
  1368. }
  1369. /**/
  1370. /* !Notices */
  1371. /**/
  1372. .woocommerce-message,
  1373. .woocommerce-info,
  1374. .woocommerce-error,
  1375. .woocommerce-noreviews,
  1376. p.no-comments {
  1377. background-color: #addaa1;
  1378. border-radius: .3em;
  1379. clear: both;
  1380. content: "";
  1381. display: table;
  1382. margin-bottom: 3em;
  1383. table-layout: fixed;
  1384. width: 100%;
  1385. }
  1386. ul.woocommerce-message,
  1387. ul.woocommerce-info,
  1388. ul.woocommerce-error {
  1389. background: transparent;
  1390. border-radius: 0;
  1391. list-style: none;
  1392. padding: 0;
  1393. }
  1394. ul.woocommerce-message li,
  1395. ul.woocommerce-info li,
  1396. ul.woocommerce-error li {
  1397. border-radius: .3em;
  1398. color: #fff;
  1399. margin-bottom: 10px;
  1400. padding: 10px;
  1401. text-align: center;
  1402. }
  1403. .woocommerce-info .woocommerce-Button {
  1404. float: right;
  1405. }
  1406. .woocommerce-info,
  1407. .woocommerce-noreviews,
  1408. p.no-comments {
  1409. background-color: transparent;
  1410. }
  1411. .woocommerce-error,
  1412. ul.woocommerce-error li {
  1413. background-color: #e2401c;
  1414. }
  1415. .woocommerce-store-notice {
  1416. background-color: #222;
  1417. bottom: 0;
  1418. color: #fff;
  1419. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  1420. left: 0;
  1421. margin: 0;
  1422. padding: 1em;
  1423. position: fixed;
  1424. text-align: center;
  1425. right: 0;
  1426. z-index: 9999;
  1427. }
  1428. /**/
  1429. /* !Related / Upsell Products */
  1430. /**/
  1431. .upsells.products,
  1432. .related.products {
  1433. border-top: 1px solid #ddd;
  1434. }
  1435. .upsells.products>h2:first-of-type,
  1436. .related.products>h2:first-of-type {
  1437. font-weight: 800;
  1438. margin: 1em 0;
  1439. text-transform: uppercase;
  1440. }
  1441. /**/
  1442. /* !# Widgets */
  1443. /**/
  1444. /* !Product List Widgets */
  1445. .woocommerce.widget_products .product_list_widget,
  1446. .woocommerce.widget_recent_reviews .product_list_widget,
  1447. .woocommerce.widget_shopping_cart .product_list_widget,
  1448. .woocommerce.widget_top_rated_products .product_list_widget,
  1449. .woocommerce.widget_recently_viewed_products .product_list_widget {
  1450. display: flex;
  1451. flex-wrap: wrap;
  1452. }
  1453. .woocommerce.widget_products .product_list_widget li,
  1454. .woocommerce.widget_recent_reviews .product_list_widget li,
  1455. .woocommerce.widget_shopping_cart .product_list_widget li,
  1456. .woocommerce.widget_top_rated_products .product_list_widget li,
  1457. .woocommerce.widget_recently_viewed_products .product_list_widget li {
  1458. border-top: 1px solid rgba(0, 0, 0, 0.075);
  1459. padding: 10px;
  1460. width: 50%;
  1461. }
  1462. .woocommerce.widget_products .product_list_widget li:last-child,
  1463. .woocommerce.widget_recent_reviews .product_list_widget li:last-child,
  1464. .woocommerce.widget_shopping_cart .product_list_widget li:last-child,
  1465. .woocommerce.widget_top_rated_products .product_list_widget li:last-child,
  1466. .woocommerce.widget_recently_viewed_products .product_list_widget li:last-child,
  1467. .woocommerce.widget_products .product_list_widget li:nth-last-child(2),
  1468. .woocommerce.widget_recent_reviews .product_list_widget li:nth-last-child(2),
  1469. .woocommerce.widget_shopping_cart .product_list_widget li:nth-last-child(2),
  1470. .woocommerce.widget_top_rated_products .product_list_widget li:nth-last-child(2),
  1471. .woocommerce.widget_recently_viewed_products .product_list_widget li:nth-last-child(2) {
  1472. border-bottom: 1px solid rgba(0, 0, 0, 0.075);
  1473. margin-bottom: -1px;
  1474. }
  1475. .woocommerce.widget_products .product_list_widget li a,
  1476. .woocommerce.widget_recent_reviews .product_list_widget li a,
  1477. .woocommerce.widget_shopping_cart .product_list_widget li a,
  1478. .woocommerce.widget_top_rated_products .product_list_widget li a,
  1479. .woocommerce.widget_recently_viewed_products .product_list_widget li a {
  1480. display: block;
  1481. }
  1482. .woocommerce.widget .amount,
  1483. .woocommerce.widget .reviewer,
  1484. .woocommerce.widget .total,
  1485. .woocommerce.widget .quantity {
  1486. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  1487. font-size: 16px;
  1488. font-size: 1.6rem;
  1489. font-weight: 700;
  1490. }
  1491. .widget .star-rating {
  1492. margin: 0;
  1493. }
  1494. .woocommerce.widget img {
  1495. display: block;
  1496. }
  1497. /* !Product Search Widget */
  1498. .woocommerce.widget_product_search .woocommerce-product-search .search-field {
  1499. -webkit-appearance: none;
  1500. background: #eee;
  1501. border: none;
  1502. border-radius: 0;
  1503. color: #444;
  1504. font-size: 18px;
  1505. font-size: 1.8rem;
  1506. padding: 5% 20% 5% 5%;
  1507. width: 100%;
  1508. }
  1509. .woocommerce.widget_product_search .woocommerce-product-search input[type="submit"] {
  1510. display: none;
  1511. }
  1512. /* !Cart Widget */
  1513. .woocommerce.widget_shopping_cart .remove {
  1514. text-align: center;
  1515. }
  1516. .woocommerce.widget_shopping_cart .woocommerce-mini-cart__total {
  1517. padding: 0 10px;
  1518. }
  1519. .woocommerce.widget_shopping_cart .woocommerce-mini-cart__buttons a {
  1520. display: inline-block;
  1521. margin-right: 1em;
  1522. }
  1523. /* !Recent Reviews Widget */
  1524. .woocommerce.widget_recent_reviews .product_list_widget .star-rating,
  1525. .woocommerce.widget_top_rated_products .product_list_widget .star-rating {
  1526. margin: 0;
  1527. }
  1528. /* !Ratings Widget */
  1529. .woocommerce.widget_rating_filter .star-rating {
  1530. float: left;
  1531. }
  1532. /* ! Price Filter Widget */
  1533. .widget_price_filter .price_slider {
  1534. margin-bottom: 1.5em;
  1535. }
  1536. .widget_price_filter .price_slider_amount {
  1537. text-align: right;
  1538. line-height: 2.4em;
  1539. }
  1540. .widget_price_filter .price_slider_amount .button {
  1541. float: left;
  1542. }
  1543. .widget_price_filter .ui-slider {
  1544. position: relative;
  1545. text-align: left;
  1546. }
  1547. .widget_price_filter .ui-slider .ui-slider-handle {
  1548. background: royalblue;
  1549. box-sizing: border-box;
  1550. cursor: ew-resize;
  1551. height: 1em;
  1552. margin-top: -.25em;
  1553. opacity: 1;
  1554. outline: none;
  1555. position: absolute;
  1556. width: 1em;
  1557. z-index: 2;
  1558. }
  1559. .widget_price_filter .ui-slider .ui-slider-handle:last-child {
  1560. margin-left: -1em;
  1561. }
  1562. .widget_price_filter .ui-slider .ui-slider-handle:hover,
  1563. .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
  1564. box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
  1565. }
  1566. .widget_price_filter .ui-slider .ui-slider-range {
  1567. background: royalblue;
  1568. border: 0;
  1569. display: block;
  1570. position: absolute;
  1571. z-index: 1;
  1572. }
  1573. .widget_price_filter .price_slider_wrapper .ui-widget-content {
  1574. background: rgba(0, 0, 0, 0.1);
  1575. }
  1576. .widget_price_filter .ui-slider-horizontal {
  1577. height: .5em;
  1578. }
  1579. .widget_price_filter .ui-slider-horizontal .ui-slider-range {
  1580. height: 100%;
  1581. }
  1582. @media all and (max-width: 768px) {
  1583. .woocommerce.widget_products .product_list_widget li,
  1584. .woocommerce.widget_recent_reviews .product_list_widget li,
  1585. .woocommerce.widget_shopping_cart .product_list_widget li,
  1586. .woocommerce.widget_top_rated_products .product_list_widget li,
  1587. .woocommerce.widget_recently_viewed_products .product_list_widget li {
  1588. width: 100%;
  1589. }
  1590. }