footer.css 3.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. footer {
  2. background: white;
  3. border-top: 1px solid black;
  4. width: 100%;
  5. height: auto;
  6. margin-top: 2rem; }
  7. footer .container {
  8. max-width: 90vw; }
  9. footer > .d-flex > div {
  10. margin-bottom: 1.5rem;
  11. padding-top: 2rem;
  12. padding-left: 2rem !important;
  13. padding-right: 2rem !important; }
  14. footer > .d-flex > div:not(:last-of-type) {
  15. border-right: 1px solid black; }
  16. @media screen and (min-width: 300px) {
  17. footer > .d-flex > div:not(:last-of-type) {
  18. border-right: none; } }
  19. @media (min-width: 992px) {
  20. footer .d-lg-block {
  21. display: block !important; } }
  22. footer #block-renderedsitesettingsblock-5 {
  23. max-width: 30%; }
  24. @media screen and (max-width: 300px) {
  25. footer #block-renderedsitesettingsblock-5 {
  26. max-width: 100%; } }
  27. footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
  28. display: grid;
  29. grid-template-columns: 1fr 1fr; }
  30. footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(1) {
  31. grid-column: 1;
  32. grid-row: 1 / span 3; }
  33. footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(2) {
  34. grid-column: 2;
  35. grid-row: 1; }
  36. footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(3) {
  37. grid-column: 2;
  38. grid-row: 2;
  39. margin-left: 1rem; }
  40. footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(3) a img {
  41. width: 90%;
  42. margin: auto; }
  43. footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(4) {
  44. grid-column: 2;
  45. grid-row: 3;
  46. margin-top: 2rem;
  47. margin-left: 1rem; }
  48. footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(4) a img {
  49. width: 60%; }
  50. @media screen and (max-width: 300px) {
  51. footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
  52. display: flex;
  53. flex-direction: column; } }
  54. @media (min-width: 992px) {
  55. footer #block-renderedsitesettingsblock-4 .d-lg-block {
  56. display: block !important; } }
  57. footer #block-renderedsitesettingsblock-4 .site_setting_entity > div {
  58. margin: 1rem 0; }
  59. footer #block-renderedsitesettingsblock-4 .site_setting_entity > div:first-child::after, footer #block-renderedsitesettingsblock-4 .site_setting_entity > div:first-child:before {
  60. margin: 0.5rem 0;
  61. display: block;
  62. content: " ";
  63. width: 1rem;
  64. height: 1px;
  65. background: black; }
  66. footer #block-renderedsitesettingsblock-4 .site_setting_entity .sub-title {
  67. font-size: 1rem; }
  68. footer #block-renderedsitesettingsblock-4 .site_setting_entity .d-flex {
  69. margin-top: 1rem; }
  70. footer #block-renderedsitesettingsblock-4 .site_setting_entity .d-flex > div {
  71. width: 30px;
  72. margin-right: 1rem; }
  73. footer .site_setting_entity img {
  74. height: auto; }
  75. footer > div {
  76. display: flex;
  77. flex-wrap: nowrap; }
  78. footer > div .__slide .flickity-slider > div {
  79. width: max-content;
  80. margin: 0 1rem; }
  81. footer > div .__slide .flickity-slider > div img {
  82. width: auto !important;
  83. height: 100px;
  84. max-width: 70px;
  85. object-fit: contain; }