@import '../../sass/styles';

.list-group {
    padding: 10px;

    height: 100%;
    background-color: $white;

    h2 {
        font-size: 20px;
        color: $dark-purple;
    }

    ul {
        padding: 0 10px;
        border: 0px;
    }
}

.list-group-item {
	background: $bg-secondary;
	text-align: center;

	border-bottom: 3px solid $white;

	font-size: 14px;
	color: $text-light;
	font-weight: bolder;
	text-decoration: none;

	&:hover {
		cursor: pointer;
	}
	
	&:first-of-type {
		border-radius: 5px 5px 0 0;
	}

	&:last-of-type {
		margin-bottom: 0;
		border-radius: 0 0 5px 5px;
	}

	@media screen and (min-width: $break-small + 1) and (max-width: $break-large) {
		padding: 10px 10px;
		a {
			font-size: 12px;
		}
	  }
}