/*
Theme Name: Twenty Seventeen Child
Template: twentyseventeen
*/
/* migrated from Customizer Additional CSS */

/* Custom Footer CSS */

/* -----------------------------------------------------------
   1) General footer layout — make everything align correctly
   ----------------------------------------------------------- */

/* Remove theme floats that push .site-info to the right */
.site-footer .social-navigation,
.site-footer .site-info {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

/* Use CSS grid to align the social menu (left) and footer block (center) */
.site-footer .wrap {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr;  /* left | center | right */
  align-items: center;
  column-gap: 12px;
}

/* Left: social menu */
.site-footer .social-navigation {
  grid-column: 1;
  justify-self: start;
}

/* Center: custom footer block */
.site-footer .site-info.custom-footer {
  grid-column: 2;
  justify-self: center;
  text-align: center;
  font-size: 0.9em;
  line-height: 1.6;
}

/* Keep social icons nicely in a row */
.site-footer .social-navigation .social-links-menu {
  display: flex;
  gap: 10px;
}

/* Responsive stacking for smaller screens */
@media (max-width: 768px) {
  .site-footer .wrap {
    grid-template-columns: 1fr;
    row-gap: 8px;
  }
  .site-footer .social-navigation,
  .site-footer .site-info.custom-footer {
    grid-column: 1 !important;
    justify-self: center !important;
    text-align: center;
  }
}

/* -----------------------------------------------------------
   2) Custom footer block appearance (icons, spacing, etc.)
   ----------------------------------------------------------- */

/* Stack the two text lines vertically */
.site-footer .site-info.custom-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

/* Each line (Powered by … / Secured by …) */
.site-footer .site-info.custom-footer .block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

/* Link groups: icon + label inline */
.site-footer .site-info.custom-footer a.brand {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  text-decoration: none;
}

/* Background-image icons (avoid <img> layout issues) */
.site-footer .site-info.custom-footer a.noimg .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
}

/* Specific icon images */
.site-footer .site-info.custom-footer .brand-ipzaf .icon {
  background-image: url("https://www.ipzaf.com/wp-content/uploads/2019/05/cropped-3287_07.png");
}

.site-footer .site-info.custom-footer .brand-le .icon {
  background-image: url("https://www.ipzaf.com/wp-content/uploads/2025/10/LetsEncryptIcon.png");
  width: 22px;
  height: 18px;
}

/* Keep brand text together */
.site-footer .site-info.custom-footer .label {
  white-space: nowrap;
}