wc-general.less 24 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474
  1. .woocommerce {
  2. .select2-chosen {
  3. height: 50px;
  4. line-height: 50px;
  5. padding-left: 5px;
  6. font-size: 14px;
  7. }
  8. a.remove,
  9. ul.product_list_widget li a.remove {
  10. font-size: 18px !important;
  11. height: 20px;
  12. width: 20px;
  13. padding: 0px;
  14. font-weight: normal;
  15. line-height: 20px !important;
  16. text-align: center;
  17. transition: all .2s ease;
  18. &:hover {
  19. background: red !important;
  20. }
  21. }
  22. .checkout-breadcrumb {
  23. .icon.shortcode {
  24. line-height: 1.15;
  25. font-size: 20px;
  26. padding: 0 20px;
  27. vertical-align: middle !important;
  28. color: var( --vamtam-accent-color-7 );
  29. }
  30. .title-part-inactive {
  31. &, a {
  32. color: var( --vamtam-accent-color-4 );
  33. }
  34. }
  35. }
  36. #payment {
  37. background: none;
  38. #place_order {
  39. padding: 1em 1.8em;
  40. }
  41. div.payment_box {
  42. box-shadow: none;
  43. text-shadow: none;
  44. background: none;
  45. border: solid 1px var( --vamtam-accent-color-7 );
  46. &:after {
  47. border-bottom-color: var( --vamtam-accent-color-7 );
  48. }
  49. &:before {
  50. margin: -10px 0 0 20px;
  51. border: 10px solid transparent;
  52. border-bottom-color: #dfdcde;
  53. }
  54. p {
  55. margin: 0;
  56. }
  57. }
  58. ul.payment_methods {
  59. padding: 10px 0px;
  60. border-bottom: 0;
  61. li input {
  62. margin: 0 0.5em 0 0;
  63. vertical-align: middle;
  64. border: 0;
  65. }
  66. }
  67. div.form-row {
  68. text-align: center;
  69. padding: 0px;
  70. }
  71. .payment_method_paypal .about_paypal {
  72. font-size: 1em;
  73. border: var( --vamtam-no-border-link );
  74. }
  75. }
  76. h1.page-title,
  77. div.product .product_title {
  78. display: none;
  79. }
  80. .star-rating {
  81. float: none;
  82. color: var( --vamtam-accent-color-1 );
  83. font-style: normal;
  84. &:before {
  85. color: var( --vamtam-accent-color-1 );
  86. font-style: normal;
  87. }
  88. }
  89. .woocommerce-result-count {
  90. line-height: 30px;
  91. }
  92. form.checkout_coupon {
  93. border-radius: 0px;
  94. border: 3px solid var( --vamtam-accent-color-1 );
  95. }
  96. .woocommerce-message,
  97. .woocommerce-error,
  98. .woocommerce-info,
  99. form.login {
  100. background-color: var( --vamtam-accent-color-5 );
  101. border: none;
  102. padding: 15px 25px !important;
  103. border-radius: var( --vamtam-border-radius );
  104. &:before {
  105. display: none;
  106. }
  107. }
  108. .woocommerce-info {
  109. border: none;
  110. background-color: transparent;
  111. padding: 0px !important;
  112. }
  113. form.login {
  114. box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);
  115. }
  116. .woocommerce-message {
  117. line-height: 40px;
  118. border: solid 1px var( --vamtam-accent-color-7 );
  119. }
  120. .woocommerce-error {
  121. text-shadow: none;
  122. }
  123. .button.wc-forward,
  124. .button.wc-backward {
  125. &, a {
  126. &:after,
  127. &:before {
  128. display: none;
  129. }
  130. }
  131. }
  132. span.onsale,
  133. .products.vamtam-wc .product span.onsale {
  134. margin: 0;
  135. position: absolute;
  136. top: 20px;
  137. left: 20px;
  138. right: inherit;
  139. border-radius: 100px;
  140. padding: 10px 20px;
  141. font-size: 16px;
  142. background: var( --vamtam-accent-color-5 );
  143. color: var( --vamtam-accent-color-1 );
  144. font-weight: 600;
  145. line-height: 18px;
  146. min-height: auto;
  147. width: auto;
  148. z-index: 10;
  149. box-shadow: 0 1px 30px 0 rgba(0,0,0,0.03);
  150. }
  151. ul#shipping_method li {
  152. padding: 3px 0px 3px 10px;
  153. line-height: 1em;
  154. }
  155. &.single {
  156. .products.vamtam-wc .product,
  157. div.product .summary {
  158. .stock {
  159. margin: 0;
  160. overflow: hidden;
  161. small {
  162. position: relative;
  163. color: var( --vamtam-primary-font-color );
  164. line-height: 1;
  165. padding-right: 5px;
  166. }
  167. }
  168. div[itemprop="description"] h4 {
  169. display: none;
  170. }
  171. }
  172. .vamtam-wc-related-title {
  173. text-align: center;
  174. }
  175. }
  176. .products.vamtam-wc {
  177. li.product-category {
  178. mark.count {
  179. display: none;
  180. }
  181. }
  182. .product {
  183. padding: 0px 0px 25px 0px;
  184. text-align: center;
  185. border-radius: var( --vamtam-border-radius );
  186. overflow: hidden;
  187. position: relative;
  188. z-index: 1;
  189. box-sizing: border-box;
  190. background: var( --vamtam-accent-color-5 );
  191. margin-bottom: 30px;
  192. &:hover {
  193. h5 {
  194. opacity: 1;
  195. }
  196. }
  197. &.first {
  198. clear: both;
  199. }
  200. .price del > span,
  201. .price ins > span,
  202. span.amount {
  203. color: var( --vamtam-accent-color-1 );
  204. display: inline-block;
  205. font: 600 16px/18px var( --vamtam-primary-font-font-family );
  206. position: relative;
  207. }
  208. .price del > span {
  209. color: var( --vamtam-accent-color-3 );
  210. font-weight: normal;
  211. }
  212. span.onsale {
  213. right: 20px;
  214. left: inherit;
  215. }
  216. .add_to_cart_button,
  217. .vamtam-button.product_type_simple,
  218. .added_to_cart,
  219. .ajax_add_to_cart {
  220. .button-gen-common();
  221. .button-gen-solid();
  222. font-size: 11px;
  223. padding: 1em 1.9em;
  224. margin-top: -100px;
  225. background: var( --vamtam-accent-color-5 );
  226. border: none;
  227. opacity: 0;
  228. &:hover {
  229. background: var( --vamtam-accent-color-6 );
  230. color: var( --vamtam-accent-color-5 );
  231. }
  232. }
  233. .added_to_cart {
  234. opacity: 1;
  235. }
  236. .wc-new-badge {
  237. margin: 0;
  238. position: absolute;
  239. top: 15px;
  240. left: 15px;
  241. border-radius: 100px;
  242. padding: 10px 20px;
  243. font-size: 14px;
  244. font-weight: 600;
  245. line-height: 18px;
  246. background: var( --vamtam-accent-color-5 );
  247. color: var( --vamtam-accent-color-1 );
  248. text-transform: none;
  249. box-shadow: 0 1px 30px 0 rgba(0,0,0,0.03);
  250. -webkit-font-smoothing: antialiased;
  251. }
  252. .categories, .tagged_as {
  253. margin: 0;
  254. display: block;
  255. padding: 0px 5px 5px 5px;
  256. a {
  257. color: var( --vamtam-body-link-regular );
  258. font-size: 1.2em;
  259. line-height: 1.2em;
  260. transition: all .3s ease;
  261. &:hover {
  262. color: var( --vamtam-body-link-hover );
  263. }
  264. }
  265. }
  266. .price {
  267. display: block;
  268. color: var( --vamtam-accent-color-1 );
  269. position: relative;
  270. transform: translateZ(0); // Chrome bugs...
  271. margin: 5px 0px 0px 0px;
  272. font-weight: bold;
  273. del,
  274. ins {
  275. font-size: 0px;
  276. vertical-align: top;
  277. }
  278. del {
  279. margin: 0px;
  280. font-size: inherit;
  281. display: inline;
  282. opacity: 1;
  283. > span {
  284. padding-right: 5px;
  285. text-decoration: line-through !important;
  286. }
  287. }
  288. ins {
  289. > span {
  290. color: var( --vamtam-accent-color-1 );
  291. }
  292. }
  293. }
  294. .stock.in-stock {
  295. padding: 0px;
  296. margin: 0.3em 0;
  297. }
  298. h5 {
  299. position: relative;
  300. float: none;
  301. text-transform: uppercase;
  302. font-family: var( --vamtam-h3-font-family );
  303. line-height: 1.3em;
  304. margin: 0;
  305. padding: 0;
  306. font-size: 10px;
  307. letter-spacing: 1px;
  308. color: var( --vamtam-primary-font-color );
  309. margin-top: -5px;
  310. }
  311. .tagged_as a {
  312. text-transform: uppercase;
  313. font-size: 10px;
  314. color: var( --vamtam-accent-color-3 );
  315. &:after {
  316. content: "\00B7";
  317. font-size: 14px;
  318. color: var( --vamtam-accent-color-3 );
  319. padding-left: 5px;
  320. }
  321. &:last-child:after {
  322. display: none;
  323. }
  324. }
  325. .star-rating {
  326. margin: 5px auto 10px auto;
  327. }
  328. a {
  329. &:hover {
  330. .woocommerce-loop-product__title {
  331. box-shadow: none;
  332. color: var( --vamtam-body-link-hover );
  333. }
  334. }
  335. .woocommerce-loop-product__title {
  336. font-size: calc( var( --vamtam-h4-font-size ) - 4px );
  337. color: var( --vamtam-accent-color-6 );
  338. padding-bottom: .1em;
  339. line-height: 1.2em;
  340. transition: color .3s;
  341. padding: 0px 10px 5px 10px;
  342. transition: all .6s;
  343. }
  344. .product-thumbnail {
  345. position: relative;
  346. display: block;
  347. max-height: none !important;
  348. margin-bottom: 0px;
  349. overflow: hidden;
  350. transform: translateZ(0);
  351. border-radius: var( --vamtam-border-radius ) var( --vamtam-border-radius ) 0 0;
  352. }
  353. img {
  354. display: block;
  355. border: 0;
  356. box-shadow: none;
  357. margin: 0;
  358. transition: transform 0.6s;
  359. transform: scale(1.0);
  360. }
  361. }
  362. transition: all .2s ease;
  363. &:hover {
  364. box-shadow: 0 1px 20px 0 rgba(0,0,0,0.1);
  365. .product-thumbnail img {
  366. transform: scale(1.1);
  367. }
  368. .add_to_cart_button,
  369. .added_to_cart,
  370. .ajax_add_to_cart {
  371. opacity: 1;
  372. }
  373. }
  374. .aggregateRating {
  375. margin: 10px 0 20px 0;
  376. min-height: 1.4em;
  377. .star-rating {
  378. position: relative;
  379. top: 2px;
  380. float: left;
  381. margin-right: 10px;
  382. margin-bottom: 0;
  383. width: 7em;
  384. color: var( --vamtam-accent-color-1 );
  385. letter-spacing: 5px;
  386. font-size: 14px;
  387. span {
  388. display: inline-block;
  389. strong,
  390. span.visualhidden {
  391. display: none;
  392. }
  393. &:before {
  394. font-size: 14px !important;
  395. }
  396. }
  397. }
  398. a.count {
  399. position: relative;
  400. top: -3px;
  401. margin: 0 0 0 5px;
  402. color: var( --vamtam-accent-color-6 );
  403. span.number {
  404. color: var( --vamtam-accent-color-2 );
  405. }
  406. }
  407. + .vamtam-button {
  408. margin-top: 0;
  409. }
  410. }
  411. span.price span.from {
  412. .vamtam-font(em-);
  413. color: var( --vamtam-em-color );
  414. }
  415. }
  416. div[itemprop="description"] {
  417. margin: 0 0 5px 0;
  418. > p:first-child {
  419. margin-top: 0;
  420. }
  421. }
  422. }
  423. .related,
  424. .upsells {
  425. &.products {
  426. clear: both;
  427. margin-top: 100px;
  428. }
  429. }
  430. .upsells {
  431. &.products {
  432. ul,
  433. .products.vamtam-wc {
  434. .product {
  435. margin-bottom: 0;
  436. }
  437. }
  438. }
  439. }
  440. .quantity,
  441. #quantity {
  442. input.qty {
  443. height: 40px;
  444. position: relative;
  445. margin: 5px 0px;
  446. width: 70px;
  447. padding: 5px 5px 5px 15px;
  448. }
  449. }
  450. div.product {
  451. p.price {
  452. font-size: 1.5em;
  453. span.from {
  454. .vamtam-font(em-);
  455. color: var( --vamtam-em-color );
  456. }
  457. }
  458. input.qty {
  459. height: 45px;
  460. margin: 0px 5px 0px 0px;
  461. }
  462. .woocommerce-tabs {
  463. position: relative;
  464. > ul.tabs {
  465. overflow: visible;
  466. margin: 0;
  467. padding: 0;
  468. border: 0;
  469. list-style: none;
  470. text-align: center;
  471. li {
  472. position: relative;
  473. z-index: 2;
  474. margin: 0;
  475. padding: 0;
  476. border: 0;
  477. white-space: nowrap;
  478. border-radius: 0;
  479. background: none;
  480. float: none;
  481. display: inline-block;
  482. width: auto;
  483. &:before,
  484. &:after {
  485. display: none !important;
  486. }
  487. a {
  488. position: relative;
  489. display: block;
  490. outline: none;
  491. .vamtam-font(h5-);
  492. margin-right: 20px;
  493. cursor: pointer;
  494. transition: all 0.3s;
  495. border-bottom: solid 2px transparent;
  496. .icon {
  497. color: var( --vamtam-accent-color-5 );
  498. font-style: normal;
  499. }
  500. &:hover {
  501. border-radius: 0px;
  502. box-shadow: none;
  503. color: var( --vamtam-accent-color-1 );
  504. text-decoration: none;
  505. background: none;
  506. .icon {
  507. color: var( --vamtam-accent-color-5 ) !important;
  508. }
  509. }
  510. }
  511. }
  512. li.active {
  513. padding: 0 !important;
  514. border: 0;
  515. box-shadow: none;
  516. color: var( --vamtam-accent-color-5 );
  517. text-decoration: none;
  518. white-space: nowrap;
  519. border-radius: 0px;
  520. background: none;
  521. a {
  522. background: none;
  523. color: var( --vamtam-accent-color-1 );
  524. border-color: var( --vamtam-accent-color-1 );
  525. }
  526. }
  527. }
  528. .panel {
  529. clear: both;
  530. margin: 0px;
  531. padding: 20px 0;
  532. }
  533. &,
  534. &:after,
  535. > ul:after {
  536. display: block;
  537. clear: both;
  538. content: "";
  539. }
  540. h2 {
  541. font-size: var( --vamtam-h4-font-size );
  542. line-height: var( --vamtam-h4-line-height );
  543. }
  544. p.stars a {
  545. font-size: 16px !important;
  546. margin-right: 5px !important;
  547. border: var( --vamtam-no-border-link );
  548. }
  549. }
  550. form.cart {
  551. margin: 20px 0px;
  552. .group_table td {
  553. padding-bottom: 1em;
  554. }
  555. }
  556. .gift-cards-list {
  557. margin: 0;
  558. tr {
  559. border: 0;
  560. }
  561. }
  562. .product_meta {
  563. .posted_in {
  564. margin-bottom: 10px;
  565. display: block;
  566. a {
  567. display: inline-block;
  568. margin-left: 5px;
  569. padding: 3px 15px;
  570. font-size: 12px;
  571. border: solid 1px var( --vamtam-accent-color-7 );
  572. border-radius: var( --vamtam-border-radius-oval );
  573. transition: all 0.3s ease;
  574. text-transform: uppercase;
  575. &:hover {
  576. border-color: var( --vamtam-body-link-hover );
  577. }
  578. }
  579. }
  580. .tagged_as {
  581. margin-bottom: 10px;
  582. display: block;
  583. a {
  584. text-transform: uppercase;
  585. font-size: 12px;
  586. border: var( --vamtam-no-border-link );
  587. &:after {
  588. content: "\00B7";
  589. font-size: 14px;
  590. color: var( --vamtam-accent-color-3 );
  591. padding-left: 8px;
  592. padding-right: 3px;
  593. }
  594. &:last-child:after {
  595. display: none;
  596. }
  597. &:first-child {
  598. margin-left: 3px;
  599. }
  600. }
  601. }
  602. }
  603. div.images {
  604. position: relative;
  605. img {
  606. width: auto;
  607. margin: auto;
  608. }
  609. div.thumbnails {
  610. padding-top: 0;
  611. a {
  612. margin-top: 3.9%;
  613. width: 22.05%;
  614. }
  615. }
  616. }
  617. }
  618. &.woocommerce-cart .cart_totals table {
  619. float: left;
  620. text-align: left;
  621. }
  622. &.woocommerce-checkout {
  623. .cart_item {
  624. b, strong, td {
  625. font-weight: normal;
  626. }
  627. }
  628. .customer_details {
  629. dt, dd {
  630. display: inline;
  631. }
  632. dt:before {
  633. display: block;
  634. content: "";
  635. }
  636. }
  637. .addresses {
  638. margin-top: var( --vamtam-vertical-padding );
  639. }
  640. table.shop_table {
  641. th, td {
  642. border: 0;
  643. border-bottom: solid 1px var( --vamtam-default-line-color );
  644. width: 60%;
  645. &:last-child {
  646. text-align: right;
  647. }
  648. }
  649. }
  650. #shiptobilling {
  651. line-height: 2.7em;
  652. }
  653. .amount {
  654. color: var( --vamtam-accent-color-6 );
  655. }
  656. header.main-header {
  657. .second-row,
  658. .cart-dropdown,
  659. .search-wrapper,
  660. .layout-logo-text-menu .first-row .first-row-right,
  661. .vamtam-overlay-menu-toggle-wrapper,
  662. #header-text {
  663. display: none;
  664. }
  665. &.main-header {
  666. .header-contents {
  667. display: block;
  668. text-align: center;
  669. }
  670. .first-row {
  671. display: inline-block;
  672. }
  673. }
  674. &.layout-logo-text-menu .first-row {
  675. .first-row-left {
  676. display: block;
  677. .logo-tagline {
  678. text-align: center;
  679. }
  680. }
  681. .first-row-right {
  682. display: none;
  683. }
  684. }
  685. .header-content-wrapper {
  686. border-bottom: solid 1px var( --vamtam-default-line-color );
  687. }
  688. }
  689. }
  690. &.woocommerce-checkout,
  691. &.woocommerce-cart {
  692. #main-footer,
  693. .page-header:after {
  694. display: none !important;
  695. }
  696. .page-header {
  697. align-items: center;
  698. h1,
  699. h1 a, h1 span {
  700. font-size: var( --vamtam-h3-font-size );
  701. font-weight: normal;
  702. border: var( --vamtam-no-border-link );
  703. transition: color .2s ease;
  704. }
  705. h1 a:hover {
  706. color: var( --vamtam-body-link-hover );
  707. cursor: pointer;
  708. }
  709. }
  710. }
  711. #reviews {
  712. h3 {
  713. margin: 0 0 20px;
  714. font-size: 16px;
  715. }
  716. #comments {
  717. ol.commentlist {
  718. li {
  719. margin-bottom: 0;
  720. padding: 15px 0;
  721. border-top: 1px dotted var( --vamtam-default-line-color );
  722. img.avatar {
  723. position: relative;
  724. float: none;
  725. width: 60px;
  726. }
  727. .comment-meta {
  728. color: var( --vamtam-primary-font-color );
  729. div.star-rating {
  730. width: 7em !important;
  731. letter-spacing: 5px;
  732. font-size: 14px !important;
  733. span {
  734. color: var( --vamtam-accent-color-1 ) !important;
  735. font-size: 14px !important;
  736. &:before {
  737. font-size: 14px !important;
  738. }
  739. }
  740. }
  741. }
  742. }
  743. }
  744. .add_review {
  745. margin-top: var( --vamtam-vertical-padding );
  746. }
  747. }
  748. }
  749. #commentform .form-submit {
  750. padding-top: 10px;
  751. clear: both;
  752. }
  753. .comment-form-author,
  754. .comment-form-email {
  755. width: 48%;
  756. display: inline-block;
  757. vertical-align: top;
  758. }
  759. .comment-form-email {
  760. float: right;
  761. }
  762. form .form-row {
  763. margin: 0px;
  764. margin-bottom: 10px;
  765. label[for] {
  766. &.checkbox {
  767. display: inline;
  768. }
  769. }
  770. #rememberme {
  771. margin-left: 15px;
  772. }
  773. .input-checkbox {
  774. margin: -2px 5px 0 0;
  775. }
  776. textarea {
  777. height: 7em;
  778. }
  779. }
  780. article img {
  781. display: inline-block;
  782. }
  783. div.product {
  784. .summary {
  785. .star-rating {
  786. width: auto;
  787. color: var( --vamtam-accent-color-1 );
  788. letter-spacing: 5px;
  789. font-size: 14px;
  790. span {
  791. &:before {
  792. font-size: 14px !important;
  793. }
  794. }
  795. }
  796. a.count {
  797. display: inline-block;
  798. margin: 10px 5px 15px 0;
  799. color: var( --vamtam-accent-color-6 );
  800. font-size: 10px;
  801. span.number {
  802. color: var( --vamtam-accent-color-2 );
  803. }
  804. }
  805. form.variations_form {
  806. table.variations {
  807. td {
  808. display: block;
  809. padding-bottom: 5px;
  810. select {
  811. margin: 0 0 5px 0;
  812. }
  813. }
  814. }
  815. }
  816. .share-btns {
  817. margin: 0 0 0 20px;
  818. padding: 0 0 20px 0;
  819. }
  820. .product_meta {
  821. margin: 30px 0 0 0px;
  822. padding: 20px 0 0 0;
  823. }
  824. .stock {
  825. &.out-of-stock {
  826. border-top: 1px solid var( --vamtam-accent-color-7 );
  827. padding: 25px 0 0 0;
  828. small {
  829. font-size: 2em !important;
  830. &:after {
  831. display: none;
  832. }
  833. }
  834. }
  835. }
  836. }
  837. }
  838. .price {
  839. &, ins {
  840. .amount {
  841. color: var( --vamtam-accent-color-1 );
  842. text-decoration: none !important;
  843. font-size: var( --vamtam-h3-font-size );
  844. font-weight: 600;
  845. }
  846. }
  847. del {
  848. opacity: 1 !important;
  849. display: inline-block;
  850. margin-right: .5em;
  851. &, .amount {
  852. color: var( --vamtam-accent-color-3 );
  853. text-decoration: line-through;
  854. font-weight: 200;
  855. }
  856. }
  857. }
  858. .images a img {
  859. box-shadow: none !important;
  860. }
  861. .product_meta {
  862. padding: 15px 0 0 0;
  863. border-top: 1px solid var( --vamtam-default-line-color );
  864. span {
  865. line-height: 25px;
  866. }
  867. a {
  868. font-weight: normal;
  869. color: var( --vamtam-body-link-regular );
  870. &:hover {
  871. color: var( --vamtam-body-link-hover ) !important;
  872. }
  873. &:visited {
  874. color: var( --vamtam-body-link-visited );
  875. }
  876. }
  877. }
  878. table.shop_table {
  879. margin: 5px 0px 10px 0px;
  880. border: 0;
  881. tfoot th td {
  882. font-weight: normal;
  883. }
  884. th,
  885. td {
  886. border-bottom: solid 1px var( --vamtam-default-line-color );
  887. }
  888. .product-remove{
  889. padding-left: 10px;
  890. }
  891. }
  892. .cart_item{
  893. font-weight: 500;
  894. a {
  895. font-weight: 500;
  896. display: inline-block;
  897. b, strong {
  898. font-weight: 500;
  899. }
  900. }
  901. b, strong, td {
  902. font-weight: 500;
  903. }
  904. .booked-wc-checkout-section {
  905. font-weight: normal;
  906. color: var( --vamtam-primary-font-color );
  907. b, strong {
  908. font-weight: normal;
  909. }
  910. small {
  911. font-size: 80%;
  912. }
  913. }
  914. }
  915. &.woocommerce-cart {
  916. .cart-collaterals {
  917. .button {
  918. margin: 10px 10px 0 0;
  919. }
  920. }
  921. .coupon {
  922. margin-top: 40px;
  923. label {
  924. display: block;
  925. padding-bottom: 5px;
  926. }
  927. }
  928. table.shop_table,
  929. table.shop_table th,
  930. table.shop_table td {
  931. border: 0;
  932. }
  933. table.shop_table {
  934. .product-thumbnail {
  935. img {
  936. width: 80px;
  937. }
  938. a {
  939. border: var( --vamtam-no-border-link );
  940. display: block;
  941. }
  942. }
  943. td {
  944. border-top: 1px solid var( --vamtam-default-line-color );
  945. border-bottom: 0;
  946. }
  947. a.remove:hover {
  948. background: none;
  949. color: red;
  950. }
  951. }
  952. .cart_totals {
  953. td {
  954. text-align: right;
  955. padding: 10px 0;
  956. }
  957. th {
  958. padding: 10px 0;
  959. font-weight: 700;
  960. }
  961. }
  962. .cart_totals,
  963. .shipping_calculator {
  964. width: auto;
  965. float: none;
  966. }
  967. .woocommerce-cart-form .cross-sells {
  968. > h2 {
  969. .vamtam-font( h4- );
  970. margin: 60px 0 30px 0;
  971. padding-bottom: 30px;
  972. border-bottom: 1px solid var( --vamtam-default-line-color );
  973. }
  974. }
  975. .shipping-calculator-button {
  976. .vamtam-font(h6-);
  977. position: relative;
  978. border: var( --vamtam-no-border-link );
  979. &:before{
  980. width: 24px;
  981. height: 24px;
  982. font-family: theme;
  983. content: icon( vamtam-theme-calculator);
  984. font-size: 16px;
  985. line-height: 16px;
  986. text-align: left;
  987. color: var( --vamtam-accent-color-1 );
  988. margin: 0px;
  989. display: inline-block;
  990. padding-top: 3px;
  991. vertical-align: top;
  992. }
  993. select {
  994. padding: 10px;
  995. margin-bottom: 10px;
  996. font-size: 16px;
  997. }
  998. span {
  999. font-style: normal;
  1000. }
  1001. &:hover {
  1002. text-decoration: none;
  1003. }
  1004. &:after {
  1005. display: none;
  1006. }
  1007. }
  1008. .shipping-calculator-form {
  1009. .form-row {
  1010. padding: 0 0 5px 0;
  1011. }
  1012. }
  1013. }
  1014. .shipping td p {
  1015. margin-top: 5px;
  1016. }
  1017. .add_review {
  1018. a.button {
  1019. box-shadow: none;
  1020. text-shadow: none;
  1021. }
  1022. }
  1023. ul.cart_list a {
  1024. .vamtam-font(h5-);
  1025. padding: 5px 0 10px 0;
  1026. font-size: 14px;
  1027. }
  1028. ul.product-categories {
  1029. li.current-cat {
  1030. a {
  1031. color: var( --vamtam-body-link-hover );
  1032. }
  1033. }
  1034. }
  1035. .myaccount_user {
  1036. padding-bottom: 70px;
  1037. }
  1038. .myaccount_address {
  1039. padding-bottom: 30px;
  1040. }
  1041. .login {
  1042. .form-row {
  1043. display: inline-block;
  1044. }
  1045. }
  1046. .lost_password {
  1047. padding-left: 10px;
  1048. display: inline-block;
  1049. a {
  1050. font-size: 12px;
  1051. }
  1052. &:before {
  1053. content: "|";
  1054. font-size: 16px;
  1055. line-height: 16px;
  1056. text-align: left;
  1057. color: var( --vamtam-accent-color-7 );
  1058. padding-right: 15px;
  1059. vertical-align: middle;
  1060. }
  1061. }
  1062. #order_review_heading,
  1063. .cart_totals > h2,
  1064. .woocommerce-billing-fields h3 {
  1065. .vamtam-font(h3-);
  1066. margin-top: 0px;
  1067. }
  1068. .woocommerce-billing-fields {
  1069. padding-top: 25px;
  1070. }
  1071. .col2-set .col-1 {
  1072. padding-bottom: 60px;
  1073. }
  1074. .col2-set .col-2,
  1075. .cart-collaterals {
  1076. padding: 25px;
  1077. box-sizing: border-box;
  1078. border-radius: var( --vamtam-border-radius );
  1079. background: var( --vamtam-accent-color-5 );
  1080. box-shadow: 0 1px 20px 0 rgba(0,0,0,0.08);
  1081. margin-bottom: 60px;
  1082. }
  1083. .woocommerce .cart-empty, .return-to-shop {
  1084. text-align: center;
  1085. margin-bottom: 20px;
  1086. }
  1087. &.woocommerce-cart,
  1088. &.woocommerce-checkout {
  1089. .footer-wrapper {
  1090. background: transparent !important;
  1091. }
  1092. }
  1093. .vamtam-related-content {
  1094. .cbp-item {
  1095. padding: 10px;
  1096. .product {
  1097. margin: 0px;
  1098. }
  1099. }
  1100. }
  1101. }
  1102. .woocommerce-page #review_form #respond p.stars {
  1103. margin: 5px 0 10px;
  1104. }
  1105. .woocommerce .main-header img, .woocommerce-page .main-header img {
  1106. max-width: initial;
  1107. }
  1108. .vamtam-cart-dropdown-link {
  1109. position: relative;
  1110. display: block;
  1111. width: auto;
  1112. color: var( --vamtam-accent-color-4 );
  1113. text-align: center;
  1114. cursor: pointer;
  1115. transition: all .3s;
  1116. height: 32px;
  1117. border: var( --vamtam-no-border-link );
  1118. .products {
  1119. box-sizing: border-box;
  1120. position: absolute;
  1121. bottom: 4px;
  1122. right: 0px;
  1123. z-index: 1;
  1124. display: block;
  1125. color: var( --vamtam-accent-color-6 );
  1126. text-align: center;
  1127. font-style: normal;
  1128. font-size: 10px;
  1129. font-family: var( --vamtam-primary-font-font-family );
  1130. line-height: 1em;
  1131. font-weight: 500;
  1132. width: 90%;
  1133. transition: color .3s;
  1134. &.cart-empty {
  1135. color: var( --vamtam-accent-color-6 );
  1136. transition: all .3s;
  1137. }
  1138. }
  1139. .icon {
  1140. position: relative;
  1141. font-size: 34px;
  1142. line-height: 1;
  1143. color: var( --vamtam-accent-color-6 );
  1144. transition: all .3s;
  1145. }
  1146. &:hover {
  1147. text-decoration: none;
  1148. color: var( --vamtam-accent-color-1 );
  1149. border: none;
  1150. .icon {
  1151. color: var( --vamtam-accent-color-1 );
  1152. }
  1153. .products.cart-empty,
  1154. .products {
  1155. color: var( --vamtam-accent-color-1 );
  1156. }
  1157. }
  1158. }
  1159. .woocommerce-order-received {
  1160. .woocommerce {
  1161. width: 70%;
  1162. margin: auto;
  1163. text-align: center;
  1164. ul.order_details {
  1165. text-align: left;
  1166. li {
  1167. margin-top: 1em;
  1168. }
  1169. }
  1170. .col2-set .col-2,
  1171. .cart-collaterals {
  1172. padding: 0px;
  1173. box-shadow: none;
  1174. margin: 0px
  1175. }
  1176. address {
  1177. border-width: 1px;
  1178. padding: 30px;
  1179. width: auto;
  1180. }
  1181. }
  1182. h2 {
  1183. font-size: var( --vamtam-h4-font-size );
  1184. line-height: 1.2em;
  1185. padding-bottom: 30px;
  1186. margin-top: 50px;
  1187. }
  1188. }
  1189. .fixed-header-box {
  1190. .cart-dropdown {
  1191. min-width: 30px;
  1192. margin-left: 25px;
  1193. &.hidden {
  1194. display: none;
  1195. }
  1196. &:hover {
  1197. .vamtam-cart-dropdown-link {
  1198. z-index: 9999;
  1199. }
  1200. }
  1201. &:not(:last-child) {
  1202. .widget {
  1203. width: 280px;
  1204. }
  1205. }
  1206. .cart-dropdown-inner {
  1207. width: 30px;
  1208. height: 34px;
  1209. }
  1210. .widget {
  1211. position: absolute;
  1212. display: none;
  1213. width: 280px;
  1214. background-color: var( --vamtam-accent-color-5 );
  1215. padding: 20px;
  1216. margin-left: -290px;
  1217. box-shadow: 0 1px 50px 0 rgba(0,0,0,0.06);
  1218. border-radius: var( --vamtam-border-radius );
  1219. margin-top: 2px;
  1220. img {
  1221. box-shadow: none;
  1222. }
  1223. }
  1224. }
  1225. }
  1226. .woocommerce-store-notice, p.demo_store {
  1227. background-color: var( --vamtam-accent-color-3 );
  1228. box-shadow: none;
  1229. padding: 0.6em 0;
  1230. color: var( --vamtam-accent-color-5 );
  1231. a {
  1232. font-size: 1em;
  1233. }
  1234. }
  1235. @media not ( hover ) {
  1236. .woocommerce .products.vamtam-wc .product .add_to_cart_button,
  1237. .woocommerce .products.vamtam-wc .product .vamtam-button.product_type_simple,
  1238. .woocommerce .products.vamtam-wc .product .added_to_cart,
  1239. .woocommerce .products.vamtam-wc .product .ajax_add_to_cart {
  1240. opacity: 1;
  1241. }
  1242. }