/* FOOTER ITEMS
--------------------------- */

/* FOOTER TITLE */
.footer-title {
  color: #074361;
  display: block;
  font-size: 1.0675rem;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.7;
  margin: 0 0 20px;
  text-transform: uppercase;
}

/* FOOTER NAVS */
/* Footer Nav */
[nav-footer] a { color:#fff; font-weight:600; }
[nav-footer] a + a { margin-left:25px; }
/* Products Nav */
[nav-products] { margin-top:10px; }
[nav-products] svg { 
  height: 32px;
  width:  148.8372093023256px;
}
/* Newsletter Nav */
.footer-subscription {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}
.subscription-form-form {
  border: 1px solid #859DB3;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 1rem;
  height: 40px;
  min-height: 40px;
  padding: 16px;
}
[section-newsletter] .subscription-form-form {
  margin-bottom: 0.5rem;
  width: 100%;
}
[section-newsletter] [data-zc-button] {
  max-width: fit-content;
}
.subscription-form-form::-webkit-input-placeholder { color:#CECFD2 !important; }
.subscription-form-form:focus::-webkit-input-placeholder { color:#CECFD2; opacity:.5; }
.subscription-form-form:-moz-placeholder, ::-moz-placeholder { color:#CECFD2; }
.subscription-form-form:-ms-input-placeholder { color:#CECFD2; }
.subscription-form [data-zc-button] {
  max-height: 40px;
}
.subscription-result {
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  bottom: 3rem;
  box-shadow: 0 4px 15px rgba(0,0,0,.1);;
  color: #057f65;
  height: fit-content;
  line-height: 1rem;
  margin-left: auto;
  margin-top: 0.5rem;
  padding: 0.5rem;
  position: relative;
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s, transform .3s, top .3s, bottom .3s;
  width: fit-content;
}
.subscription-result.active {
  bottom: 0;
  opacity: 1;
  pointer-events: all;
}
.subscription-result.fail {
  color: var(--color-tertiary-1);
}
/* Current Version */
[nav-products] .version { width:90%; }
[nav-products] .version small { margin:0 0 7px; padding:4px 5px 2px 5px; display:block; text-transform:uppercase; font-size:10px; background:#fbfbfb; border-radius:2px; transform:translateX(-5px); }

/* Social Nav */
[nav-social] { 
  display: flex; 
  flex-wrap: wrap; 
  margin-bottom: 25px; 
  max-width: 235px;
}
[nav-social] a {
  align-items: center;
  background: #2e5c6a;
  border-radius: 50%;
  display: flex;
  height: 40px;
  justify-content: center;
  margin-bottom: 1rem;
  margin-right: 1rem;
  transform:scale(1);
  transition: transform .15s;
  width: 40px;
}
[nav-social] a:hover { transform:scale(1.15); }
[nav-social] svg { 
  --icon-fill: #fff;
  height: 16px; 
}

/* SECTIONS */
/* ZS Logo */
[section-zs] .logo svg { width:169.36px; height:58px; }
[section-zs] address a { min-height:48px; display:flex; align-items:center; }
[section-zs] [zc-obfuscate] { min-height:48px; display:inline-flex; align-items:center; text-decoration:underline; transform:translateY(-11px); }
[section-other] { --icon-fill_alt:#04a3f5; }
[section-account] nav,
[section-company] nav,
[section-product] nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
[section-account] a,
[section-company] a,
[section-product] a {
  color: #13668f;
  cursor: pointer;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: .9;
  min-height: 48px;
}
.no-js [section-account] a,
.no-js [section-company] a,
.no-js [section-product] a { animation:FADE .7s forwards; }
[section-account] a.active,
[section-company] a.active,
[section-product] a.active {
  color: #dc1257;
}
[section-account] a + a,
[section-company] a + a,
[section-product] a + a {
  margin-top: -10px;
}


/* FOOTER 1
--------------------------- */
.footer-1 { 
  background: linear-gradient(#f8fcff, #eaecee); 
  border-top: 1px solid #e4eaef;
  display: flex;
  flex-wrap: wrap;
}
.footer-1 a { color:#5d7d9a; }


/* FOOTER 2
--------------------------- */
.footer-2 { 
  position: relative;
  background: #074361; 
}
.footer-2:after {
  content: '';
  background: #074361; 
  display: block;
  pointer-events: none;
  position: fixed;
  top: 100%;
  height: 100px;
  left: 0;
  right: 0;
  width: 100%;
}
.footer-2 .inner {
  --footer-2-inner-padding-top: 2rem;
  color: #fff;
  line-height: 1;
  padding-bottom: 5.5rem;
  padding-top: 3rem;
}
.footer-2 .wrap {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.footer-2 .logo { 
  --zc-icon-fill-1: #fff; 
  --icon-fill_alt: #fff; 
  --icon-fill_alt1: #fff; 
  --icon-fill_alt2: #fff; 
  height: 35px;
  width: 107.01923076923076px;
}
.footer-2 p { margin:0; }
.footer-2 a.active,
.footer-2 a.active:hover { color:#fff; opacity:.6; }


/* MEDIA QUERIES (MIN)
--------------------------- */

@media screen and (min-width:800px) {
  .footer-1 .inner {
    display: grid;
    grid-template-columns: 325px repeat(3, 220px);
    grid-template-rows: 1fr 1fr;
    grid-row-gap: 2rem;
  }
  [section-newsletter] {
    padding-right: 1rem;
  }
  [section-newsletter] {
    padding-right: 3rem;
  }
}

@media screen and (min-width:1400px) {
  .footer-1 .inner {
    grid-template-columns: 250px repeat(3, 180px) 1fr 1fr;
  }
  .footer-1 .inner > :last-child {
    margin-left: auto;
  }
}

@media screen and (min-width:1600px) {
  .footer-1 .inner {
    grid-template-columns: 300px repeat(3, 195px) 1fr 1fr;
  }
}

@media screen and (min-width:1700px) {
  .footer-1 .inner {
    padding-bottom: 3rem;
    grid-template-columns: 300px repeat(3, 230px) 1fr 1fr;
  }
}




/* MEDIA QUERIES (MAX)
--------------------------- */

@media screen and (max-width:1023px) {
  .footer-1 section {
    margin-bottom: 30px;
  }
    [nav-products] .version {
      margin: 0px;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  [section-zs] {
    flex-basis: 31%;
  }
  [section-account],
  [section-company],
  [section-product] {
    flex-basis: 21%;
  }
  [section-other] {
    flex-basis: 100%;
  }
    [nav-products] .version {
      margin: 0px;
    }
}

@media screen and (max-width:767px) {
  .footer-1 section {
    flex-basis: 48%;
  }

  [section-zs] [zc-obfuscate] {
    line-height: 1.3;
    word-break: break-all;
  }

  .footer-2 .wrap { 
    flex-direction: column;
    justify-content: center;
  }
  .footer-2 p { margin-top: 2rem; }
}

@media screen and (max-width:800px) {
  .footer-1 .inner {
    grid-template-columns: 275px repeat(2, 3fr);
    width: 100%;
  }
  /* IE 11 */ _:-ms-fullscreen, :root .footer-1 .inner { display:flex; }
  /* IE 11 */ _:-ms-fullscreen, :root .footer-1 .inner > section { flex-basis:18%; }
  .footer-1 address { margin-top:1rem; }
  .footer-2 .logo { transform: translateY(-6px); }
}

@media screen and (max-width:1000px) {
  .footer-1 .inner {
    grid-template-columns: 275px repeat(3, 3fr);
    grid-template-rows: initial;
    grid-row-gap: initial;
  }
  [section-newsletter] {
    padding-right: 3rem;
  }
  [section-newsletter] .footer-subscription {
    width: fit-content;
  }
  [section-newsletter] .subscription-form-form {
    max-width: 16rem;
  }
}