frontend.css 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. /* Stacked Alignment
  2. ---------------------------------------------------*/
  3. .fl-cta-left {
  4. text-align: left;
  5. }
  6. .fl-cta-center {
  7. text-align: center;
  8. }
  9. .fl-cta-right {
  10. text-align: right;
  11. }
  12. /* Inline Alignment
  13. ---------------------------------------------------*/
  14. .fl-cta-inline {
  15. display: table;
  16. width: 100%;
  17. }
  18. .fl-cta-inline .fl-cta-image,
  19. .fl-cta-inline .fl-cta-text,
  20. .fl-cta-inline .fl-cta-button {
  21. display: table-cell;
  22. vertical-align: middle;
  23. }
  24. .fl-cta-inline .fl-cta-text {
  25. width: 70%;
  26. }
  27. .fl-cta-inline .fl-cta-button {
  28. padding-left: 30px;
  29. text-align: center;
  30. width: 30%;
  31. }
  32. .fl-cta-inline .fl-cta-image {
  33. width: 20%;
  34. padding-right: 30px;
  35. }
  36. .fl-cta-inline .fl-cta-image + .fl-cta-text {
  37. width: 50%;
  38. }
  39. /* Title
  40. ---------------------------------------------------*/
  41. body h1.fl-cta-title,
  42. body h2.fl-cta-title,
  43. body h3.fl-cta-title,
  44. body h4.fl-cta-title,
  45. body h5.fl-cta-title,
  46. body h6.fl-cta-title {
  47. margin: 0;
  48. padding: 0 0 10px 0;
  49. }
  50. /* Button
  51. ---------------------------------------------------*/
  52. .fl-cta-stacked .fl-cta-button {
  53. padding-top: 20px;
  54. }