/*-------------------- Footer --------------------*/

.wh_footer{
  height: auto;
  background: var(--deep-blue); 
  color: white;

  padding-left: var(--side-padding);
  padding-right: 14%;
  padding-top: 30px;
  padding-bottom: 50px;
  
  border-top: 1px solid var(--deep-blue-80);
}

.footer-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-align: start;

  margin: 0px !important;
}

.footer-container div {
  display: flex !important;
  flex-direction: row !important;
  width: 100%;
}

.wh_footer p{
  margin: 0;
  line-height: 36px;
}

.wh_footer a{
  margin-top: 0;
  line-height: 30px;
  color: white !important;
}

.wh_footer a:hover{
  text-decoration: none !important;
  color: var(--bold-green) !important;
}

#main-container {
  flex: 4.5;
  flex-direction: column !important;  
}

.main-container-link {
  margin-right: 20px;
}

#support {
  flex:1;
  margin-left: 50px;
  margin-right: 50px;
  max-width: 200px;
  flex-direction: column !important;
}

#support-icon {
  margin-right:10px;
}

#support a:hover img {
  content: url(../../images/support_green.svg);
}

#follow {
  flex: 1.2;
  max-width: 180px;
  flex-direction: row !important;
  flex-wrap: wrap;
}

#follow p {
  min-width: 100% !important;
}

.twitter_icon, .youtube_icon, .facebook_icon, .instagram_icon, .linkedin_icon {
  margin-right: 15px;
  fill: var(--bold-green) !important;
}

.twitter_icon:hover{
  content: url(../../images/twitter_green.svg);
}

.youtube_icon:hover{
  content: url(../../images/youtube_green.svg);
}

.facebook_icon:hover{
  content: url(../../images/facebook_green.svg);
}

.instagram_icon:hover{
  content: url(../../images/instagram_green.svg);
}

.linkedin_icon:hover{
  content: url(../../images/linkedin_green.svg);
}