Advertisement
Guest User

Resolved invalid CSS

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