woocommerce-layout-rtl.css 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696
  1. /**
  2. * woocommerce-layout.scss
  3. * Applies layout to the default WooCommerce frontend design
  4. */
  5. /**
  6. * Imports
  7. */
  8. /**
  9. * Deprecated
  10. * Fallback for bourbon equivalent
  11. */
  12. /**
  13. * Deprecated
  14. * Vendor prefix no longer required.
  15. */
  16. /**
  17. * Deprecated
  18. * Vendor prefix no longer required.
  19. */
  20. /**
  21. * Deprecated
  22. * Vendor prefix no longer required.
  23. */
  24. /**
  25. * Deprecated
  26. * Vendor prefix no longer required.
  27. */
  28. /**
  29. * Deprecated
  30. * Vendor prefix no longer required.
  31. */
  32. /**
  33. * Deprecated
  34. * Vendor prefix no longer required.
  35. */
  36. /**
  37. * Deprecated
  38. * Vendor prefix no longer required.
  39. */
  40. /**
  41. * Deprecated
  42. * Vendor prefix no longer required.
  43. */
  44. /**
  45. * Deprecated
  46. * Vendor prefix no longer required.
  47. */
  48. /**
  49. * Deprecated
  50. * Vendor prefix no longer required.
  51. */
  52. /**
  53. * Deprecated
  54. * Vendor prefix no longer required.
  55. */
  56. /**
  57. * Deprecated
  58. * Use bourbon mixin instead `@include transform(scale(1.5));`
  59. */
  60. /**
  61. * Deprecated
  62. * Use bourbon mixin instead `@include box-sizing(border-box);`
  63. */
  64. /**
  65. * Objects
  66. */
  67. /**
  68. * WooCommerce CSS Variables
  69. */
  70. /**
  71. * Astra Theme compatibility with WooCommerce
  72. */
  73. /*---------- Media Query min-width Structure ----------*/
  74. /*---------- Media Query max-width Structure ----------*/
  75. /*---------- Break-point min-width Structure ----------*/
  76. /*---------- Break-point max-width Structure ----------*/
  77. /**
  78. * Styling begins
  79. */
  80. .woocommerce, .woocommerce-page {
  81. /**
  82. * General layout styles
  83. */
  84. /**
  85. * Product page
  86. */
  87. /**
  88. * Product loops
  89. */
  90. /**
  91. * Cart page
  92. */
  93. /**
  94. * Cart sidebar
  95. */
  96. /**
  97. * Forms
  98. */
  99. /**
  100. * oEmbeds
  101. */
  102. }
  103. .woocommerce .woocommerce-message .button,
  104. .woocommerce .woocommerce-error .button,
  105. .woocommerce .woocommerce-info .button, .woocommerce-page .woocommerce-message .button,
  106. .woocommerce-page .woocommerce-error .button,
  107. .woocommerce-page .woocommerce-info .button {
  108. float: left;
  109. }
  110. .woocommerce .col2-set, .woocommerce-page .col2-set {
  111. *zoom: 1;
  112. width: 100%;
  113. }
  114. .woocommerce .col2-set::before, .woocommerce .col2-set::after, .woocommerce-page .col2-set::before, .woocommerce-page .col2-set::after {
  115. content: ' ';
  116. display: table;
  117. }
  118. .woocommerce .col2-set::after, .woocommerce-page .col2-set::after {
  119. clear: both;
  120. }
  121. .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
  122. float: right;
  123. width: 48%;
  124. }
  125. .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
  126. float: left;
  127. width: 48%;
  128. }
  129. .woocommerce img, .woocommerce-page img {
  130. height: auto;
  131. max-width: 100%;
  132. }
  133. .woocommerce div.product div.images,
  134. .woocommerce #content div.product div.images, .woocommerce-page div.product div.images,
  135. .woocommerce-page #content div.product div.images {
  136. float: right;
  137. width: 48%;
  138. }
  139. .woocommerce div.product div.thumbnails,
  140. .woocommerce #content div.product div.thumbnails, .woocommerce-page div.product div.thumbnails,
  141. .woocommerce-page #content div.product div.thumbnails {
  142. *zoom: 1;
  143. }
  144. .woocommerce div.product div.thumbnails::before, .woocommerce div.product div.thumbnails::after,
  145. .woocommerce #content div.product div.thumbnails::before,
  146. .woocommerce #content div.product div.thumbnails::after, .woocommerce-page div.product div.thumbnails::before, .woocommerce-page div.product div.thumbnails::after,
  147. .woocommerce-page #content div.product div.thumbnails::before,
  148. .woocommerce-page #content div.product div.thumbnails::after {
  149. content: ' ';
  150. display: table;
  151. }
  152. .woocommerce div.product div.thumbnails::after,
  153. .woocommerce #content div.product div.thumbnails::after, .woocommerce-page div.product div.thumbnails::after,
  154. .woocommerce-page #content div.product div.thumbnails::after {
  155. clear: both;
  156. }
  157. .woocommerce div.product div.thumbnails a,
  158. .woocommerce #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a,
  159. .woocommerce-page #content div.product div.thumbnails a {
  160. float: right;
  161. width: 30.75%;
  162. margin-left: 3.8%;
  163. margin-bottom: 1em;
  164. }
  165. .woocommerce div.product div.thumbnails a.last,
  166. .woocommerce #content div.product div.thumbnails a.last, .woocommerce-page div.product div.thumbnails a.last,
  167. .woocommerce-page #content div.product div.thumbnails a.last {
  168. margin-left: 0;
  169. }
  170. .woocommerce div.product div.thumbnails a.first,
  171. .woocommerce #content div.product div.thumbnails a.first, .woocommerce-page div.product div.thumbnails a.first,
  172. .woocommerce-page #content div.product div.thumbnails a.first {
  173. clear: both;
  174. }
  175. .woocommerce div.product div.thumbnails.columns-1 a,
  176. .woocommerce #content div.product div.thumbnails.columns-1 a, .woocommerce-page div.product div.thumbnails.columns-1 a,
  177. .woocommerce-page #content div.product div.thumbnails.columns-1 a {
  178. width: 100%;
  179. margin-left: 0;
  180. float: none;
  181. }
  182. .woocommerce div.product div.thumbnails.columns-2 a,
  183. .woocommerce #content div.product div.thumbnails.columns-2 a, .woocommerce-page div.product div.thumbnails.columns-2 a,
  184. .woocommerce-page #content div.product div.thumbnails.columns-2 a {
  185. width: 48%;
  186. }
  187. .woocommerce div.product div.thumbnails.columns-4 a,
  188. .woocommerce #content div.product div.thumbnails.columns-4 a, .woocommerce-page div.product div.thumbnails.columns-4 a,
  189. .woocommerce-page #content div.product div.thumbnails.columns-4 a {
  190. width: 22.05%;
  191. }
  192. .woocommerce div.product div.thumbnails.columns-5 a,
  193. .woocommerce #content div.product div.thumbnails.columns-5 a, .woocommerce-page div.product div.thumbnails.columns-5 a,
  194. .woocommerce-page #content div.product div.thumbnails.columns-5 a {
  195. width: 16.9%;
  196. }
  197. .woocommerce div.product div.summary,
  198. .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary,
  199. .woocommerce-page #content div.product div.summary {
  200. float: left;
  201. width: 48%;
  202. clear: none;
  203. }
  204. .woocommerce div.product .woocommerce-tabs,
  205. .woocommerce #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs,
  206. .woocommerce-page #content div.product .woocommerce-tabs {
  207. clear: both;
  208. }
  209. .woocommerce div.product .woocommerce-tabs ul.tabs,
  210. .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs,
  211. .woocommerce-page #content div.product .woocommerce-tabs ul.tabs {
  212. *zoom: 1;
  213. }
  214. .woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs::after,
  215. .woocommerce #content div.product .woocommerce-tabs ul.tabs::before,
  216. .woocommerce #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page div.product .woocommerce-tabs ul.tabs::before, .woocommerce-page div.product .woocommerce-tabs ul.tabs::after,
  217. .woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,
  218. .woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after {
  219. content: ' ';
  220. display: table;
  221. }
  222. .woocommerce div.product .woocommerce-tabs ul.tabs::after,
  223. .woocommerce #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page div.product .woocommerce-tabs ul.tabs::after,
  224. .woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after {
  225. clear: both;
  226. }
  227. .woocommerce div.product .woocommerce-tabs ul.tabs li,
  228. .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li,
  229. .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
  230. display: inline-block;
  231. }
  232. .woocommerce div.product #reviews .comment,
  233. .woocommerce #content div.product #reviews .comment, .woocommerce-page div.product #reviews .comment,
  234. .woocommerce-page #content div.product #reviews .comment {
  235. *zoom: 1;
  236. }
  237. .woocommerce div.product #reviews .comment::before, .woocommerce div.product #reviews .comment::after,
  238. .woocommerce #content div.product #reviews .comment::before,
  239. .woocommerce #content div.product #reviews .comment::after, .woocommerce-page div.product #reviews .comment::before, .woocommerce-page div.product #reviews .comment::after,
  240. .woocommerce-page #content div.product #reviews .comment::before,
  241. .woocommerce-page #content div.product #reviews .comment::after {
  242. content: ' ';
  243. display: table;
  244. }
  245. .woocommerce div.product #reviews .comment::after,
  246. .woocommerce #content div.product #reviews .comment::after, .woocommerce-page div.product #reviews .comment::after,
  247. .woocommerce-page #content div.product #reviews .comment::after {
  248. clear: both;
  249. }
  250. .woocommerce div.product #reviews .comment img,
  251. .woocommerce #content div.product #reviews .comment img, .woocommerce-page div.product #reviews .comment img,
  252. .woocommerce-page #content div.product #reviews .comment img {
  253. float: left;
  254. height: auto;
  255. }
  256. .woocommerce ul.products, .woocommerce-page ul.products {
  257. display: flex;
  258. flex-wrap: wrap;
  259. clear: both;
  260. *zoom: 1;
  261. }
  262. .woocommerce ul.products::before, .woocommerce ul.products::after, .woocommerce-page ul.products::before, .woocommerce-page ul.products::after {
  263. content: ' ';
  264. display: table;
  265. }
  266. .woocommerce ul.products::after, .woocommerce-page ul.products::after {
  267. clear: both;
  268. }
  269. .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  270. float: right;
  271. margin: 0 0 2.992em 20px;
  272. padding: 0;
  273. position: relative;
  274. width: 22.05%;
  275. margin-right: 0;
  276. }
  277. .woocommerce ul.products.columns-1 li.product, .woocommerce-page ul.products.columns-1 li.product {
  278. width: 100%;
  279. margin-left: 0;
  280. }
  281. .woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product {
  282. width: 48%;
  283. }
  284. .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
  285. width: 30.75%;
  286. }
  287. .woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product {
  288. width: 16.95%;
  289. }
  290. .woocommerce ul.products.columns-6 li.product, .woocommerce-page ul.products.columns-6 li.product {
  291. width: 13.5%;
  292. }
  293. .woocommerce.columns-1 ul.products li.product, .woocommerce-page.columns-1 ul.products li.product {
  294. width: 100%;
  295. margin-left: 0;
  296. }
  297. .woocommerce.columns-2 ul.products li.product:nth-child(2n), .woocommerce-page.columns-2 ul.products li.product:nth-child(2n) {
  298. margin-left: 0;
  299. clear: left;
  300. }
  301. .woocommerce.columns-2 ul.products li.product:nth-child(2n+1), .woocommerce-page.columns-2 ul.products li.product:nth-child(2n+1) {
  302. clear: right;
  303. }
  304. .woocommerce.columns-3 ul.products li.product, .woocommerce-page.columns-3 ul.products li.product {
  305. width: 31.2%;
  306. width: calc( 33.33% - 14px);
  307. }
  308. .woocommerce.columns-3 ul.products li.product:nth-child(3n), .woocommerce-page.columns-3 ul.products li.product:nth-child(3n) {
  309. margin-left: 0;
  310. clear: left;
  311. }
  312. .woocommerce.columns-3 ul.products li.product:nth-child(3n+1), .woocommerce-page.columns-3 ul.products li.product:nth-child(3n+1) {
  313. clear: right;
  314. }
  315. .woocommerce.columns-4 ul.products li.product, .woocommerce-page.columns-4 ul.products li.product {
  316. width: 22.5%;
  317. width: calc( 25% - 15px);
  318. }
  319. .woocommerce.columns-4 ul.products li.product:nth-child(4n), .woocommerce-page.columns-4 ul.products li.product:nth-child(4n) {
  320. margin-left: 0;
  321. clear: left;
  322. }
  323. .woocommerce.columns-4 ul.products li.product:nth-child(4n+1), .woocommerce-page.columns-4 ul.products li.product:nth-child(4n+1) {
  324. clear: right;
  325. }
  326. .woocommerce.columns-5 ul.products li.product, .woocommerce-page.columns-5 ul.products li.product {
  327. width: 17.5%;
  328. width: calc( 20% - 16px);
  329. }
  330. .woocommerce.columns-5 ul.products li.product:nth-child(5n), .woocommerce-page.columns-5 ul.products li.product:nth-child(5n) {
  331. margin-left: 0;
  332. clear: left;
  333. }
  334. .woocommerce.columns-5 ul.products li.product:nth-child(5n+1), .woocommerce-page.columns-5 ul.products li.product:nth-child(5n+1) {
  335. clear: right;
  336. }
  337. .woocommerce.columns-6 ul.products li.product, .woocommerce-page.columns-6 ul.products li.product {
  338. width: 14%;
  339. width: calc( 16.66% - 16.66px);
  340. }
  341. .woocommerce.columns-6 ul.products li.product:nth-child(6n), .woocommerce-page.columns-6 ul.products li.product:nth-child(6n) {
  342. margin-left: 0;
  343. clear: left;
  344. }
  345. .woocommerce.columns-6 ul.products li.product:nth-child(6n+1), .woocommerce-page.columns-6 ul.products li.product:nth-child(6n+1) {
  346. clear: right;
  347. }
  348. .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
  349. float: right;
  350. }
  351. .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
  352. float: left;
  353. }
  354. .woocommerce .woocommerce-pagination ul.page-numbers, .woocommerce-page .woocommerce-pagination ul.page-numbers {
  355. *zoom: 1;
  356. }
  357. .woocommerce .woocommerce-pagination ul.page-numbers::before, .woocommerce .woocommerce-pagination ul.page-numbers::after, .woocommerce-page .woocommerce-pagination ul.page-numbers::before, .woocommerce-page .woocommerce-pagination ul.page-numbers::after {
  358. content: ' ';
  359. display: table;
  360. }
  361. .woocommerce .woocommerce-pagination ul.page-numbers::after, .woocommerce-page .woocommerce-pagination ul.page-numbers::after {
  362. clear: both;
  363. }
  364. .woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li {
  365. display: inline-block;
  366. }
  367. .woocommerce table.cart img,
  368. .woocommerce #content table.cart img, .woocommerce-page table.cart img,
  369. .woocommerce-page #content table.cart img {
  370. height: auto;
  371. }
  372. .woocommerce table.cart td.actions,
  373. .woocommerce #content table.cart td.actions, .woocommerce-page table.cart td.actions,
  374. .woocommerce-page #content table.cart td.actions {
  375. text-align: left;
  376. }
  377. .woocommerce table.cart td.actions .input-text,
  378. .woocommerce #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text,
  379. .woocommerce-page #content table.cart td.actions .input-text {
  380. width: 80px;
  381. }
  382. .woocommerce table.cart td.actions .button,
  383. .woocommerce #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button,
  384. .woocommerce-page #content table.cart td.actions .button {
  385. line-height: 1;
  386. border-width: 1px;
  387. border-style: solid;
  388. }
  389. .woocommerce table.cart td.actions .coupon,
  390. .woocommerce #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon,
  391. .woocommerce-page #content table.cart td.actions .coupon {
  392. float: right;
  393. display: flex;
  394. margin: 0 auto;
  395. }
  396. .woocommerce table.cart td.actions .coupon label,
  397. .woocommerce #content table.cart td.actions .coupon label, .woocommerce-page table.cart td.actions .coupon label,
  398. .woocommerce-page #content table.cart td.actions .coupon label {
  399. display: none;
  400. }
  401. .woocommerce table.cart td.actions .button,
  402. .woocommerce #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button,
  403. .woocommerce-page #content table.cart td.actions .button {
  404. margin-right: 5px;
  405. }
  406. @media (min-width: 545px) {
  407. .woocommerce table.cart td.actions > input[type="submit"],
  408. .woocommerce #content table.cart td.actions > input[type="submit"], .woocommerce-page table.cart td.actions > input[type="submit"],
  409. .woocommerce-page #content table.cart td.actions > input[type="submit"] {
  410. margin: 5px auto;
  411. }
  412. }
  413. .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
  414. *zoom: 1;
  415. width: 100%;
  416. }
  417. .woocommerce .cart-collaterals::before, .woocommerce .cart-collaterals::after, .woocommerce-page .cart-collaterals::before, .woocommerce-page .cart-collaterals::after {
  418. content: ' ';
  419. display: table;
  420. }
  421. .woocommerce .cart-collaterals::after, .woocommerce-page .cart-collaterals::after {
  422. clear: both;
  423. }
  424. .woocommerce .cart-collaterals .related, .woocommerce-page .cart-collaterals .related {
  425. width: 30.75%;
  426. float: right;
  427. }
  428. .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells {
  429. width: 48%;
  430. float: right;
  431. }
  432. .woocommerce .cart-collaterals .cross-sells ul.products, .woocommerce-page .cart-collaterals .cross-sells ul.products {
  433. float: none;
  434. }
  435. .woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li {
  436. width: calc(50% - 10px);
  437. }
  438. .woocommerce .cart-collaterals .cross-sells ul.products li.first, .woocommerce-page .cart-collaterals .cross-sells ul.products li.first {
  439. clear: both;
  440. }
  441. .woocommerce .cart-collaterals .cross-sells ul.products li.last, .woocommerce-page .cart-collaterals .cross-sells ul.products li.last {
  442. margin-left: 0;
  443. }
  444. .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator {
  445. width: 48%;
  446. *zoom: 1;
  447. clear: left;
  448. float: left;
  449. }
  450. .woocommerce .cart-collaterals .shipping_calculator::before, .woocommerce .cart-collaterals .shipping_calculator::after, .woocommerce-page .cart-collaterals .shipping_calculator::before, .woocommerce-page .cart-collaterals .shipping_calculator::after {
  451. content: ' ';
  452. display: table;
  453. }
  454. .woocommerce .cart-collaterals .shipping_calculator::after, .woocommerce-page .cart-collaterals .shipping_calculator::after {
  455. clear: both;
  456. }
  457. .woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,
  458. .woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2, .woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,
  459. .woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2 {
  460. width: 47%;
  461. }
  462. .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
  463. float: left;
  464. width: 48%;
  465. }
  466. .woocommerce ul.cart_list li,
  467. .woocommerce ul.product_list_widget li, .woocommerce-page ul.cart_list li,
  468. .woocommerce-page ul.product_list_widget li {
  469. *zoom: 1;
  470. }
  471. .woocommerce ul.cart_list li::before, .woocommerce ul.cart_list li::after,
  472. .woocommerce ul.product_list_widget li::before,
  473. .woocommerce ul.product_list_widget li::after, .woocommerce-page ul.cart_list li::before, .woocommerce-page ul.cart_list li::after,
  474. .woocommerce-page ul.product_list_widget li::before,
  475. .woocommerce-page ul.product_list_widget li::after {
  476. content: ' ';
  477. display: table;
  478. }
  479. .woocommerce ul.cart_list li::after,
  480. .woocommerce ul.product_list_widget li::after, .woocommerce-page ul.cart_list li::after,
  481. .woocommerce-page ul.product_list_widget li::after {
  482. clear: both;
  483. }
  484. .woocommerce ul.cart_list li img,
  485. .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img,
  486. .woocommerce-page ul.product_list_widget li img {
  487. float: left;
  488. height: auto;
  489. }
  490. .woocommerce form .form-row, .woocommerce-page form .form-row {
  491. *zoom: 1;
  492. }
  493. .woocommerce form .form-row::before, .woocommerce form .form-row::after, .woocommerce-page form .form-row::before, .woocommerce-page form .form-row::after {
  494. content: ' ';
  495. display: table;
  496. }
  497. .woocommerce form .form-row::after, .woocommerce-page form .form-row::after {
  498. clear: both;
  499. }
  500. .woocommerce form .form-row label, .woocommerce-page form .form-row label {
  501. display: block;
  502. }
  503. .woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox {
  504. display: inline;
  505. }
  506. .woocommerce form .form-row select, .woocommerce-page form .form-row select {
  507. width: 100%;
  508. }
  509. .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {
  510. box-sizing: border-box;
  511. width: 100%;
  512. }
  513. .woocommerce form .form-row-first,
  514. .woocommerce form .form-row-last, .woocommerce-page form .form-row-first,
  515. .woocommerce-page form .form-row-last {
  516. width: 47%;
  517. overflow: visible;
  518. }
  519. .woocommerce form .form-row-first, .woocommerce-page form .form-row-first {
  520. float: right;
  521. }
  522. .woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
  523. float: left;
  524. }
  525. .woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide {
  526. clear: both;
  527. }
  528. .woocommerce #payment .form-row select, .woocommerce-page #payment .form-row select {
  529. width: auto;
  530. }
  531. .woocommerce #payment .wc-terms-and-conditions, .woocommerce #payment .terms, .woocommerce-page #payment .wc-terms-and-conditions, .woocommerce-page #payment .terms {
  532. text-align: right;
  533. padding: 0;
  534. width: 100%;
  535. margin-bottom: 1em;
  536. }
  537. .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
  538. float: left;
  539. }
  540. .woocommerce .woocommerce-billing-fields,
  541. .woocommerce .woocommerce-shipping-fields, .woocommerce-page .woocommerce-billing-fields,
  542. .woocommerce-page .woocommerce-shipping-fields {
  543. *zoom: 1;
  544. }
  545. .woocommerce .woocommerce-billing-fields::before, .woocommerce .woocommerce-billing-fields::after,
  546. .woocommerce .woocommerce-shipping-fields::before,
  547. .woocommerce .woocommerce-shipping-fields::after, .woocommerce-page .woocommerce-billing-fields::before, .woocommerce-page .woocommerce-billing-fields::after,
  548. .woocommerce-page .woocommerce-shipping-fields::before,
  549. .woocommerce-page .woocommerce-shipping-fields::after {
  550. content: ' ';
  551. display: table;
  552. }
  553. .woocommerce .woocommerce-billing-fields::after,
  554. .woocommerce .woocommerce-shipping-fields::after, .woocommerce-page .woocommerce-billing-fields::after,
  555. .woocommerce-page .woocommerce-shipping-fields::after {
  556. clear: both;
  557. }
  558. .woocommerce .woocommerce-terms-and-conditions, .woocommerce-page .woocommerce-terms-and-conditions {
  559. margin-bottom: 1.618em;
  560. padding: 1.618em;
  561. }
  562. .woocommerce .woocommerce-oembed, .woocommerce-page .woocommerce-oembed {
  563. position: relative;
  564. }
  565. .woocommerce-account .woocommerce-MyAccount-navigation {
  566. float: right;
  567. width: 30%;
  568. }
  569. .woocommerce-account .woocommerce-MyAccount-content {
  570. float: left;
  571. width: 68%;
  572. }
  573. .woocommerce-account .woocommerce-MyAccount-content fieldset {
  574. border: 0;
  575. margin: 1em 0 0;
  576. padding: 3px;
  577. }
  578. .woocommerce-account .woocommerce-MyAccount-content fieldset legend {
  579. padding: 3px 0;
  580. border-bottom: 1px solid #e5e5e5;
  581. width: 100%;
  582. margin: 10px 0;
  583. }
  584. .woocommerce-account .woocommerce-MyAccount-content fieldset .form-row {
  585. padding-right: 0;
  586. padding-left: 0;
  587. }