Guest User

Untitled

a guest
Dec 13th, 2023
168
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.22 KB | None | 0 0
  1. .custom-bg-color-grey-1 {
  2. background-color: #f4f4f4 !important;
  3. }
  4.  
  5. .custom-font-1 {
  6. font-family: Georgia, serif !important;
  7. }
  8.  
  9. /* Slider */
  10. .custom-slider-el-1 {
  11. max-width: 30%;
  12. right: 12%;
  13. }
  14.  
  15. .custom-slider-el-2 {
  16. max-width: 30%;
  17. left: 12%;
  18. }
  19.  
  20. .custom-slider-text-1 {
  21. font-size: 100px;
  22. text-transform: none;
  23. letter-spacing: 0.01em;
  24. }
  25.  
  26. .custom-slider-text-1 em {
  27. display: inline-block;
  28. font-style: normal;
  29. color: transparent;
  30. font-size: 155px;
  31. transform: rotate(-15deg);
  32. position: relative;
  33. top: 37px;
  34. margin-right: 4px;
  35. }
  36.  
  37. @media (max-width: 991px) {
  38. .custom-slider-text-1 {
  39. font-size: 40px;
  40. }
  41. .custom-slider-text-1 em {
  42. font-size: 45px;
  43. top: 5px;
  44. }
  45. }
  46.  
  47. /* Header Nav Main */
  48. @media (min-width: 992px) {
  49. #header .header-nav-main nav > ul > li > a {
  50. font-size: 0.9rem;
  51. }
  52. }
  53.  
  54. /* Feature Boxes */
  55. .feature-box-steps .feature-box-step-number {
  56. width: 60px;
  57. }
  58.  
  59. .feature-box-steps .feature-box-step-number em {
  60. font-size: 44px;
  61. font-style: normal;
  62. display: block;
  63. margin-top: 32px;
  64. margin-right: 10px;
  65. color: var(--light);
  66. font-weight: bold;
  67. transform: rotate(-15deg);
  68. }
  69.  
  70. /* Courses */
  71. .custom-card-courses {
  72. border: 0 !important;
  73. }
  74.  
  75. .custom-card-courses .custom-card-courses-author {
  76. position: absolute;
  77. bottom: -30px;
  78. right: 20px;
  79. }
  80.  
  81. .custom-card-courses .custom-card-courses-author img {
  82. height: 60px;
  83. width: 60px;
  84. border-radius: 50% !important;
  85. }
  86.  
  87. /* Countdown */
  88. .countdown {
  89. min-height: 88px;
  90. }
  91.  
  92. /* Custom Elements */
  93. .custom-element {
  94. position: absolute;
  95. }
  96.  
  97. .custom-element.custom-element-pos-1 {
  98. top: 30%;
  99. left: -35%;
  100. }
  101.  
  102. .custom-element.custom-element-pos-2 {
  103. bottom: -15%;
  104. right: -35%;
  105. }
  106.  
  107. .custom-element.custom-element-pos-3 {
  108. top: 30%;
  109. left: -35%;
  110. }
  111.  
  112. .custom-element.custom-element-pos-4 {
  113. top: -20%;
  114. right: -20%;
  115. }
  116.  
  117. /* Section Bacgrkound */
  118. @media (max-width: 991px) {
  119. .custom-section-background-1 {
  120. padding-bottom: 35% !important;
  121. }
  122. }
  123.  
  124. @media (max-width: 991px) {
  125. .custom-section-background-2 {
  126. padding-bottom: 35% !important;
  127. }
  128. }
  129.  
  130. /* Breadcrumb */
  131. .breadcrumb > li {
  132. font-size: 0.9em;
  133. text-transform: none;
  134. }
  135.  
  136. /* Course Details */
  137. .custom-course-detail .custom-course-detail-avatar {
  138. max-height: 80px;
  139. max-width: 80px;
  140. border-radius: 50% !important;
  141. }
  142.  
  143. @media (max-width: 767px) {
  144. .custom-course-detail .border-right {
  145. border: 0 !important;
  146. }
  147. }
  148.  
  149. /* Course Details */
  150. @media (max-width: 767px) {
  151. .custom-instructor-details .border-right {
  152. border: 0 !important;
  153. }
  154. }
  155.  
  156. /* Custom Accordion Style */
  157. .custom-accordion-style-1 > .card {
  158. border: 1px solid transparent !important;
  159. transition: ease border-color 300ms;
  160. }
  161.  
  162. .custom-accordion-style-1 > .card .card-header a {
  163. position: relative;
  164. padding: 23px 30px;
  165. background-color: var(--light);
  166. transition: ease background-color 300ms, ease color 300ms;
  167. }
  168.  
  169. .custom-accordion-style-1 > .card .card-header a:after {
  170. content: '+';
  171. position: absolute;
  172. top: 50%;
  173. right: 25px;
  174. font-size: inherit;
  175. font-weight: inherit;
  176. transform: translate3d(0, -50%, 0) rotate(45deg);
  177. transform-origin: 50% 50%;
  178. transition: ease transform 300ms;
  179. }
  180.  
  181. .custom-accordion-style-1 > .card .card-header a.collapsed:after {
  182. transform: translate3d(0, -50%, 0) rotate(0deg);
  183. }
  184.  
  185. .custom-accordion-style-1 > .card + .card {
  186. margin-top: 20px;
  187. }
  188.  
  189. /* Form */
  190. .custom-form-style-1 .form-control {
  191. height: calc(1.8em + 1.85rem + 2px);
  192. padding: 0.975rem 1.25rem;
  193. background: var(--grey-100) !important;
  194. border-color: var(--grey-100) !important;
  195. line-height: 1.5 !important;
  196. }
  197.  
  198. .custom-form-style-1 .form-control:focus {
  199. border-color: var(--grey-500);
  200. }
  201.  
  202. .custom-form-style-1 .form-control::-webkit-input-placeholder {
  203. color: #a9a9a9;
  204. }
  205.  
  206. .custom-form-style-1 .form-control::-moz-placeholder {
  207. color: #a9a9a9;
  208. }
  209.  
  210. .custom-form-style-1 .form-control:-ms-input-placeholder {
  211. color: #a9a9a9;
  212. }
  213.  
  214. .custom-form-style-1 select {
  215. color: #495057;
  216. }
  217.  
  218. .custom-form-style-1 select option {
  219. color: #a9a9a9;
  220. }
  221.  
  222. .custom-form-style-1 select option[selected] {
  223. color: #a9a9a9;
  224. }
  225.  
  226. .custom-form-style-1 textarea.form-control {
  227. height: auto;
  228. }
  229.  
  230. /* Skin */
  231. @media (min-width: 992px) {
  232. #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a,
  233. #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {
  234. color: var(--secondary);
  235. }
  236. }
  237.  
  238. /* Slider */
  239. .custom-slider-text-1 em {
  240. -webkit-text-stroke: 2px var(--primary);
  241. text-stroke: 2px var(--primary);
  242. }
  243.  
  244. /* Feature Boxes */
  245. .feature-box-steps .feature-box-step-number em {
  246. -webkit-text-stroke: 2px var(--primary);
  247. text-stroke: 2px var(--primary);
  248. }
  249.  
  250. /* Custom Nav */
  251. .custom-nav-secondary.owl-carousel.nav-style-1 .owl-nav .owl-prev,
  252. .custom-nav-secondary.owl-carousel.nav-style-1 .owl-nav .owl-next {
  253. color: var(--secondary) !important;
  254. }
  255.  
Advertisement
Add Comment
Please, Sign In to add comment