Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
 
 
 
 

78 righe
1.4 KiB

  1. footer {
  2. position: relative;
  3. background: $newClassic;
  4. color: #fff;
  5. padding: 2rem 0;
  6. width: 100%;
  7. margin: 0 auto;
  8. .inside {
  9. max-width: 1050px;
  10. margin: 0 auto;
  11. border-top: 1px solid #fff;
  12. padding: 0.5rem 15px 0 15px;
  13. .top-link {
  14. position: absolute;
  15. top: -6rem;
  16. left: 50%;
  17. transform: translateX(-50%);
  18. a {
  19. position: relative;
  20. font-size: size(14);
  21. text-transform: uppercase;
  22. color: $main-color;
  23. &:before {
  24. position: absolute;
  25. content: '';
  26. top: -20px;
  27. left: calc(50% - 15px);
  28. border: solid $main-color;
  29. border-width: 0 1px 1px 0;
  30. display: inline-block;
  31. padding: 15px;
  32. transform: rotate(-135deg);
  33. }
  34. }
  35. }
  36. ul {
  37. display: flex;
  38. margin: 0;
  39. padding: 0;
  40. li {
  41. list-style-type: none;
  42. margin: 0 1rem;
  43. }
  44. }
  45. a {
  46. color: inherit;
  47. }
  48. .node_wrapper {
  49. display: flex;
  50. justify-content: space-between;
  51. align-items: center;
  52. flex-direction: column;
  53. @media (min-width: 992px) {
  54. flex-direction: row;
  55. }
  56. .ce_text {
  57. p {
  58. margin: 0;
  59. strong {
  60. @include futura-bold;
  61. font-size: size(20);
  62. text-transform: uppercase;
  63. }
  64. }
  65. }
  66. .mod_customnav {
  67. display: flex;
  68. flex-wrap: wrap;
  69. justify-content: center;
  70. }
  71. .socials {
  72. width: 100%;
  73. max-width: 60px;
  74. }
  75. }
  76. }
  77. }