vamtam-custom-classes.less 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. .vamtam-col-full-height .fl-col-content {
  2. min-height: 100vh;
  3. }
  4. .vamtam-add-shadow {
  5. > .fl-node-content,
  6. > .fl-row-content-wrap {
  7. box-shadow: 0 5px 30px 0 rgba(0,0,0,0.05);
  8. }
  9. }
  10. .vamtam-rounded-corners > {
  11. .fl-node-content,
  12. .fl-row-content-wrap {
  13. border-radius: 6px;
  14. overflow: hidden;
  15. }
  16. }
  17. .fl-module-photo {
  18. &.vamtam-rounded-corners img {
  19. border-radius: 6px;
  20. }
  21. &.vamtam-add-shadow {
  22. .fl-node-content,
  23. .fl-row-content-wrap {
  24. box-shadow: none;
  25. }
  26. img {
  27. box-shadow: 0 5px 30px 0 rgba(0,0,0,0.05);
  28. }
  29. }
  30. }
  31. .fl-module-vamtam-button {
  32. &.vamtam-add-shadow {
  33. .fl-node-content,
  34. .fl-row-content-wrap {
  35. box-shadow: none;
  36. }
  37. a.vamtam-button {
  38. box-shadow: 0 5px 30px 0 rgba(0,0,0,0.05);
  39. }
  40. }
  41. }
  42. .fl-module-html {
  43. &.vamtam-add-shadow {
  44. .fl-node-content,
  45. .fl-row-content-wrap {
  46. box-shadow: none;
  47. }
  48. video {
  49. box-shadow: 0 5px 30px 0 rgba(0,0,0,0.05);
  50. }
  51. }
  52. }
  53. .vamtam-stand-out {
  54. z-index: 1;
  55. position: relative;
  56. }
  57. @media (max-width: 479px) {
  58. body.responsive-layout {
  59. .vamtam-col-full-height .fl-col-content {
  60. min-height: auto;
  61. }
  62. .vamtam-hide-bg-photo-mobile > .fl-row-content-wrap,
  63. .vamtam-hide-bg-photo-mobile > .fl-col-content {
  64. background-image: none;
  65. }
  66. }
  67. }
  68. @media (max-width: 992px) {
  69. body.responsive-layout {
  70. .vamtam-mobile-left {
  71. .vamtam-heading,
  72. p,
  73. .fl-icon-group,
  74. .fl-module-vamtam-icon,
  75. .vamtam-button-wrap {
  76. text-align: left !important;
  77. justify-content: initial !important;
  78. }
  79. }
  80. }
  81. }