Popsu-coloque/web/themes/custom/colloque2024/css-compiled/components/footer/footer.css

footer {
  background: white;
  border-top: 1px solid black;
  width: 100%;
  height: auto;
  margin-top: 2rem; }
  footer .container {
    max-width: 90vw; }
  footer > .d-flex > div {
    margin-bottom: 1.5rem;
    padding-top: 2rem;
    padding-left: 2rem !important;
    padding-right: 2rem !important; }
  footer > .d-flex > div:not(:last-of-type) {
    border-right: 1px solid black; }
    @media screen and (min-width: 300px) {
      footer > .d-flex > div:not(:last-of-type) {
        border-right: none; } }
  @media (min-width: 992px) {
    footer .d-lg-block {
      display: block !important; } }
  footer #block-renderedsitesettingsblock-5 {
    max-width: 30%; }
    @media screen and (max-width: 550px) {
      footer #block-renderedsitesettingsblock-5 {
        max-width: 80%; } }
    footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
      display: grid;
      grid-template-columns: 1fr 1fr; }
      @media (max-width: 992px) {
        footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap; } }
      footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(1) {
        grid-column: 1;
        grid-row: 1 / span 3; }
      footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(2) {
        grid-column: 2;
        grid-row: 1; }
      footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(3) {
        grid-column: 2;
        grid-row: 2;
        margin-left: 1rem; }
        footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(3) a img {
          width: 90%;
          margin: auto; }
      footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(4) {
        grid-column: 2;
        grid-row: 3;
        margin-top: 2rem;
        margin-left: 1rem; }
        footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(4) a img {
          width: 60%; }
      @media screen and (max-width: 300px) {
        footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
          display: flex;
          flex-direction: column; } }
  @media (min-width: 992px) {
    footer #block-renderedsitesettingsblock-4 .d-lg-block {
      display: block !important; } }
  footer #block-renderedsitesettingsblock-4 .site_setting_entity > div {
    margin: 1rem 0; }
    footer #block-renderedsitesettingsblock-4 .site_setting_entity > div:first-child::after, footer #block-renderedsitesettingsblock-4 .site_setting_entity > div:first-child:before {
      margin: 0.5rem 0;
      display: block;
      content: " ";
      width: 1rem;
      height: 1px;
      background: black; }
  footer #block-renderedsitesettingsblock-4 .site_setting_entity .sub-title {
    font-size: 1rem; }
  footer #block-renderedsitesettingsblock-4 .site_setting_entity .d-flex {
    margin-top: 1rem; }
    footer #block-renderedsitesettingsblock-4 .site_setting_entity .d-flex > div {
      width: 30px;
      margin-right: 1rem; }
  footer .site_setting_entity img {
    height: auto; }
  footer > div {
    display: flex;
    flex-wrap: nowrap; }
    footer > div .__slide .flickity-slider > div {
      width: max-content;
      margin: 0 1rem; }
      footer > div .__slide .flickity-slider > div img {
        width: auto !important;
        height: 100px;
        max-width: 70px;
        object-fit: contain; }
  footer #block-renderedsitesettingsblock-3 {
    display: none; }