@import '../styles/_dimensions';
@import '../styles/_colors';

.vui-footer-column{
  list-style: none;
  margin: 0;
  padding: 0 12px 0 0;
  box-sizing: border-box;

  &:last-child{
    padding-right: 0;
  }

  > h3{
    display: block;
    padding-bottom: 6px;
    line-height: 1.43;
  }
  > ul{
    list-style: none;
    margin: 0;
    padding: 0;

    > li{
      box-sizing: border-box;
      color: base-color(neutral-80);
      padding: 6px 0;
      margin-bottom: 0;
      line-height: 1.43;
      > p{
        margin: 0;
      }
      > a{
        color: $color_anchor_foreground;
        text-decoration: none;
        &:hover{
          text-decoration: underline;
        }
      }
    }
	}
	
	@include media-break-down(md){
		&{
			flex: 1 1 100%;
			min-width: 100%;
			padding-bottom: 26px;
			&:last-child{
				padding-bottom: 0;
			}
		}
	}
}