body, html {
	height: 100%;
}

body {
	background: $background-color;
}

dl {
	margin: 0 0 1.62rem;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 0 1.62rem;
}


ul,
ol {
	list-style-type: none;
	padding: 0;

	li {

		img {
			margin-top: 1rem;
		}

	}
}

// ul and ol styles for lists within the entry content
.entry-content {

	ul {
		list-style: disc;
	}
	
	ol {
		list-style: decimal;
	}

	ul, ol {
		margin: 0 0 1.62rem 2rem;
		line-height: 1.5;

		li {
			margin-bottom: 1rem;
		}
	}

	li > ul,
	li > ol {
		margin: 1rem 0 0 2rem;
	}

	li > ul {
		list-style: circle;
	
		ul {
			list-style: square;
		}
	}

}

table,
th,
td {
	border: 1px solid $border-light-grey-alt;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.62rem;
	width: 100%;
	font-size: 1rem;
	box-shadow: $drop-shadow;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 2px 2px 0;
	font-weight: 600;
	background: $light-grey;
}

td {
	border-width: 0 2px 2px 0;
}

th,
td {
	padding: 0.5rem;
}

.box,
.comment-respond {
    padding: 1rem;
	// border: $box-border;
	background: $box-background-color;
    border-radius: 10px;
    box-shadow: 0 1rem 3rem rgba(42,53,79,.2);
}

// remove any bottom margin from paragraph tags included inside boxes
.box p:last-of-type:not(:first-child),
.comment-respond p:last-of-type:not(:first-child) {
	margin-bottom: 0;
}

@media #{$screen-sm}{
	.box,
	.comment-respond {
		padding: $box-padding;
	}
}

@media #{$screen-lg}{

	th,
	td {
		padding: 0.5rem 1rem;
	}
}