/* All custom css to the footer template part in her */

footer a {
  border: none;
  font-weight: 400;
}
.phone a,
.email a {
  font-family: inherit;
  font-weight: inherit;
}
.company-name {
  font-weight: bold;
}
footer .address-info p {
  margin-block-start: 0;
}

footer .wp-block-site-logo {
  margin-bottom: var(--wp--preset--spacing--50);
}

/* navigation  */
footer span.wp-block-navigation-item__label {
  color: var(--wp--preset--color--system-text);
  border-bottom: 1px solid var(--wp--preset--color--system-text);
}
footer nav {
  /* margin-block-start: var(--wp--preset--spacing--20);
  margin-block-end: var(--wp--preset--spacing--60); */
  margin: var(--wp--preset--spacing--20) 0 var(--wp--preset--spacing--60) !important;
}

@media (max-width: 768px) {
  .footer-content,
  .horizontal_archive ul {
    grid-template-columns: repeat(1, minmax(200px, 1fr));
    /* grid-template-columns: repeat(1, minmax(0, 1fr)); */
  }
  body .footer-content {
    /* display: grid; */
    display: block;
  }
  :root footer :where(.is-layout-flex) {
    gap: var(--wp--preset--spacing--20);
  }
}

@media (min-width: 769px) and (max-width: 1024px) and (orientation: portrait) {
  .footer-content,
  .horizontal_archive ul {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
  }
}

footer a.wp-block-navigation-item__content a,
footer
  .wp-block-navigation
  .wp-block-navigation-item
  .wp-block-navigation-item__content {
  padding: var(--wp--preset--spacing--0) !important;
}
/* Navigation */
/* footer nav a,
footer a {
  padding: 0 !important;
  border-bottom: 2px solid transparent !important;
} */
footer .wp-block-navigation-item__content a {
  padding: var(--wp--preset--spacing--0);
}
footer nav a:hover,
footer a:hover {
  background: none !important;
  border-bottom: 2px solid var(--wp--preset--color--darkblue) !important;
  counter-reset: var(--wp--preset--color--darkblue) !important;
}
.master-footer nav ul,
.master-footer {
  /* row-gap: 2rem; */
  row-gap: var(--wp--preset--spacing--40);
}
footer nav .current-menu-item a,
footer .current-menu-item a {
  border: none !important;
  background-image: none !important;
  color: var(--wp--preset--color--darkblue) !important;
}
footer nav .current-menu-item a::before,
footer .current-menu-item a::before {
  content: "";
  color: var(--wp--preset--color--darkblue);
  border-left: 2px solid var(--wp--preset--color--darkblue);
  margin-right: 0.3rem;
}