watsonkatiej

Subtitle text wrongly showing up as 1 column on smaller screens

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