<bp:template>
  <b:comment>Show footer if the `footer-section` has any widgets or has any visible widgets.</b:comment>
  <b:if cond='data:widgets any (w =&gt; w.sectionId == "footer-section")'>
    <footer class='footer bg-dark text-white py-4 py-lg-5' id='footer'>
      <div class='container-md'>
        <b:section class='footer-section' id='footer-section' maxwidgets='2' name='Footer section' showaddelement='no'>
          {% template "./widgets/LinkList2.xml" %}
          {% template "./widgets/HTML1.xml" %}
        </b:section>
      </div>
    </footer>
  </b:if>
</bp:template>

<bp:sass>
//
// Widget
//

.footer-section > .widget {
  margin-bottom: $spacer;

  &:last-child {
    margin-bottom: 0;
  }
}
</bp:sass>
