/*! Last updated 2021-03-22 16:35:10 */
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;1,400&display=swap");
:root {
  /* Colours */
  --primary-color: #4EC3C8;
  --secondary-color: #2A4B9B;
  --navy: #0D1330;
  --darkest-grey: #576881;
  --dark-grey: #8196B6;
  --grey: #C3D2E1;
  --light-grey: #E5EBF1;
  --lightest-grey: #F0F6FC;
  --black: #222222;
  --off-white: #F7FAFD;
  --white: #FFFFFF;
  --green: #42C5A5;
  --light-green: #ECFBF6;
  --yellow: #F4C175;
  --light-yellow: #FFEACB;
  --red: #CA3D5F;
  --light-red: #F4E2E6;
  --blue: #6EB4F4;
  --light-blue: #E2F0FC;
  --facebook: #3B5998;
  --instagram: #C32AA3;
  --twitter: #1DA1F2;
  --youtube: #FF0000;
  --default-font: "Barlow", sans-serif;
}

html {
  box-sizing: content-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

#footer-wrap {
  box-sizing: border-box;
  background-color: var(--white);
  color: var(--dark-grey);
  font-family: var(--default-font);
}

.footer__content {
  max-width: 996px;
  margin: 0 auto;
  padding: 36px 0;
}

.footer__actions {
  display: flex;
  align-items: center;
  justify-content: center;
}

.actions__group {
  display: flex;
  gap: 10px;
}

.footer__action {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100px;
  height: 100px;
  flex: 0 0 auto;
  padding-top: 20px;
  background-color: var(--off-white);
  border-radius: 8px;
  border: 2px solid var(--off-white);
}
.footer__action img {
  height: 34px;
}
.footer__action__label {
  font-size: 12px;
  font-weight: 500;
  color: var(--darkest-grey);
  margin-top: 8px;
  text-align: center;
}
.footer__action:hover {
  border-color: var(--primary-color);
  background-color: var(--white);
}

.footer__search {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--lightest-grey);
  border-radius: 8px;
  width: 100%;
  height: 100px;
  margin: 0 10px;
  padding: 0 26px;
}
.footer__search form {
  width: 100%;
}
.footer__search label {
  display: block;
  width: 100%;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 500;
  color: var(--darkest-grey);
}
.footer__search input {
  width: 100%;
  height: 36px;
  border: 1px solid var(--grey);
  border-radius: 4px;
  padding: 0 20px 0 30px;
  font-size: 14px;
  background-color: var(--off-white);
  background-repeat: no-repeat;
  background-position: 6px center;
  background-size: 20px;
}
.footer__search input::placeholder {
  color: var(--dark-grey);
}
.footer__search input:focus, .footer__search input:active {
  outline-color: var(--primary-color);
}

.footer__copyright {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px -6px 10px rgba(0, 0, 0, 0.05);
  height: 50px;
  padding: 0 20px;
}

.footer__logo {
  display: block;
  flex: 0 0 158px;
  background-size: 100%;
  width: 158px;
  height: 30px;
}

.footer__cp__text {
  width: 100%;
  font-size: 12px;
  color: var(--dark-grey);
  font-weight: 500;
  text-align: center;
}
.footer__cp__text .not-mobile {
  display: inline;
}
.footer__cp__text .not-mobile a {
  color: var(--primary-color);
  font-weight: 500;
  margin-left: 8px;
  text-decoration: underline;
}

.footer__social {
  display: flex;
}
.footer__social .social__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-color: var(--lightest-grey);
  border-radius: 4px;
  border: 1px solid var(--lightest-grey);
}
.footer__social .social__link img {
  height: 26px;
}
.footer__social .social__link + .social__link {
  margin-left: 5px;
}
.footer__social .social__link:hover {
  border-color: var(--primary-color);
  background-color: var(--white);
}

.show__mobile {
  display: none;
}

@media (max-width: 996px) {
  .footer__content {
    padding: 36px 10px;
  }
}
@media (max-width: 900px) {
  .footer__search {
    padding: 0 10px;
  }

  .footer__cp__text .not-mobile {
    display: block;
    margin-top: 5px;
  }
}
@media (max-width: 840px) {
  .footer__content {
    padding: 20px 10px 10px;
  }

  .actions__group {
    width: 100%;
  }

  .footer__actions {
    gap: 10px;
  }

  .footer__action {
    margin: 0 !important;
    width: 100%;
    flex: auto;
  }

  .footer__search__wrap {
    padding: 0 0 30px;
  }

  .footer__search {
    padding: 0 20px;
  }

  .show__mobile {
    display: flex;
  }

  .hide__mobile {
    display: none;
  }
}
@media (max-width: 767px) and (min-width: 551px) {
  .footer__social .social__link {
    width: 20px;
    height: 20px;
  }
  .footer__social .social__link img {
    height: 20px;
  }
}
@media (max-width: 550px) {
  .footer__copyright {
    flex-direction: column;
    height: auto;
    padding: 20px;
    gap: 10px;
  }

  .footer__actions {
    flex-wrap: wrap;
  }

  .footer__logo {
    flex: auto;
  }

  .footer__social .social__link {
    width: 36px;
    height: 36px;
  }
  .footer__social .social__link img {
    height: 20px;
  }
}