footer
{

}

form#contact-form label
{
  font-size: 0.88em;
  color: var(--website-color-gray);
}



footer > section#main-footer
{
  display: flex;
  box-sizing: border-box;
  background-color: var(--website-color-primary);
  padding: 50px calc( var(--website-wrapper-padding) + calc(calc(100vw - var(--website-wrapper-width)) / 2));
  flex-wrap: wrap;
  justify-content: space-between;
  gap: calc(var(--website-wrapper-padding) * 2);
}

footer > section#main-footer > div
{
  color: white;
  flex-basis: 300px;
}

footer > section#main-footer a
{
  color: white;
}

footer > section#main-footer ul
{
  padding-inline-start: 25px;
}

footer > section#main-footer li
{
    position: relative;
    list-style-type: none;
}

footer > section#main-footer li::before
{
  content: '';
  display: block;
  left: -36px;
  height: 24px;
  width: 24px;
  position: absolute;
  transition: all 250ms ease-in-out;
  background-image: url('../assets/icons/keyboard_arrow_right_gray_24dp.svg');
}

footer > section#main-footer li:hover::before
{
  transform: translateX(8px);
}

footer > section#main-footer li > a
{
  text-decoration: none;
}

footer h3
{
  font-size: 1.5em;
  margin-bottom: var(--website-wrapper-padding);
}

footer h3 img
{
  margin-top: -16px;
}

footer > section#sub-footer
{
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  background-color: var(--website-color-black);
  padding: 20px calc( var(--website-wrapper-padding) + calc(calc(100vw - var(--website-wrapper-width)) / 2));
  color: white !important;
}

footer > section#sub-footer a,
footer > section#sub-footer a:hover
{
  color: white;
}

footer > section#sub-footer > div
{
  flex-basis: 300px;
  flex-grow: 1;
}

footer > section#sub-footer > div.right
{
  text-align: right;
}

footer > section#sub-footer > div.right img
{
  height: 36px;
  width: 36px;
}

footer input[name=submit]:hover,
footer input[type=submit]:hover
{
  color: var(--website-color-primary);
  background-color: white;
}

footer input[type=text],
footer input[type=email]
{
  color: black !important;
  padding: 5px;
  width: 100%;
  margin-bottom: 25px;
  border: 1px solid var(--website-color-primary);
  border-radius: 5px;
  background: white;
}

footer input[type=text]::placeholder,
footer input[type=email]::placeholder
{
  color: black !important;
}