edd-grid-rtl.css 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224
  1. @charset "UTF-8";
  2. /**
  3. * edd.scss
  4. * Governs the general look and feel of Easy Digital Downloads sections of stores using themes that do not
  5. * integrate with Easy Digital Downloads specifically.
  6. */
  7. /**
  8. * Astra Theme compatibility with Easy Digital Downloads
  9. */
  10. /*---------- Media Query min-width Structure ----------*/
  11. /*---------- Media Query max-width Structure ----------*/
  12. /*---------- Break-point min-width Structure ----------*/
  13. /*---------- Break-point max-width Structure ----------*/
  14. .ast-edd-container {
  15. display: grid;
  16. }
  17. .ast-separate-container .ast-edd-container {
  18. background-color: #fff;
  19. }
  20. @media (max-width: 1200px) {
  21. .ast-separate-container .ast-edd-container {
  22. padding: 3.34em 2.4em;
  23. }
  24. }
  25. @media (max-width: 992px) {
  26. .ast-separate-container .ast-edd-container {
  27. padding: 1.5em 2.14em;
  28. }
  29. }
  30. @media (max-width: 544px) {
  31. .ast-separate-container .ast-edd-container {
  32. padding: .54em 1em 1.33333em;
  33. }
  34. }
  35. /* Edd Archive Products grid layout */
  36. .ast-edd-archive-article,
  37. .ast-page-builder-template .ast-edd-archive-article {
  38. padding: 0;
  39. margin: 0 0 2.992em 20px;
  40. }
  41. .columns-2 .ast-edd-container {
  42. grid-template-columns: repeat(2, 1fr);
  43. }
  44. .columns-3 .ast-edd-container {
  45. grid-template-columns: repeat(3, 1fr);
  46. }
  47. .columns-4 .ast-edd-container {
  48. grid-template-columns: repeat(4, 1fr);
  49. }
  50. .columns-5 .ast-edd-container {
  51. grid-template-columns: repeat(5, 1fr);
  52. }
  53. .columns-6 .ast-edd-container {
  54. grid-template-columns: repeat(6, 1fr);
  55. }
  56. /* Edd Single and Checkout commom Download product */
  57. .single-download .entry-header {
  58. margin-bottom: 1em;
  59. }
  60. .single-download .edd_download_purchase_form .edd_price_options li {
  61. justify-content: flex-start;
  62. }
  63. .single-download .edd_download_purchase_form .edd_purchase_submit_wrapper {
  64. margin: 20px auto 0;
  65. }
  66. .single-download .edd-item-quantity,
  67. .edd-checkout .edd-item-quantity {
  68. padding: .5em .5em;
  69. }
  70. /* Edd Archive products strucutre */
  71. .ast-edd-archive-article {
  72. text-align: center;
  73. }
  74. .ast-edd-archive-block-wrap .edd_download_image img,
  75. .edd_downloads_list .edd_download_image img {
  76. margin-bottom: .8em;
  77. }
  78. .ast-edd-archive-block-wrap .edd_download_title,
  79. .edd_downloads_list .edd_download_title {
  80. margin-bottom: .5em;
  81. padding: 0;
  82. font-size: 1em;
  83. }
  84. .ast-edd-archive-block-wrap .edd_price,
  85. .ast-edd-archive-block-wrap .edd_price_options,
  86. .edd_downloads_list .edd_price,
  87. .edd_downloads_list .edd_price_options {
  88. line-height: 1.3;
  89. margin-bottom: 0;
  90. font-weight: 700;
  91. margin-bottom: .5em;
  92. font-size: .9rem;
  93. }
  94. .ast-edd-archive-block-wrap .edd-add-to-cart,
  95. .ast-edd-archive-block-wrap .edd_go_to_checkout,
  96. .ast-edd-archive-block-wrap .ast-edd-variable-btn,
  97. .edd_downloads_list .edd-add-to-cart,
  98. .edd_downloads_list .edd_go_to_checkout,
  99. .edd_downloads_list .ast-edd-variable-btn {
  100. margin-top: .5em;
  101. margin-bottom: .5em;
  102. white-space: normal;
  103. line-height: 1.3;
  104. display: inline-block;
  105. }
  106. .ast-edd-archive-block-wrap .edd_download_excerpt p,
  107. .edd_downloads_list .edd_download_excerpt p {
  108. margin-bottom: .5em;
  109. }
  110. .ast-edd-archive-block-wrap .edd_download_quantity_wrapper .edd-item-quantity,
  111. .edd_downloads_list .edd_download_quantity_wrapper .edd-item-quantity {
  112. padding: .5em .5em;
  113. max-width: 60px;
  114. }
  115. .ast-edd-archive-block-wrap .edd_download_quantity_wrapper + .edd_purchase_submit_wrapper,
  116. .edd_downloads_list .edd_download_quantity_wrapper + .edd_purchase_submit_wrapper {
  117. margin-top: 0;
  118. }
  119. .ast-edd-download-categories {
  120. font-size: .85em;
  121. margin-bottom: .5em;
  122. display: block;
  123. line-height: 1.3;
  124. opacity: .6;
  125. }
  126. /* EDD Purchase form */
  127. .edd_download_purchase_form .edd_purchase_submit_wrapper {
  128. margin: 10px auto 0;
  129. }
  130. /* EDD Shortcodes */
  131. .edd_downloads_list {
  132. display: grid;
  133. }
  134. .edd_downloads_list .edd_download {
  135. margin: 0 0 2.992em 20px;
  136. text-align: center;
  137. }
  138. .edd_downloads_list.edd_download_columns_1 .edd_download {
  139. margin-left: 0;
  140. }
  141. .edd_downloads_list.edd_download_columns_2 {
  142. grid-template-columns: repeat(2, 1fr);
  143. }
  144. .edd_downloads_list.edd_download_columns_3 {
  145. grid-template-columns: repeat(3, 1fr);
  146. }
  147. .edd_downloads_list.edd_download_columns_4 {
  148. grid-template-columns: repeat(4, 1fr);
  149. }
  150. .edd_downloads_list.edd_download_columns_5 {
  151. grid-template-columns: repeat(5, 1fr);
  152. }
  153. .edd_downloads_list.edd_download_columns_6 {
  154. grid-template-columns: repeat(6, 1fr);
  155. }
  156. /* EDD Pagination */
  157. .edd_pagination {
  158. -js-display: flex;
  159. display: flex;
  160. text-align: center;
  161. white-space: nowrap;
  162. border: 0;
  163. margin: 1px;
  164. }
  165. .edd_pagination a,
  166. .edd_pagination span {
  167. margin: 0 0 5px 5px;
  168. border: 1px solid #d3ced2;
  169. text-decoration: none;
  170. line-height: 1;
  171. font-size: 1em;
  172. font-weight: normal;
  173. padding: 0.75em;
  174. min-width: 2.5em;
  175. }
  176. /* =Ajax Add To Cart Button
  177. -------------------------------------------------------------- */
  178. .edd_purchase_submit_wrapper {
  179. position: relative;
  180. }
  181. .edd_purchase_submit_wrapper a.edd-add-to-cart {
  182. text-decoration: none;
  183. display: none;
  184. position: relative;
  185. overflow: hidden;
  186. line-height: 1.3;
  187. }
  188. .edd_purchase_submit_wrapper a.edd-add-to-cart.edd-has-js {
  189. display: inline-block;
  190. }
  191. .edd_purchase_submit_wrapper .edd-cart-ajax {
  192. display: none;
  193. position: relative;
  194. right: -35px;
  195. }
  196. .edd-submit.button.edd-ajax-loading {
  197. padding-left: 30px;
  198. }
  199. .edd-add-to-cart .edd-add-to-cart-label {
  200. opacity: 1;
  201. filter: alpha(opacity=100);
  202. }
  203. .edd-loading {
  204. border-radius: 50%;
  205. display: block;
  206. width: 1.5em;
  207. height: 1.5em;
  208. animation: edd-spinning 1.1s infinite linear;
  209. border-top: 0.2em solid rgba(255, 255, 255, 0.2);
  210. border-left: 0.2em solid rgba(255, 255, 255, 0.2);
  211. border-bottom: 0.2em solid rgba(255, 255, 255, 0.2);
  212. border-right: 0.2em solid #fff;
  213. font-size: 0.75em;
  214. position: absolute;
  215. right: calc(50% - 0.75em);
  216. top: calc(50% - 0.75em);
  217. opacity: 0;
  218. filter: alpha(opacity=0);
  219. transform: translateZ(0);
  220. }
  221. .edd-loading:after {
  222. border-radius: 50%;
  223. display: block;
  224. width: 1.5em;
  225. height: 1.5em;
  226. }
  227. a.edd-add-to-cart.white .edd-loading, .edd-discount-loader.edd-loading {
  228. border-top-color: rgba(0, 0, 0, 0.2);
  229. border-left-color: rgba(0, 0, 0, 0.2);
  230. border-bottom-color: rgba(0, 0, 0, 0.2);
  231. border-right-color: #000;
  232. }
  233. .edd-loading-ajax.edd-loading {
  234. border-top-color: rgba(0, 0, 0, 0.2);
  235. border-left-color: rgba(0, 0, 0, 0.2);
  236. border-bottom-color: rgba(0, 0, 0, 0.2);
  237. border-right-color: #000;
  238. display: inline-block;
  239. position: relative;
  240. top: 0;
  241. right: 0.25em;
  242. vertical-align: middle;
  243. }
  244. #edd_checkout_form_wrap .edd-cart-adjustment .edd-apply-discount.edd-submit {
  245. display: inline-block;
  246. }
  247. .edd-discount-loader.edd-loading {
  248. display: inline-block;
  249. position: relative;
  250. right: auto;
  251. vertical-align: middle;
  252. width: 1.25em;
  253. height: 1.25em;
  254. }
  255. .edd-loading-ajax.edd-loading {
  256. opacity: 1;
  257. }
  258. @keyframes edd-spinning {
  259. 0% {
  260. transform: rotate(0deg);
  261. }
  262. 100% {
  263. transform: rotate(-360deg);
  264. }
  265. }
  266. a.edd-add-to-cart .edd-add-to-cart-label, .edd-loading {
  267. transition: .1s opacity !important;
  268. }
  269. .edd-add-to-cart[data-edd-loading] .edd-add-to-cart-label {
  270. opacity: 0;
  271. filter: alpha(opacity=0);
  272. }
  273. .edd-add-to-cart[data-edd-loading] .edd-loading {
  274. opacity: 1;
  275. filter: alpha(opacity=100);
  276. }
  277. .edd-discount-loader.edd-loading {
  278. opacity: 1;
  279. filter: alpha(opacity=100);
  280. }
  281. .edd-cart-added-alert {
  282. position: static;
  283. display: inline-block;
  284. font-size: 1em;
  285. }
  286. .edd-cart-added-alert .edd-icon-check {
  287. max-width: 18px;
  288. vertical-align: bottom;
  289. }
  290. /**
  291. * Header Cart Icon with shopping cart.
  292. */
  293. .ast-edd-site-header-cart {
  294. position: relative;
  295. list-style-type: none;
  296. margin-right: 0;
  297. padding-right: 0;
  298. margin-bottom: 0;
  299. order: 1;
  300. }
  301. .ast-edd-site-header-cart:focus .widget_edd_cart_widget, .ast-edd-site-header-cart:hover .widget_edd_cart_widget {
  302. left: 0;
  303. right: auto;
  304. opacity: 1;
  305. visibility: visible;
  306. }
  307. .ast-edd-site-header-cart .ast-edd-shopping-cart-icon {
  308. display: initial;
  309. vertical-align: middle;
  310. }
  311. .ast-edd-site-header-cart .ast-edd-shopping-cart-icon:before {
  312. content: "\e854";
  313. font-family: 'Astra';
  314. font-size: 18px;
  315. font-size: 1.2857rem;
  316. }
  317. .ast-edd-site-header-cart .ast-edd-site-header-cart-widget .widget_edd_cart_widget > ul {
  318. text-align: right;
  319. width: auto;
  320. position: static;
  321. right: auto;
  322. top: auto;
  323. border-top: 0;
  324. max-height: 500px;
  325. max-height: 50vh;
  326. overflow-y: auto;
  327. }
  328. .ast-edd-site-header-cart .widget_edd_cart_widget {
  329. background-color: #fff;
  330. position: absolute;
  331. top: 100%;
  332. width: 280px;
  333. padding-top: 1em;
  334. padding-bottom: 1em;
  335. z-index: 999999;
  336. font-size: .875em;
  337. right: -999em;
  338. display: block;
  339. line-height: 1.618;
  340. box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.07);
  341. transition: all 0.3s ease;
  342. border: 2px solid #E6E6E6;
  343. opacity: 0;
  344. visibility: hidden;
  345. }
  346. .ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item {
  347. padding: .5em 1.5em .5em 2.6em;
  348. /* remove the product from list */
  349. }
  350. .ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item.focus {
  351. animation: ast-hide-animate 1s linear;
  352. }
  353. .ast-edd-site-header-cart .widget_edd_cart_widget .cart_item.empty {
  354. border-bottom: 0;
  355. padding-right: 1.5em;
  356. padding-left: 1.5em;
  357. }
  358. .ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-number-of-items {
  359. margin-bottom: 0;
  360. padding-right: 1.5em;
  361. padding-left: 1.5em;
  362. padding-bottom: 1em;
  363. text-align: center;
  364. }
  365. .ast-edd-site-header-cart .widget_edd_cart_widget:before, .ast-edd-site-header-cart .widget_edd_cart_widget:after {
  366. bottom: 100%;
  367. right: auto;
  368. left: 8px;
  369. border: solid transparent;
  370. content: " ";
  371. height: 0;
  372. width: 0;
  373. position: absolute;
  374. pointer-events: none;
  375. }
  376. .ast-edd-site-header-cart .widget_edd_cart_widget:after {
  377. border-color: rgba(255, 255, 255, 0);
  378. border-bottom-color: #fff;
  379. border-width: 6px;
  380. margin-right: -6px;
  381. margin-bottom: -0.3px;
  382. }
  383. .ast-edd-site-header-cart .widget_edd_cart_widget:before {
  384. border-color: rgba(230, 230, 230, 0);
  385. border-bottom-color: #E6E6E6;
  386. border-width: 9px;
  387. margin-right: -5px;
  388. left: 5px;
  389. }
  390. .ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-meta {
  391. padding: .5em 1.5em;
  392. margin: 0;
  393. text-align: center;
  394. }
  395. .ast-edd-site-header-cart .widget_edd_cart_widget .edd_checkout {
  396. padding: 1em 1.5em 0;
  397. text-align: center;
  398. margin-top: 0;
  399. }
  400. .ast-edd-site-header-cart .widget_edd_cart_widget .edd_checkout a {
  401. padding: 10px 40px;
  402. width: 100%;
  403. display: block;
  404. font-weight: 700;
  405. line-height: 1;
  406. }
  407. .ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart {
  408. left: 1.2em;
  409. }
  410. .ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart:after {
  411. font-weight: normal;
  412. }
  413. .ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart:first-child:after {
  414. padding-bottom: 0;
  415. }
  416. .ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item:first-child .edd-remove-from-cart:after {
  417. padding-bottom: 1px;
  418. }
  419. /**
  420. * Header Cart Icon with shopping cart for responsive devices.
  421. */
  422. .ast-header-break-point .ast-edd-site-header-cart .widget_edd_cart_widget,
  423. .ast-header-break-point .ast-edd-site-header-cart .ast-edd-header-cart-info-wrap {
  424. display: none;
  425. }
  426. @keyframes ast-hide-animate {
  427. 0% {
  428. opacity: 1;
  429. }
  430. 100% {
  431. opacity: 0;
  432. }
  433. }
  434. .header-main-layout-3 .ast-edd-site-header-cart:focus .widget_edd_cart_widget, .header-main-layout-3 .ast-edd-site-header-cart:hover .widget_edd_cart_widget {
  435. left: auto;
  436. right: 0;
  437. }
  438. .header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget {
  439. left: -999em;
  440. right: auto;
  441. }
  442. .header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:before, .header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:after {
  443. right: 8px;
  444. left: auto;
  445. }
  446. .header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:after {
  447. margin-right: -2px;
  448. }
  449. /* Sidebar widget */
  450. .widget_edd_cart_widget {
  451. /* Product list separator*/
  452. /* Product list title*/
  453. /* Product list price*/
  454. /* Product list remove link*/
  455. }
  456. .widget_edd_cart_widget .edd-cart-item {
  457. border-bottom: 1px solid #e2e2e2;
  458. padding: .5em 0 .5em 1.6em;
  459. position: relative;
  460. }
  461. .widget_edd_cart_widget .edd-cart-number-of-items {
  462. margin-bottom: 0;
  463. padding-bottom: .5em;
  464. border-bottom: 1px solid #e2e2e2;
  465. font-weight: 700;
  466. }
  467. .widget_edd_cart_widget .edd-cart-item-separator {
  468. display: none;
  469. }
  470. .widget_edd_cart_widget .edd-cart-item-title {
  471. display: block;
  472. font-weight: normal;
  473. margin: 0;
  474. }
  475. .widget_edd_cart_widget .edd-cart-item-price {
  476. float: right;
  477. }
  478. .widget_edd_cart_widget .edd-remove-from-cart {
  479. position: absolute;
  480. visibility: hidden;
  481. left: 0;
  482. top: 50%;
  483. transform: translateY(-50%);
  484. -js-display: flex;
  485. display: flex;
  486. justify-content: center;
  487. align-items: center;
  488. }
  489. .widget_edd_cart_widget .edd-remove-from-cart:after {
  490. content: '×';
  491. -js-display: flex;
  492. display: flex;
  493. justify-content: center;
  494. align-items: center;
  495. color: #ccc;
  496. visibility: visible;
  497. border: 1px solid #ccc;
  498. border-radius: 50%;
  499. font-weight: 700;
  500. font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  501. font-size: 18px;
  502. width: 24px;
  503. height: 24px;
  504. padding-bottom: 2px;
  505. transition: all .2s linear;
  506. }
  507. .widget_edd_cart_widget .edd-cart-meta {
  508. border-bottom: 1px solid #e2e2e2;
  509. }
  510. .widget_edd_cart_widget .edd_total {
  511. padding: 0 0 5px;
  512. font-weight: 700;
  513. }
  514. .widget_edd_cart_widget .edd_checkout {
  515. margin-top: 1em;
  516. padding: 0;
  517. }
  518. .widget_edd_cart_widget .edd_checkout a {
  519. margin-left: 0;
  520. margin-right: 0;
  521. padding: 10px 40px;
  522. display: inline-block;
  523. line-height: 1;
  524. }
  525. /* Site Header Cart Icon & Widget */
  526. .ast-edd-site-header-cart .widget_edd_cart_widget p.buttons, .ast-edd-site-header-cart .widget_edd_cart_widget p.total, .ast-edd-site-header-cart .widget_edd_cart_widget p.buttons, .ast-edd-site-header-cart .widget_edd_cart_widget p.total {
  527. padding: 1em 1.5em;
  528. margin: 0;
  529. text-align: center;
  530. }
  531. .ast-edd-site-header-cart .widget_edd_cart_widget .buttons .button {
  532. display: block;
  533. margin-left: 0;
  534. width: 100%;
  535. margin-right: 0;
  536. }
  537. .ast-edd-site-header-cart .widget_edd_cart_widget .buttons .button.wc-forward {
  538. display: block;
  539. margin-left: 0;
  540. width: 100%;
  541. margin-right: 0;
  542. }
  543. .ast-edd-site-header-cart .widget_edd_cart_widget .woocommerce-mini-cart__empty-message {
  544. margin: 1.41575em;
  545. }
  546. .ast-edd-site-header-cart .widget_edd_cart_widget .cart_list a {
  547. font-weight: normal;
  548. padding: 0;
  549. border-width: 0;
  550. }
  551. .ast-edd-site-header-cart .widget_edd_cart_widget .cart_list a.remove {
  552. border-width: 1px;
  553. }
  554. .ast-edd-site-header-cart-wrap .ast-edd-cart-menu-wrap {
  555. display: inline-block;
  556. line-height: 1;
  557. }
  558. .ast-edd-site-header-cart-wrap .count {
  559. font-weight: bold;
  560. position: relative;
  561. display: inline-block;
  562. vertical-align: middle;
  563. text-align: center;
  564. min-width: 2.1em;
  565. min-height: 2.1em;
  566. font-size: 0.860em;
  567. line-height: 1.8;
  568. border-radius: 0em 0em 0.3em 0.3em;
  569. border-width: 2px;
  570. border-style: solid;
  571. padding: 0 .4em;
  572. }
  573. .ast-edd-site-header-cart-wrap .count:after {
  574. bottom: 100%;
  575. margin-bottom: 0;
  576. height: .8em;
  577. width: .8em;
  578. right: 50%;
  579. transform: translateX(50%);
  580. top: -.6em;
  581. content: ' ';
  582. position: absolute;
  583. pointer-events: none;
  584. border-width: 2px;
  585. border-style: solid;
  586. border-top-right-radius: 10em;
  587. border-top-left-radius: 10em;
  588. border-bottom: 0;
  589. }
  590. /* EDD form*/
  591. .edd_form input[type="text"],
  592. .edd_form input[type="password"],
  593. .edd_form input[type="email"],
  594. .edd_form input[type="url"],
  595. .edd_form input[type="date"],
  596. .edd_form input[type="month"],
  597. .edd_form input[type="time"],
  598. .edd_form input[type="datetime"],
  599. .edd_form input[type="datetime-local"],
  600. .edd_form input[type="week"],
  601. .edd_form input[type="number"],
  602. .edd_form input[type="search"],
  603. .edd_form input[type="tel"],
  604. .edd_form input[type="color"],
  605. .edd_form select,
  606. .edd_form textarea {
  607. width: 100%;
  608. }
  609. .edd_form input[type="radio"],
  610. .edd_form input[type="checkbox"] {
  611. border: none;
  612. margin-left: 5px;
  613. vertical-align: middle;
  614. }
  615. .edd_form .edd-select.edd-select-small {
  616. display: inline;
  617. width: auto;
  618. }
  619. .edd_form .edd-description {
  620. margin-bottom: 5px;
  621. display: block;
  622. }
  623. .edd_form legend {
  624. font-size: 22px;
  625. font-size: 1.4rem;
  626. border-bottom: 1px solid #eaeaea;
  627. background: #fafafa;
  628. font-weight: bold;
  629. padding: 15px 30px;
  630. margin: 0;
  631. display: block;
  632. width: 100%;
  633. position: relative;
  634. }
  635. .edd_form p {
  636. padding-right: 30px;
  637. padding-left: 30px;
  638. }
  639. .edd_form fieldset {
  640. padding: 0 0 1em;
  641. border: 0;
  642. }
  643. .edd_form fieldset > p {
  644. padding-top: 5px;
  645. padding-bottom: 5px;
  646. margin-bottom: 5px;
  647. }
  648. /* EDD Table*/
  649. .edd-table th {
  650. background: #fafafa;
  651. font-weight: bold;
  652. }
  653. .edd-table th,
  654. .edd-table td {
  655. text-align: right;
  656. padding: 10px 20px;
  657. }
  658. .edd-table ul {
  659. margin-right: 1em;
  660. margin-bottom: 0;
  661. }
  662. /* EDD Checkout page*/
  663. #edd_checkout_cart {
  664. margin-bottom: 2em;
  665. }
  666. #edd_checkout_cart .edd_cart_header_row th {
  667. background: #fafafa;
  668. font-weight: bold;
  669. }
  670. #edd_checkout_cart th,
  671. #edd_checkout_cart td {
  672. padding: 15px 30px;
  673. }
  674. #edd_checkout_cart th.edd_cart_total, #edd_checkout_cart th.edd_cart_actions,
  675. #edd_checkout_cart td.edd_cart_total,
  676. #edd_checkout_cart td.edd_cart_actions {
  677. text-align: left;
  678. }
  679. #edd_checkout_cart td img {
  680. float: right;
  681. margin: 0 0 0 8px;
  682. background: none;
  683. padding: 0;
  684. border: none;
  685. }
  686. #edd_checkout_wrap .edd_cart_remove_item_btn {
  687. margin-right: 1em;
  688. }
  689. #edd_checkout_wrap #edd_purchase_form {
  690. border: 0;
  691. }
  692. #edd_checkout_wrap legend {
  693. font-size: 22px;
  694. font-size: 1.4rem;
  695. border-bottom: 1px solid #eaeaea;
  696. background: #fafafa;
  697. font-weight: bold;
  698. padding: 15px 30px;
  699. display: block;
  700. width: 100%;
  701. float: right;
  702. position: relative;
  703. margin: 0 0 10px;
  704. }
  705. #edd_checkout_wrap p {
  706. padding-right: 30px;
  707. padding-left: 30px;
  708. }
  709. #edd_checkout_wrap fieldset {
  710. padding: 0;
  711. border: 0;
  712. }
  713. #edd_checkout_wrap fieldset > p {
  714. padding-top: 5px;
  715. padding-bottom: 5px;
  716. margin-bottom: 5px;
  717. }
  718. #edd_checkout_wrap fieldset > p:last-child {
  719. padding-bottom: 15px;
  720. }
  721. #edd_checkout_wrap fieldset > div {
  722. padding: 5px 30px;
  723. margin-bottom: 5px;
  724. }
  725. #edd_checkout_wrap fieldset > div > p {
  726. padding: 0;
  727. }
  728. #edd_checkout_wrap #edd-card-state-wrap {
  729. padding-bottom: 15px;
  730. }
  731. #edd_checkout_wrap #edd_discount_code {
  732. border: 1px solid #eaeaea;
  733. margin-bottom: 2em;
  734. padding-top: .5em;
  735. padding-bottom: .5em;
  736. }
  737. #edd_checkout_wrap #edd_discount_code p {
  738. padding-top: 10px;
  739. margin-bottom: 0;
  740. padding-bottom: 10px;
  741. }
  742. #edd_checkout_wrap #edd_discount_code .edd-apply-discount {
  743. margin-top: 10px;
  744. }
  745. #edd_checkout_wrap #edd_discount_code #edd-discount {
  746. width: 100%;
  747. }
  748. #edd_checkout_wrap .eddr-cart-item-notice {
  749. text-align: right;
  750. font-size: 0.9em;
  751. }
  752. #edd_checkout_form_wrap label {
  753. font-weight: bold;
  754. }
  755. #edd_checkout_form_wrap fieldset {
  756. border: 1px solid #eee;
  757. margin: 0 0 20px;
  758. }
  759. #edd_checkout_form_wrap #edd_purchase_submit .edd-loading-ajax.edd-loading {
  760. display: none;
  761. }
  762. #edd_checkout_form_wrap #edd_purchase_submit,
  763. #edd_checkout_form_wrap #edd_discount_code,
  764. #edd_checkout_form_wrap #edd_register_account_fields {
  765. border: 0;
  766. }
  767. #edd_checkout_form_wrap #edd-discount-code-wrap,
  768. #edd_checkout_form_wrap #edd_final_total_wrap,
  769. #edd_checkout_form_wrap #edd_show_discount {
  770. border: 1px solid #eee;
  771. margin: 0 0 20px;
  772. }
  773. #edd_checkout_form_wrap #edd_final_total_wrap,
  774. #edd_checkout_form_wrap .edd-privacy-policy-agreement {
  775. padding-top: 10px;
  776. padding-bottom: 10px;
  777. }
  778. #edd_checkout_form_wrap #edd-show-privacy-policy {
  779. padding-top: 10px;
  780. margin-bottom: 0;
  781. }
  782. #edd_checkout_form_wrap #edd-show-privacy-policy + .edd-privacy-policy-agreement {
  783. padding-top: 5px;
  784. }
  785. #edd_checkout_form_wrap .edd-privacy-policy-agreement {
  786. margin-bottom: 0;
  787. -js-display: flex;
  788. display: flex;
  789. align-items: center;
  790. }
  791. #edd_checkout_form_wrap #edd-payment-mode-wrap label {
  792. display: inline-block;
  793. margin: 0 0 0 20px;
  794. }
  795. #edd_checkout_form_wrap .edd-payment-icons {
  796. height: 32px;
  797. display: block;
  798. margin: 0 0 30px;
  799. }
  800. #edd_checkout_form_wrap .edd-payment-icons img.payment-icon {
  801. max-height: 32px;
  802. width: auto;
  803. margin: 0 0 0 3px;
  804. float: right;
  805. background: none;
  806. padding: 0;
  807. border: none;
  808. box-shadow: none;
  809. }
  810. #edd_checkout_form_wrap .edd-required-indicator {
  811. color: #b94a48;
  812. display: inline;
  813. }
  814. #edd_checkout_form_wrap .edd-description {
  815. width: auto;
  816. font-size: 0.9em;
  817. margin-right: 10px;
  818. opacity: 0.7;
  819. font-style: italic;
  820. margin-bottom: 6px;
  821. display: inline-block;
  822. }
  823. /* EDD License manager */
  824. .edd_sl_form > div {
  825. border: 1px solid #e5e5e5;
  826. padding: 10px 20px;
  827. }
  828. .edd_sl_form > div > span {
  829. display: block;
  830. margin-bottom: 10px;
  831. }
  832. /* EDD Notices */
  833. /* Alert Styles */
  834. .edd-alert {
  835. border-radius: 2px;
  836. margin-bottom: 10px;
  837. padding: 10px;
  838. border: 1px solid transparent;
  839. vertical-align: middle;
  840. }
  841. .edd-alert p {
  842. padding: 0;
  843. }
  844. .edd-alert p:not(:last-child) {
  845. margin-bottom: 5px;
  846. }
  847. .edd-alert p:last-child {
  848. margin-bottom: 0;
  849. }
  850. .edd-alert-error {
  851. color: #a94442;
  852. background-color: #f2dede;
  853. border-color: #ebccd1;
  854. }
  855. .edd-alert-success {
  856. background-color: #dff0d8;
  857. border-color: #d6e9c6;
  858. color: #3c763d;
  859. }
  860. .edd-alert-info {
  861. color: #31708f;
  862. background-color: #d9edf7;
  863. border-color: #bce8f1;
  864. }
  865. .edd-alert-warn {
  866. color: #8a6d3b;
  867. background-color: #fcf8e3;
  868. border-color: #faebcc;
  869. }
  870. /* =Purchase buttons
  871. -------------------------------------------------------------- */
  872. .edd_download_purchase_form .edd_price_options {
  873. display: inline-block;
  874. }
  875. .edd_download_purchase_form .edd_price_options ul {
  876. margin: 0;
  877. padding: 0;
  878. list-style: none;
  879. }
  880. .edd_download_purchase_form .edd_price_options li {
  881. -js-display: flex;
  882. display: flex;
  883. padding: 5px 0 0;
  884. margin: 0;
  885. align-items: center;
  886. align-self: center;
  887. }
  888. .edd_download_purchase_form .edd_price_options li .eddr-terms-notice {
  889. font-size: .9em;
  890. margin-bottom: 0;
  891. padding-right: 20px;
  892. }
  893. .edd_download_purchase_form .edd_price_options span {
  894. display: inline;
  895. padding: 0;
  896. margin: 0;
  897. }
  898. .edd_download_purchase_form .edd_price_options input[type="radio"],
  899. .edd_download_purchase_form .edd_price_options input[type="checkbox"] {
  900. border: none;
  901. margin-left: 5px;
  902. vertical-align: middle;
  903. }
  904. .ast-page-builder-template.ast-edd-archive-page .site-content > .ast-container {
  905. max-width: 100%;
  906. }
  907. /* EDD form Elements */
  908. #edd_checkout_wrap input[type=text],
  909. #edd_checkout_wrap input[type=email],
  910. #edd_checkout_wrap input[type=url],
  911. #edd_checkout_wrap input[type=password],
  912. #edd_checkout_wrap input[type=number],
  913. #edd_checkout_wrap input[type=search],
  914. #edd_checkout_wrap input[type=reset],
  915. #edd_checkout_wrap input[type=tel],
  916. #edd_checkout_wrap textarea,
  917. .edd_download_purchase_form input[type=text],
  918. .edd_download_purchase_form input[type=email],
  919. .edd_download_purchase_form input[type=url],
  920. .edd_download_purchase_form input[type=password],
  921. .edd_download_purchase_form input[type=number],
  922. .edd_download_purchase_form input[type=search],
  923. .edd_download_purchase_form input[type=reset],
  924. .edd_download_purchase_form input[type=tel],
  925. .edd_download_purchase_form textarea {
  926. border-color: #dddddd;
  927. background: #fff;
  928. box-shadow: none;
  929. border-radius: 0px;
  930. }
  931. #edd_checkout_wrap input[type=text]:focus,
  932. #edd_checkout_wrap input[type=email]:focus,
  933. #edd_checkout_wrap input[type=url]:focus,
  934. #edd_checkout_wrap input[type=password]:focus,
  935. #edd_checkout_wrap input[type=number]:focus,
  936. #edd_checkout_wrap input[type=search]:focus,
  937. #edd_checkout_wrap input[type=reset]:focus,
  938. #edd_checkout_wrap input[type=tel]:focus,
  939. #edd_checkout_wrap textarea:focus,
  940. .edd_download_purchase_form input[type=text]:focus,
  941. .edd_download_purchase_form input[type=email]:focus,
  942. .edd_download_purchase_form input[type=url]:focus,
  943. .edd_download_purchase_form input[type=password]:focus,
  944. .edd_download_purchase_form input[type=number]:focus,
  945. .edd_download_purchase_form input[type=search]:focus,
  946. .edd_download_purchase_form input[type=reset]:focus,
  947. .edd_download_purchase_form input[type=tel]:focus,
  948. .edd_download_purchase_form textarea:focus {
  949. box-shadow: none;
  950. border-color: #dddddd;
  951. outline: 0;
  952. }
  953. #edd_checkout_wrap select,
  954. .edd_download_purchase_form select {
  955. border: 1px solid #dddddd;
  956. border-radius: 0px;
  957. box-shadow: none;
  958. }
  959. #edd_checkout_wrap select:focus,
  960. .edd_download_purchase_form select:focus {
  961. outline: none;
  962. outline: 0;
  963. }
  964. #edd_checkout_wrap input.edd-input.edd-item-quantity,
  965. .edd_download_purchase_form input.edd-input.edd-item-quantity {
  966. width: 60px;
  967. }
  968. /* Edd Software Licensing */
  969. .edd_sl_table .edd_sl_license_row,
  970. .edd_sl_license_row {
  971. /* Fixed: License key display issue on profile page */
  972. }
  973. .edd_sl_table .edd_sl_license_row .view-key-wrapper,
  974. .edd_sl_license_row .view-key-wrapper {
  975. position: absolute;
  976. }
  977. .edd_sl_table .edd_sl_license_row input.edd_sl_license_key,
  978. .edd_sl_license_row input.edd_sl_license_key {
  979. position: relative;
  980. min-width: 285px;
  981. width: 20em;
  982. text-align: center;
  983. border: 1px solid #e0e5e8;
  984. box-shadow: 0 0 6px 0 #e1e3e4;
  985. height: 2.5em;
  986. background: #eef2f5;
  987. color: #4a545a;
  988. }
  989. #edd_sl_license_add_site_form div {
  990. padding-top: 15px;
  991. padding-bottom: 15px;
  992. }
  993. #edd_checkout_form_wrap #edd_sl_show_renewal_form_wrap {
  994. padding-top: 10px;
  995. }
  996. #edd_checkout_form_wrap #edd_sl_renewal_fields {
  997. padding: 10px 0;
  998. }
  999. #edd_checkout_form_wrap #edd-license-key {
  1000. width: 100%;
  1001. }
  1002. #edd_checkout_form_wrap #edd-cancel-license-renewal {
  1003. padding-right: 10px;
  1004. }
  1005. #edd_profile_editor_form fieldset {
  1006. border: 1px solid #eaeaea;
  1007. margin-bottom: 2em;
  1008. }
  1009. #edd_profile_editor_form fieldset p {
  1010. clear: both;
  1011. }
  1012. #edd_profile_editor_form legend {
  1013. font-size: 20px;
  1014. font-size: 1.2rem;
  1015. float: right;
  1016. }
  1017. #edd_profile_editor_form #edd_profile_submit_fieldset {
  1018. border: 0;
  1019. }
  1020. #edd_profile_editor_form #edd_profile_submit_fieldset p {
  1021. padding: 0;
  1022. }
  1023. /* EDD cart for Left Section in Builder Layout */
  1024. .site-header-section-left .ast-edd-site-header-cart:focus .widget_edd_cart_widget, .site-header-section-left .ast-edd-site-header-cart:hover .widget_edd_cart_widget {
  1025. left: auto;
  1026. right: 0;
  1027. }
  1028. .site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget {
  1029. left: -999em;
  1030. right: auto;
  1031. }
  1032. .site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:before, .site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:after {
  1033. right: 8px;
  1034. left: auto;
  1035. }
  1036. .site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:after {
  1037. margin-right: -2px;
  1038. }