/*
 * Footer
 * Path: /assets/css/footer.css
 */

.site-footer{
  background:#141225;
  color:#fff;
  padding:65px 0 24px;
}

.footer-grid{
  display:grid;
  grid-template-columns:1.5fr .8fr .9fr 1.2fr;
  gap:45px;
}

.brand.light>span:last-child>span{
  color:#8878ff;
}

.footer-logo .custom-logo{
  display:block;
  width:auto;
  max-width:220px;
  max-height:62px;
  filter:brightness(0) invert(1);
}

.footer-brand p,
.contact-lines,
.site-footer a{
  color:#b8b4ca;
  font-size:13px;
}

.footer-brand p{
  max-width:330px;
  line-height:1.7;
}

.contact-lines{
  display:grid;
  gap:7px;
  margin-top:20px;
}

.site-footer h3{
  font-size:14px;
  font-weight:700;
  margin:0 0 18px;
  color:#fff;
}

.footer-column{
  display:flex;
  flex-direction:column;
}

.footer-menu,
.footer-menu-fallback ul{
  display:flex;
  flex-direction:column;
  gap:9px;
  list-style:none;
  padding:0;
  margin:0;
}

.footer-menu-fallback{
  margin:0;
  padding:0;
}

.footer-menu li,
.footer-menu-fallback li{
  margin:0;
  padding:0;
  list-style:none;
}

.footer-menu li::marker,
.footer-menu-fallback li::marker{
  content:"";
}

.footer-menu a,
.footer-menu-fallback a{
  display:inline-flex;
  align-items:center;
  padding:2px 0;
  color:#b8b4ca;
  font-size:13px;
  line-height:1.5;
  text-decoration:none;
}

.footer-menu a:hover,
.footer-menu a:focus,
.footer-menu-fallback a:hover,
.footer-menu-fallback a:focus,
.footer-menu .current-menu-item>a,
.footer-menu .current_page_item>a,
.footer-menu-fallback .current-menu-item>a,
.footer-menu-fallback .current_page_item>a{
  color:#fff;
}

.footer-menu .sub-menu,
.footer-menu-fallback .children{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin:7px 0 0;
  padding:0 0 0 12px;
  list-style:none;
}

.newsletter form{
  display:flex;
  background:#2a273f;
  border-radius:8px;
  overflow:hidden;
  margin-bottom:24px;
}

.newsletter input{
  flex:1;
  min-width:0;
  background:transparent;
  border:0;
  outline:none;
  color:#fff;
  padding:12px;
}

.newsletter input::placeholder{
  color:#8f8ba4;
}

.newsletter button{
  width:45px;
  flex:0 0 45px;
  border:0;
  background:var(--primary,#2f20ff);
  color:#fff;
  cursor:pointer;
}

.socials{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  gap:9px;
  list-style:none;
  padding:0;
  margin:0;
}

.socials li{
  margin:0;
  padding:0;
  list-style:none;
}

.socials a{
  width:31px;
  height:31px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#2a273f;
  color:#b8b4ca;
  text-decoration:none;
}

.socials a:hover,
.socials a:focus{
  background:var(--primary,#2f20ff);
  color:#fff;
}

.footer-bottom{
  margin-top:45px;
  padding-top:20px;
  border-top:1px solid #2a273f;
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#8f8ba4;
  font-size:12px;
}

.footer-bottom p{
  margin:0;
}

.footer-bottom a{
  color:#8f8ba4;
  text-decoration:none;
}

.footer-bottom a:hover,
.footer-bottom a:focus{
  color:#fff;
}

@media (max-width:980px){
  .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:40px;
  }
}

@media (max-width:640px){
  .site-footer{
    padding:50px 0 22px;
  }

  .footer-grid{
    grid-template-columns:1fr;
    gap:35px;
  }

  .footer-bottom{
    flex-direction:column;
    gap:8px;
  }
}