woocommerce-rtl.css 46 KB

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