You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

86 lines
2.2 KiB

2 years ago
2 years ago
  1. @import (reference) "../include/infopages.less";
  2. @import (reference) "../include/colortheme-all.less";
  3. &.cp-page-faq {
  4. .infopages_main();
  5. #cp-main {
  6. background: #fff;
  7. }
  8. .cp-faq {
  9. padding-top: 3em;
  10. padding-bottom: 3em;
  11. background-image: url(/customize/images/cover-faq.jpg);
  12. background-size: cover;
  13. background-repeat: no-repeat;
  14. background-position: center;
  15. .container {
  16. color: #fff;
  17. font-family: "Open Sans";
  18. }
  19. h1 {
  20. font-weight: 700;
  21. }
  22. }
  23. .cp-faq-ques-det {
  24. .cp-faq-header {
  25. a {
  26. padding: 0;
  27. h4 {
  28. margin-top: 1.5rem;
  29. margin-bottom: 1.5rem;
  30. .cp-brand-font {
  31. font-family: "Neuropolitical";
  32. }
  33. }
  34. }
  35. }
  36. }
  37. .cp-faq-container {
  38. .cp-faq-questions-items {
  39. background: #3a84b6;
  40. color: #fff;
  41. padding: 1rem 1rem 0.5rem 1rem;
  42. margin-bottom: 1rem;
  43. }
  44. .cp-faq-questions-q {
  45. padding: 0;
  46. margin-bottom: 0.5rem;
  47. cursor: pointer;
  48. -webkit-touch-callout: none;
  49. -webkit-user-select: none;
  50. -khtml-user-select: none;
  51. -moz-user-select: none;
  52. -ms-user-select: none;
  53. user-select: none;
  54. &:hover {
  55. text-decoration: none;
  56. }
  57. &:after {
  58. content: '\f067';
  59. font-family: FontAwesome;
  60. font-weight: normal;
  61. font-style: normal;
  62. float: right;
  63. text-decoration: none;
  64. font-size: 13px;
  65. line-height: 1.5;
  66. }
  67. }
  68. .cp-faq-questions-q.active-faq {
  69. &:after {
  70. content: '\f068';
  71. }
  72. }
  73. .cp-faq-questions-a {
  74. display: none;
  75. padding: 0.5rem;
  76. margin-bottom: 0.5rem;
  77. background-color: #fff;
  78. color: #212529;
  79. }
  80. margin-bottom: 1.5rem;
  81. }
  82. }