footer.component.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. .footer {
  2. width: 100%;
  3. height: 200px;
  4. position: absolute;
  5. bottom: 0;
  6. background: url('../../../assets/image/footer.png') no-repeat center center;
  7. background-size: cover;
  8. margin-top: -13px;
  9. position: relative;
  10. direction: rtl;
  11. font-family: 'Cairo', sans-serif;
  12. overflow: hidden;
  13. }
  14. .overlayFooter-w {
  15. position: absolute;
  16. width: 100%;
  17. height: 100%;
  18. top: 0;
  19. bottom: 0;
  20. right: 0;
  21. left: 0;
  22. background: rgba(223, 212, 198, 0.6);
  23. }
  24. .leftFooter-w {
  25. width: 100%;
  26. display: inline-block;
  27. padding: 20px 0;
  28. }
  29. .leftFooter-w img {
  30. width: 100px;
  31. margin: 40px 10px;
  32. }
  33. .centerFooter-w {
  34. width: 100%;
  35. display: inline-block;
  36. }
  37. .centerFooter-w ul {
  38. width: 100%;
  39. padding: 40px 0;
  40. }
  41. .centerFooter-w ul li{
  42. display: inline-block;
  43. margin: 50px 5px;
  44. }
  45. .centerFooter-w ul li a {
  46. text-decoration: none;
  47. font-size: 16px;
  48. font-weight: 600;
  49. color: #fff;
  50. transition: all 0.5s;
  51. text-shadow: 2px 2px 4px #000000;
  52. }
  53. .centerFooter-w ul li a:hover {
  54. color: #252525;
  55. text-shadow: 0 0 0 transparent;
  56. }
  57. .rightFooter-w {
  58. width: 100%;
  59. display: inline-block;
  60. padding: 35px 0;
  61. margin-top: 40px;
  62. }
  63. .rightFooter-w img {
  64. width: 200px;
  65. }
  66. /* start media query */
  67. @media(max-width: 767px) {
  68. .centerFooter-w ul{
  69. padding: 0;
  70. }
  71. .centerFooter-w ul li{
  72. display: inline-block;
  73. margin: 0 5px;
  74. }
  75. }