footer.css 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  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. footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(4) {
  40. grid-column: 2;
  41. grid-row: 3; }
  42. @media screen and (max-width: 300px) {
  43. footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
  44. display: flex;
  45. flex-direction: column; } }
  46. @media (min-width: 992px) {
  47. footer #block-renderedsitesettingsblock-4 .d-lg-block {
  48. display: block !important; } }
  49. footer #block-renderedsitesettingsblock-4 .site_setting_entity > div {
  50. margin: 1rem 0; }
  51. footer #block-renderedsitesettingsblock-4 .site_setting_entity > div:first-child::after, footer #block-renderedsitesettingsblock-4 .site_setting_entity > div:first-child:before {
  52. margin: 0.5rem 0;
  53. display: block;
  54. content: " ";
  55. width: 1rem;
  56. height: 1px;
  57. background: black; }
  58. footer #block-renderedsitesettingsblock-4 .site_setting_entity .sub-title {
  59. font-size: 1rem; }
  60. footer #block-renderedsitesettingsblock-4 .site_setting_entity .d-flex {
  61. margin-top: 1rem; }
  62. footer #block-renderedsitesettingsblock-4 .site_setting_entity .d-flex > div {
  63. width: 30px;
  64. margin-right: 1rem; }
  65. footer .site_setting_entity img {
  66. height: auto; }
  67. footer > div {
  68. display: flex;
  69. flex-wrap: nowrap; }
  70. footer > div .__slide .flickity-slider > div {
  71. width: max-content;
  72. margin: 0 1rem; }
  73. footer > div .__slide .flickity-slider > div img {
  74. width: auto !important;
  75. height: 100px;
  76. max-width: 70px;
  77. object-fit: contain; }