/* FOOTER: overriding the layout of the footer and styles footer links. */

#zone-footer .region {
  padding: 20px;
}

.zone-footer-primary .nav > li > a {
  color: #ffffff;
}

.zone-footer-primary .nav > li > a:hover, 
.zone-footer-primary .nav > li > a:focus {
  background-color: transparent;
  text-decoration: underline;
}

.region-footer-second {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  background-color: #000000;
  color: #ffffff;
}

.region-footer-second > .block .media {
  margin-top: 0;
}

/* Order is important here in placement of footer blocks.
   The footer nav is in the footer include and displays last in the DOM.
*/
/* copyright block */
.region-footer-second > .block:nth-child(1) {
  font-size: 12px;
  order: 1;
}

/*  social media icons block */
.region-footer-second > .block:nth-child(3) {
  order: 2;
}

/* footer navigation, which is built into footer include */
.region-footer-second > .block:nth-child(2) {
  order: 3;
}

/* Footer links */
#block-menu-menu-footer-links {}

#block-menu-menu-footer-links .menu {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

#block-menu-menu-footer-links .menu > .leaf > a {
  text-decoration: none;
  font-size: 16px;
  color: #ffffff;
}

#block-menu-menu-footer-links .menu > .leaf > a:focus,
#block-menu-menu-footer-links .menu > .leaf > a:hover {
  text-decoration: underline;
  background-color: transparent;
} 

#zone-footer .region-footer-second ul.menu > li > a {
  color: #ffffff !important;
  text-decoration: none !important;
}

#zone-footer .region-footer-second ul.menu > li > a:hover {
  text-decoration: underline;
}

#zone-footer .region-footer-second ul.menu li:hover > a,
#zone-footer .region-footer-second ul.menu li:focus-within > a, #zone-footer .region-footer-second ul.menu .focus-within > a, #zone-footer .region-footer-second ul.menu li:focus > a, 
#zone-footer .region-footer-second ul.menu li > a:focus {
  background-color: transparent;
  text-decoration: underline;
}

#zone-footer table {
  margin-top: 0;
  margin-bottom: 0;
}

@media (min-width: 600px) {
  #block-menu-menu-footer-links .menu {
    height: 200px; /* to resolve issues in IE with menu columns and max-height issues. */
    max-height: 200px;
  }
}

@media (min-width: 768px) {
  .region-footer-second {
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  .zone-footer-primary {
    display: flex;
    align-items: center;
    width: 80%;
    margin: 0 auto;
  }
  
  .zone-footer-primary .zone-footer-primary-col:first-of-type {
    width: 40%;
  }
  
  .zone-footer-primary .zone-footer-primary-col:last-of-type {
    width: 60%;
  }
}