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

$padding:32px;
$padding-small:16px;

.vui-menulist-section{
	padding-bottom: 25px;

  &::after{
    content:'';
    display:block;
    box-sizing:border-box;
    margin:0 $padding;
    padding-top:4px;
    border-bottom: 1px solid base-color(neutral-20);
	}
	
	h4{
		font-size: 14px;
		color: base-color(neutral-20);
		margin: 0;
		padding: 0 $padding 4px;
		text-transform: uppercase;
		font-weight: 500;
	}

	> ol{
		list-style: none;
		margin: 0;
		padding: 0;
		> li{
			margin: 0;
		}
		a{
			display: block;
			padding: 10px $padding;
			color: inherit;
			text-decoration: none;
			&:hover{
				background-color: base-color(sky-blue-lightest);
			}
		}
		.vui-businesscard{
			padding: 10px $padding;
		}
	}

	&[data-strong="true"]{
    &::after{
      border-bottom-color:base-color(neutral-40);
    }
		h4{
      color:base-color(neutral-40);
		}
	}

	&:last-child{
		padding-bottom: 0;
		&::after{
			border-bottom: 0;
			padding-top: 0;
		}
	}
}