Без опису
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234
  1. /*------------------*
  2. # Footer
  3. *------------------*/
  4. .nletter-form {
  5. .form-control {
  6. height: 47px;
  7. background: $color-white;
  8. color: $black-soft;
  9. padding: 10px 120px 10px 10px;
  10. width: 100%;
  11. font-size: 14px;
  12. border: 1px solid $color-white;
  13. &:focus {
  14. box-shadow: none;
  15. }
  16. @include border-radius(30px);
  17. }
  18. }
  19. .social-network {
  20. @include max-screen(767) {
  21. padding-bottom: 20px;
  22. }
  23. li {
  24. margin: 0 10px 0 0;
  25. a {
  26. display: block;
  27. color: $color-dark;
  28. background: $color-white;
  29. line-height: 44px;
  30. width: 40px;
  31. height: 40px;
  32. text-align: center;
  33. font-size: 15px;
  34. @include border-radius(50%);
  35. }
  36. }
  37. }
  38. // theme1
  39. .theme1 {
  40. .social-network {
  41. li {
  42. a {
  43. &:hover {
  44. color: $color-white;
  45. background: $theme-color;
  46. }
  47. }
  48. }
  49. }
  50. }
  51. // kvmgdnombnm
  52. .social-network2 {
  53. li {
  54. margin: 0 15px 0 0;
  55. @include max-screen(767) {
  56. margin: 0 10px 0 0;
  57. }
  58. a {
  59. display: block;
  60. line-height: 1;
  61. text-align: center;
  62. font-size: 20px;
  63. @include max-screen(767) {
  64. font-size: 16px;
  65. }
  66. }
  67. }
  68. }
  69. // theme1
  70. .theme1 {
  71. .social-network2 {
  72. li {
  73. a {
  74. color: $color-white;
  75. &:hover {
  76. color: $theme-color;
  77. }
  78. }
  79. }
  80. &.modify{
  81. li {
  82. a {
  83. &:hover {
  84. color: $color-white;
  85. }
  86. }
  87. }
  88. }
  89. }
  90. }
  91. .address {
  92. margin: 0;
  93. }
  94. .address-widget {
  95. .title {
  96. font-size: 22px;
  97. font-weight: 500;
  98. }
  99. .text {
  100. line-height: 1;
  101. color: $body-color;
  102. font-size: 13px;
  103. }
  104. }
  105. // theme1
  106. .theme1 {
  107. .address-widget {
  108. .title {
  109. a {
  110. &:hover {
  111. color: $theme-color;
  112. }
  113. }
  114. }
  115. }
  116. }
  117. /* footer-menu */
  118. .mx-w-400 {
  119. max-width: 400px;
  120. }
  121. .help-text {
  122. font-size: 16px;
  123. margin-bottom: 5px;
  124. }
  125. .footer-widget {
  126. .section-title {
  127. position: relative;
  128. padding-bottom: 20px;
  129. &::after {
  130. position: absolute;
  131. left: 0;
  132. bottom: -1px;
  133. width: 60px;
  134. height: 2px;
  135. content: "";
  136. }
  137. .title {
  138. font-weight: 600;
  139. font-size: 18px;
  140. &::after {
  141. display: none;
  142. }
  143. }
  144. }
  145. }
  146. // theme1
  147. .theme1 {
  148. .footer-widget {
  149. .section-title {
  150. &::after {
  151. background: $theme-color;
  152. }
  153. }
  154. }
  155. }
  156. // footer-menu
  157. .footer-menu {
  158. li {
  159. margin-bottom: 5px;
  160. &:last-child {
  161. margin-bottom: 0;
  162. }
  163. a {
  164. font-size: 14px;
  165. line-height: 24px;
  166. text-transform: capitalize;
  167. color: #565656;
  168. &:hover {
  169. padding-left: 5px;
  170. }
  171. }
  172. }
  173. }
  174. // theme1
  175. .theme1 {
  176. .footer-menu {
  177. li {
  178. a {
  179. &:hover {
  180. color: $theme-color;
  181. }
  182. }
  183. }
  184. }
  185. }
  186. /* coppy-right */
  187. .coppy-right {
  188. p {
  189. color: $color-white;
  190. }
  191. a {
  192. color: $theme-color;
  193. }
  194. }
  195. // theme1
  196. .theme1 {
  197. .coppy-right {
  198. a {
  199. &:hover {
  200. color: $theme-color;
  201. text-decoration: underline;
  202. }
  203. }
  204. }
  205. }
  206. /********************************
  207. footer section End
  208. ********************************/