/* Base Footer Styles */
.footer {
  background-color: #10061e;
  padding: 72px;
  color: #fff;
  border-top: 1px solid #fff;
}

.footer__content {
  display: flex;
  width: 100%;
}

.footer__container {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.footer__left {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.footer__right {
  margin-left: 164.5px;
  display: flex;
  align-items: center;
}

.footer__row {
  display: flex;
  align-items: center;
  padding: 24px 0;
}

.footer__row li,
.footer__row ul{
  margin-bottom: 0 !important;
}

.footer__row--1 {
  justify-content: space-between;
}

.footer__row--2 {
  justify-content: flex-start;
}

.footer__row--3 {
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}

.footer__divider {
  width: 100%;
  height: 1px;
  background-color: #fff;
  margin: 10px 0;
}

.footer__menu {
  margin-bottom: 0;
}

.footer__links {
  list-style: none;
  padding: 0;
  display: flex;
	flex-wrap: wrap;
}

.footer__row--3 .custom-logo {
  width: 64px;
  height: 64px;
}

.footer__links--1 {
  gap: 32px;
}

.footer__links--1 .menu-item {
  color: #fff;
}

.footer__links--2 {
  gap: 48px;
}

.footer__links--2 .menu-item a,
.footer__copyright {
  color: #fff;
}

.footer__copyright {
  margin-right: 48px;
}

.footer__socials {
  margin-left: 30px;
}

.footer__social-links {
  display: flex;
  gap: 15px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer__social-link {
  display: flex;
}

.footer__logo-image {
  width: 174px;
  height: fit-content;
  margin-top: -42px;
}

/* Background Colors for Different Pages */
.footer--bl,
.footer--bl2 {
  background-color: #222222;
}

.footer--lmr {
  background-color: #171717;
}

/* LMR and BL specific styles */
.menu-item,
.footer__copyright {
  color: #fff;
}

.footer__social-item{
  display: flex;
  align-items: center;
  color: #fff;
}

.footer__social-item .footer__social-link{
  color: #fff;
  transition: 0.2s color ease-in-out;
}

.footer__social-item .footer__social-link:hover{
  color: #aaaaaa;
}

.footer__social-item .footer__social-link svg{
  width: 20px;
}

/* Responsive Styles */

/* Small Desktops */
@media (max-width: 1200px) {
  .footer {
    padding: 64px 60px;
  }

  .footer__links--1 {
    gap: 28px;
  }

  .footer__links--2 {
    gap: 40px;
  }

  .footer__copyright {
    margin-right: 40px;
  }

  .footer__right {
    margin-left: 120px;
  }

  .footer__logo-image {
    width: 150px;
  }

  .footer__row {
    padding: 20px 0;
  }
}

/* Tablets */
@media (max-width: 992px) {
  .footer {
    padding: 56px 36px;
  }

  .footer__container {
    flex-direction: column;
  }

  .footer__content {
    width: 100%;
    flex-direction: column;
  }

  .footer__links--1 {
    gap: 24px;
    flex-wrap: wrap;
  }

  .footer__links--2 {
    gap: 32px;
    flex-wrap: wrap;
  }

  .footer__socials {
    margin-left: 0;
    margin-top: 20px;
  }

  .footer__copyright {
    margin-right: 0;
    margin-top: 16px;
  }

  .footer__right {
    margin-left: 0;
    margin-top: 24px;
  }

  .footer__logo-image {
    width: 140px;
    margin-top: 32px;
  }

  .footer__row {
    padding: 18px 0;
    flex-wrap: wrap;
  }

  .footer__row--1 {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .footer__row--3 {
    flex-wrap: wrap;
    gap: 16px;
  }
}

/* Small Tablets */
@media (max-width: 768px) {
  .footer {
    padding: 48px 24px;
  }

  .footer__row--3 .custom-logo {
    width: 36px;
    height: 36px;
  }

  .footer__links--1 {
    gap: 20px;
    font-size: 14px;
  }

  .footer__links--2 {
    gap: 24px;
    font-size: 13px;
  }

  .footer__socials {
    margin-top: 16px;
  }

  .footer__social-links {
    gap: 12px;
  }

  .footer__logo-image {
    width: 120px;
    margin-top: 24px;
  }

  .footer__row {
    padding: 16px 0;
  }

  .footer__divider {
    margin: 8px 0;
  }
}

/* Mobile */
@media (max-width: 576px) {
  .footer {
    padding: 40px 16px;
  }

  .footer__links {
    gap: 16px;
  }

  .footer__links--1 {
    gap: 16px;
  }

  .footer__links--2 {
    gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer__socials {
    margin-top: 12px;
  }

  .footer__social-links {
    gap: 10px;
  }

  .footer__copyright {
    margin-top: 12px;
    font-size: 12px;
  }

  .footer__left {
    width: 100%;
  }

  .footer__right {
    margin-top: 20px;
    width: 100%;
  }

  .footer__logo-image {
    width: 100px;
    margin-top: 20px;
  }

  .footer__row {
    padding: 12px 0;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer__row--1 {
    gap: 12px;
  }

  .footer__row--3 {
    gap: 12px;
  }

  .footer__divider {
    margin: 6px 0;
  }
}