/* Footer */
.ftr-wrapper {
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, 1fr);
  padding-block: 4rem;
  width: 100%;
  background: url(../img/banners/footerImage5.png) no-repeat center bottom;
  background-size: cover;
  color: var(--clr-didcot-Text);

  @container style(--theme: 🌑) {
      background: url(../img/banners/footerImage5Dark.png) no-repeat center bottom;
        background-size: cover;

  }
}
  

.ftr-logo {     
    grid-column: 1 / -1;
    grid-row: 1 / 2;
  
  padding-left: 40px;
}

.ftr-location {    
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  padding-top: 10px;
  padding-left: 60px;
}
.ftr-location ul {
  font-size: var(--fw-900); 
  padding-inline-start: 15px; /* sets list indent */
}
.ftr-location ul li {
  list-style-type: none;
  display: block;
}

.ftr-contacts {    
    grid-column: 2 / 3;
    grid-row: 2 / 3;
  padding-top: 10px;
}

.ftr-contacts ul {
  list-style-type: none;
  padding-inline-start: 15px; /* sets list indent */
}
.ftr-contacts ul li {
  list-style-type: none;
  display: block;
}

.ftr-links {   
    grid-column: 3 / 4;
    grid-row: 2 / 3;
  padding-top: 10px;
}

.ftr-links ul {
  list-style-type: square;
  font-size: var(--fw-900); 
  padding-inline-start: 15px; /* sets list indent */
}

.ftr-links ul li {
  list-style-type: square;
  display: block;
  color: blue;
}
.ftr-links ul li a {
  color: blue;
}
.copyright {
    grid-column: 1 / -1;
    grid-row: 4 / 5; 
    font-size: var(--fs-450);
    font-weight: var(--fw-700);   
    text-align: center;  
    color: var(--clr-didcot-black);
    padding-top: 20px;
  }

  .privacy {
    grid-column: 1 / -1;
    grid-row: 3 / 4; 
    font-size: var(--fs-450);
    font-weight: var(--fw-700);
    text-align: center;
    color: var(--clr-didcot-black);
    padding-top: 20px;
  }
  
  @media screen and (max-width: 690px) {
 
  .ftr-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    padding-block: 2rem;
    width: 100%;
    background: url(../img/banners/footerImage5.png) no-repeat center bottom;
    background-size: cover;

    @container style(--theme: 🌑) {
      background: url(../img/banners/footerImage5Dark.png) no-repeat center bottom;
      background-size: cover;
    }

  .mobile-hide {
    display: none;
    }
   }
  }