watsonkatiej

Looking for different font color on mobile

Oct 19th, 2020
18
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. h1, h2, h3, h4, h5, h6 {
  2. color: #263246;
  3. }
  4.  
  5. /* Header edits */
  6. #mainnav .current-menu-item {
  7. border-bottom: 2px solid #D83A3A;
  8. }
  9. footer {
  10. display: none !important;
  11. }
  12. #mainnav li {
  13. padding: 0 2px;
  14. margin: 0 12px;
  15. }
  16.  
  17. .site-header {
  18. border-bottom: 1px solid rgba(255,255,255,0.1);
  19. }
  20. .site-logo {
  21. max-height: 125px;
  22. }
  23. .text-slider .subtitle{
  24. color: #14447c;
  25. font-size: 24px;
  26. line-height: 26px;
  27. }
  28. @media only screen and (min-width: 1025px) {
  29.  
  30. .text-slider .subtitle{
  31. padding-left: 190px;
  32. padding-right: 160px;
  33. }
  34. .text-slider .subtitle{
  35.  
  36. color: #14447c;
  37.  
  38. }
  39. @media only screen and (max-width: 1024px) {
  40.  
  41. .text-slider .subtitle{
  42.  
  43. color: #000000;
  44.  
  45. }
  46.  
  47. /* Skills edits */
  48.  
  49. .skills_percentage_fix .elementor-progress-wrapper {
  50. overflow: visible !important;
  51. }
  52.  
  53. .skills_percentage_fix .elementor-progress-percentage {
  54. margin-top: -20px;
  55. padding-right: 0;
  56. }
  57.  
  58. /* Icons edits */
  59.  
  60. .center_icons_fix .elementor-icon-box-wrapper {
  61. align-items: center !important;
  62. }
  63.  
  64. .center_icons_fix .elementor-icon-box-title {
  65. line-height: 60px;
  66. margin-bottom: 15px !important;
  67. }
  68.  
  69. /* Our work edits */
  70.  
  71. .our_work li a {
  72. color: #263246;
  73. padding: 0 2px;
  74. margin: 0 8px;
  75. }
  76.  
  77. .our_work li a:hover, .our_work .active {
  78. color: #263246;
  79. border-bottom: 2px solid #D83A3A;
  80. }
  81.  
  82. .our_work li a {
  83. border-bottom: 2px solid transparent;
  84. }
  85.  
  86. .our_work li a.active {
  87. color: #263246;
  88. }
  89.  
  90. .our_work li {
  91. background-color: transparent;
  92. }
  93.  
  94. .our_work .roll-project.fullwidth .project-item {
  95. width: 30%;
  96. margin: 15px;
  97. }
  98.  
  99. .our_work .project-title span {
  100. position: absolute;
  101. bottom: 0;
  102. background-color: #fff;
  103. width: 89%;
  104. padding: 18px 25px;
  105. text-align: left;
  106. margin: 0 0 20px 20px;
  107. }
  108.  
  109. .our_work .project-pop {
  110. background-color: transparent !important;
  111. }
  112.  
  113. /* Testimonials */
  114. .test_add_quote .fa {
  115. display: block;
  116. text-align: center;
  117. font-size: 4em;
  118. color: rgba(255,255,255,0.3) !important;
  119. margin-bottom: 30px;
  120. }
  121.  
  122. .test_add_quote .avatar {
  123. width: 80px;
  124. border: 5px solid rgba(255,255,255,0.7);
  125. }
  126.  
  127. .test_add_quote .testimonial-position:before {
  128. content: '-';
  129. margin: 0 5px;
  130. }
  131.  
  132. .test_add_quote .testimonial-position {
  133. display: inline-block !important;
  134. text-align: left;
  135. width: 51%;
  136. }
  137.  
  138. .test_add_quote .testimonial-name {
  139. text-align: right;
  140. float: left;
  141. width: 49%;
  142. }
  143.  
  144. .test_add_quote .owl-theme .owl-controls .owl-page span {
  145. background-color: rgba(255,255,255,0.3);
  146. border-color: transparent;
  147. }
  148.  
  149. .test_add_quote .owl-theme .owl-controls .owl-page.active span {
  150. background-color: #fff;
  151. width: 40px;
  152. border-radius: 4px;
  153. }
  154.  
  155. /* Team edits */
  156. .team_hover_edits .team-pop .name, .team_hover_edits .team-pop .pos {
  157. display: none;
  158. }
  159.  
  160. .team_hover_edits .team-pop .name, .team_hover_edits .team-pop .team-info {
  161. top: 80% !important;
  162. }
  163.  
  164. .team_hover_edits .team-pop .name, .team_hover_edits .team-pop {
  165. background-color: transparent !important;
  166. }
  167.  
  168. .team_hover_edits .team-social li a {
  169. color: #000;
  170. margin-left: 10px;
  171. height: 40px;
  172. width: 40px;
  173. border: none;
  174. background-color: #fff;
  175. border-radius: 0;
  176. line-height: 42px;
  177. }
  178.  
  179. .team_hover_edits .team-pop .team-social li:hover a {
  180. color: #fff !important;
  181. background-color: #D83A3A;
  182. }
  183.  
  184. .team_hover_edits .avatar {
  185. box-shadow: 0px 11px 40px 0px rgba(79,118,157,0.1);
  186. }
  187.  
  188. .team_hover_edits .team-item {
  189. padding: 0 25px 0 0 !important;
  190. }
  191.  
  192. /* latest_news */
  193. .latest_news .roll-button { border: none !important;
  194. border-color: transparent !important;
  195. }
  196.  
  197. /* footer */
  198. .footer-widgets {
  199. padding: 72px 0 62px;
  200. }
  201.  
  202. #sidebar-footer {
  203. font-size: 14px;
  204. }
  205.  
  206. #media_image-3 {
  207. margin-bottom: 47px;
  208. }
  209.  
  210. #text-3 {
  211. font-size: 14px;
  212. padding: 0;
  213. }
  214.  
  215. #sidebar-footer .col-md-3:first-child {
  216. width: 338px;
  217. padding: 0;
  218. margin-right: 90px;
  219. }
  220.  
  221. #sidebar-footer .col-md-3 {
  222. width: 18%;
  223. }
  224.  
  225. #sidebar-footer .widget-title {
  226. color: #fff;
  227. text-transform: none;
  228. font-size: 20px;
  229. margin: 0 0 17px 0;
  230. }
  231.  
  232. #sidebar-footer .widget-title:after {
  233. content: '';
  234. display: block;
  235. width: 50px;
  236. height: 3px;
  237. background-color: #D83A3A;
  238. margin-top: 17px;
  239. }
  240.  
  241. #sidebar-footer .col-md-3:last-child {
  242. width: 300px;
  243. }
  244.  
  245. /* Blog edits */
  246. #secondary #recent-posts-2 ul li {
  247. padding: 20px 0;
  248. border-bottom: 1px solid rgba(0,0,0,0.1);
  249. }
  250.  
  251. #secondary #recent-posts-2 ul li:last-child {
  252. border-bottom: none;
  253. }
  254.  
  255. #secondary #recent-posts-2 ul li a {
  256. font-size: 16px;
  257. line-height: 24px;
  258. color: #263246;
  259. display: block;
  260. margin-bottom: 10px;
  261. }
  262.  
  263. #secondary #recent-posts-2 ul li span {
  264. color: #868990;
  265. font-size: 13px;
  266. }
  267.  
  268. #secondary #categories-2 ul li, #secondary #archives-2 ul li {
  269. padding: 0;
  270. font-size: 16px;
  271. line-height: 40px;
  272. color: #868990;
  273. font-weight: bold;
  274. }
  275.  
  276. #secondary .tagcloud a {
  277. font-size: 13px !important;
  278. background-color: #F2F2F2;
  279. padding: 7px 16px;
  280. margin: 2px;
  281. display: inline-block;
  282. word-break: keep-all;
  283. }
  284.  
  285. input[type="text"], input[type="email"] {
  286. color: #868990;
  287. background-color: #fff;
  288. border: 1px solid rgba(0,0,0,0.1);
  289. height: 42px;
  290. padding: 13px 20px;
  291. }
  292.  
  293. input[type="submit"] {
  294. width: 100%;
  295. }
  296.  
  297. /* Contact Us*/
  298.  
  299. #contact_us_form input::placeholder, textarea::placeholder {
  300. color: #263246;
  301. }
  302.  
  303. #contact_three_fields {
  304. background-color: #FAFAFA;
  305. border: 1px solid #e5e5e5;
  306. height: 50px;
  307. padding: 15px 27px;
  308. margin: 0 0 30px 0;
  309. width: 31.5%;
  310. }
  311.  
  312. span.YourEmail > input {
  313. margin: 0 31px 30px 31px !important;
  314. }
  315.  
  316. #contact_message {
  317. color: #263246;
  318. background-color: #FAFAFA;
  319. border: 1px solid #e5e5e5;
  320. padding: 15px 27px;
  321. margin: 0 0 30px 0;
  322. width: 100%;
  323. }
  324.  
  325. #contact_submit {
  326. width: auto;
  327. padding: 15px 33px;
  328. font-size: 14px;
  329. }
  330.  
  331. #contact_us_form {
  332. text-align: center;
  333. }
  334.  
  335. /* Mobile edits */
  336.  
  337. @media (max-width: 768px) {
  338. .our_work .roll-project.fullwidth .project-item {
  339. width: 45.5%;
  340. }
  341.  
  342. #sidebar-footer .col-md-3:first-child {
  343. width: 45%;
  344. margin-right: 70px;
  345. float: left;
  346. }
  347.  
  348. #sidebar-footer .col-md-3 {
  349. width: 45%;
  350. float: left;
  351. }
  352.  
  353. #contact_three_fields, #contact_message {
  354. margin: 0 30px 30px;
  355. width: 90%;
  356. }
  357. }
  358.  
  359. @media (max-width: 479px) {
  360. .our_work .roll-project.fullwidth .project-item {
  361. width: 93% !important;
  362. }
  363.  
  364. .team_hover_edits .team-item {
  365. padding: 0 !important;
  366. }
  367.  
  368. #sidebar-footer .col-md-3:first-child {
  369. width: 100%;
  370. margin-right: 0;
  371. }
  372.  
  373. #sidebar-footer .col-md-3 {
  374. width: 100%;
  375. }
  376.  
  377. #sidebar-footer .col-md-3:last-child {
  378. width: 100%;
  379. }
  380.  
  381. #contact_three_fields, #contact_message {
  382. width: 85%;
  383. }
  384.  
  385. .contact_iconed_list .elementor-icon-box-icon {
  386. float: left;
  387. margin-right: 15px !important;
  388. }
  389. }
RAW Paste Data