@import url(../../root.css);
.footer__img {
  width: 100%;
}

.footer-section {
  width: 100%;
  height: auto;
  background-color: var(--footer-bg-color);
  /* margin-top: -90px; */
}

.footer-section .all_info {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  height: auto;
  margin-bottom: 60px;
}

/* Cég logó, leírás */

.footer-section .all_info .f_company {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  margin-top: 35px;
  color: var(--footer-text-color);
}

.footer-section .all_info .f_company .company__description {
  padding-left: 25px;
  font-size: 1.125rem;
  font-weight: 400;
}

.footer-section .all_info .f_company img {
  width: 200px;
  height: auto;
}

/* Termékeink */

.footer-section .all_info .f_services {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: start;
  text-align: left;
  margin-top: 45px;
}

.footer-section .all_info .f_company ul {
  line-height: 2.86;
  list-style: none;
  font-size: 0.875rem;
}

.footer-section .all_info .f_services h1 {
  width: 100%;
  font-size: 1.063rem;
  color: var(--josi-red-color);
  font-weight: bold;
}

.footer-section .all_info .f_services ul {
  line-height: 2.86;
  list-style: none;
  font-size: 0.875rem;
}

.footer-section .all_info .f_services ul a {
  color: #1E2833;
  font-size: 0.938rem;
}

/* About */

.footer-section .all_info .f_brand {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: start;
  text-align: left;
  margin-top: 45px;
}

.footer-section .all_info .f_brand h1 {
  width: 100%;
  font-size: 1.063rem;
  color: var(--josi-red-color);
  font-weight: bold;
}

.footer-section .all_info .f_brand ul {
  line-height: 2.86;
  list-style: none;
  font-size: 0.875rem;
}

.footer-section .all_info .f_brand ul a {
  color: #1E2833;
  font-size: 0.938rem;
}

/* Kapcsolat */

.footer-section .all_info .f_contact {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: start;
  text-align: left;
}

.footer-section .all_info .f_contact h1 {
  width: 100%;
  font-size: 1.063rem;
  color: var(--josi-red-color);
  font-weight: bold;
  margin-top: 45px;
}

.footer-section .all_info .f_contact ul {
  line-height: 2.86;
  list-style: none;
  font-size: 0.875rem;
}

.footer-section .all_info .f_contact ul li {
  display: flex;
  align-items: center;
}

.footer-section .all_info .f_contact ul li i {
  color: #1E2833;
  font-size: 1.3rem;
}

.footer-section .all_info .f_contact ul li a {
  color: #1E2833;
  padding-left: 10px;
  font-size: 0.938rem;
}

/* Line */

.footer-section .line {
  width: 100%;
  height: 1px;
  background-color: var(--white-color);
  position: absolute;
}

.footer-section footer {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  height: 61px;
  border-top: solid 1px rgba(255, 255, 255, 0.5);
}

/* Footer rész, dokumentumok, cég név */

.footer-section footer .f_documents {
  flex-grow: 1;
}

.footer-section footer .f_documents ul {
  display: flex;
  justify-content: center;
  line-height: 4;
  font-size: 0.875rem;
  list-style: none;
}

.footer-section footer .f_documents ul a {
  text-decoration: none;
  color: var(--footer-text-color);
  padding-left: 30px;
  font-size: 0.938rem;
}

.footer-section footer .f_company_name {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: start;
  padding-left: 50px;
}

.footer-section footer .f_company_name span {
  font-size: 0.938rem;
  font-weight: 400;
  color: var(--black-color);
}

.footer-section footer .f_company_name a {
  font-size: 0.938rem;
  font-weight: 500;
  color: var(--dark-grey-color);
}

.footer-section ul {
  color: var(--footer-text-color) !important;
}

.footer-flex-grid {
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.column-25 {
  flex: 0 25%;
  padding: 0 20px;
}