frontend.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. /* Wrappers */
  2. body.rtl .fl-module-testimonials .bx-viewport {
  3. direction: ltr;
  4. }
  5. body.rtl .fl-testimonials-wrap.compact .fl-slider-next {
  6. left: 18px;
  7. right: auto;
  8. }
  9. body.rtl .fl-testimonials-wrap.compact .fl-slider-prev {
  10. right: auto !important;
  11. left: 0;
  12. }
  13. body.rtl .fl-testimonials-wrap .fl-testimonial {
  14. direction: rtl;
  15. }
  16. .fl-module-testimonials .bx-wrapper {
  17. margin: 0 auto 35px;
  18. }
  19. .fl-testimonials-wrap {
  20. position: relative;
  21. }
  22. .fl-testimonials-wrap .fl-testimonial {
  23. position: absolute;
  24. top: 0;
  25. visibility: hidden;
  26. }
  27. .fl-testimonials-wrap .fl-testimonial:first-child,
  28. .fl-testimonials-loaded .fl-testimonial {
  29. position: relative;
  30. visibility: visible;
  31. }
  32. .fl-testimonials-wrap .fa {
  33. opacity: 0.8;
  34. -webkit-transition: opacity 0.2s;
  35. -moz-transition: opacity 0.2s;
  36. -o-transition: opacity 0.2s;
  37. -ms-transition: opacity 0.2s;
  38. transition: opacity 0.2s;
  39. }
  40. .fl-testimonials-wrap .fa:hover {
  41. opacity: 1;
  42. }
  43. /* Wide */
  44. .fl-testimonials.wide {
  45. text-align: center;
  46. }
  47. .fl-testimonials-wrap.wide .fl-slider-next,
  48. .fl-testimonials-wrap.wide .fl-slider-prev {
  49. position: absolute;
  50. top: 50%;
  51. margin-top:-10px;
  52. right: 0px;
  53. }
  54. .fl-testimonials-wrap.wide .fa {
  55. font-size: 23px;
  56. position: relative;
  57. z-index: 1;
  58. }
  59. .fl-testimonials-wrap.wide .fl-slider-prev {
  60. left: 0px !important;
  61. }
  62. /* Compact */
  63. .fl-testimonials-wrap.compact h3 {
  64. margin: .3em 0;
  65. }
  66. .fl-testimonials-wrap.compact .fl-slider-next,
  67. .fl-testimonials-wrap.compact .fl-slider-prev {
  68. position: absolute;
  69. top: 9px;
  70. right: 0;
  71. }
  72. .fl-testimonials-wrap.compact .fa {
  73. font-size: 17px;
  74. }
  75. .fl-testimonials-wrap.compact .fl-slider-prev {
  76. right: 18px !important;
  77. }
  78. /* Navigation Fixes */
  79. .fl-testimonials-wrap .fl-slider-next a.disabled,
  80. .fl-testimonials-wrap .fl-slider-prev a.disabled,
  81. .fl-testimonials-wrap .bx-controls a.disabled {
  82. pointer-events: none;
  83. }