.bsc,.bsc-bold,.gp-italic{
	font-weight:400
}
 .color-block,.color-large-container p,.color-medium-container p{
	font-size:1rem
}
 .code::after,.full-width,.full-width::after,.palette li,.palette::after{
	clear:both
}
 .color-block .title-large,.color-block .title-small{
	font-family:BentonSansBold,Arial,sans-serif;
	font-weight:400
}
 .bsc{
	font-family:BentonSansCondRegular,'Arial Narrow',Arial,sans-serif
}
 .bsc-bold{
	font-family:BentonSansCondBold,Arial,sans-serif
}
 .gp{
	font-family:GeorgiaProRegular,Georgia,serif
}
 .gp-italic{
	font-family:GeorgiaProItalic,Georgia,serif;
	font-style:normal
}
 main{
	position:relative;
	padding-top:10px
}
 @media screen and (min-width:64.0625em){
	main{
		padding-top:50px
	}
}
 .swatch{
	height:5rem;
	padding:10px;
	margin-bottom:1rem;
	color:#fff
}
 .palette{
	margin-bottom:2rem
}
 .palette::after,.palette::before{
	content:' ';
	display:table
}
 .palette .first .swatch,.palette .last .swatch{
	height:auto
}
 .palette input,.palette label{
	float:left
}
 .palette label{
	margin-right:2%;
	width:65%
}
 .palette input{
	height:2rem;
	margin-top:.25rem;
	padding:.25rem;
	width:33%
}
 .palette input,.palette label,.palette span{
	margin-bottom:.5rem!important
}
 .color-block.text-dark,.swatch.alert,.text-dark{
	color:#191919
}
 .color-block.text-black,.text-black{
	color:#000
}
 @media screen and (min-width:20em) and (max-width:39.9375em){
	.palette li{
		position:relative
	}
	 .palette label{
		width:100%;
		height:auto
	}
	 .palette input{
		position:absolute;
		right:.25rem
	}
}
 @media screen and (min-width:40em) and (min-width:20em){
	.palette{
		margin-left:-.75rem;
		margin-right:-.75rem
	}
	 .palette .one-fourth,.palette .three-fourths{
		padding-left:.75rem;
		padding-right:.75rem
	}
}
 @media screen and (min-width:40em){
	.palette{
		margin-bottom:2rem
	}
	 .palette::after,.palette::before{
		content:' ';
		display:table
	}
	 .palette::after{
		clear:both
	}
	 .palette .one-fourth{
		width:25%;
		float:left
	}
	 .palette .three-fourths{
		width:75%;
		float:left
	}
	 .palette .three-fourths:last-child:last-child{
		float:left
	}
	 .palette .title{
		margin-top:4.6rem
	}
	 .palette li:nth-child(2) input{
		margin-top:1.5rem
	}
}
 .color-block{
	color:#fff;
	padding:1rem
}
 .color-block li{
	padding:.75rem 1rem
}
 .color-block.bg-cream,.color-block.bg-cream *{
	color:#4A3C31
}
 .no-bullet.color-block{
	padding:0
}
 .bg-split{
	display:table;
	padding:0!important;
	width:100%
}
 .bg-split div{
	display:table-cell;
	padding:.75rem 1rem;
	width:50%
}
 .code::after,.code::before,.full-width::after,.full-width::before{
	content:' ';
	display:table
}
 .color-block .title-large,.color-block .title-small{
	margin-bottom:.5rem
}
 .color-block .title-large{
	font-size:2.3125rem;
	line-height:1.1
}
 p.color-details{
	font-size:.8rem
}
 .color-large-container .bg-cream,.color-medium-container .bg-cream{
	border:2px solid #EDEBEB
}
 @media only screen and (max-width:40em){
	.no-bullet.color-block li:last-child{
		margin-bottom:-.5rem
	}
	 .no-bullet.color-block li:last-child.bg-mahogany{
		margin-bottom:1rem
	}
}
 .form-item{
	margin-bottom:rem-calc(20)
}
 input[type=file]{
	line-height:1;
	font-size:.875rem;
	vertical-align:top
}
 .code-container pre{
	margin-bottom:0
}
 .code.special,.margin-bottom{
	margin-bottom:1rem
}
 .code{
	margin-top:24px
}
 .bg-dark .code a{
	color:#fff
}
 .bg-dark .code a:focus,.bg-dark .code a:hover{
	color:#EDEBEB
}
 .code.special{
	margin-top:0
}
 code,kbd,pre,samp{
	font-size:1rem
}
 .code-container pre code,.code-example pre code{
	background:#fafafa
}
 .diff .hljs-header,.hljs-comment{
	color:#717160
}
 .hljs-built_in{
	color:#007aa3
}
 .hljs-cdata,.hljs-doctype,.hljs-pi,.hljs-pragma,.hljs-preprocessor,.hljs-shebang{
	color:#707070
}
 .hljs-attribute,.hljs-name,.hljs-variable,.lisp .hljs-body{
	color:#007A7A
}
 .quote.small blockquote{
	font-size:1.25rem;
	padding-left:2rem;
	line-height:1.6
}
 .quote.small blockquote:before{
	font-size:3rem;
	top:4px;
	left:0
}
 .column-demo{
	background:#DBD9D6;
	padding:20px;
	text-align:center;
	font-size:1.375rem
}
 .margin-top{
	margin-top:2rem
}
 .do{
	color:#1a6a36
}
 .dont{
	color:#bb0029
}

/**
 * Temporary fix for this issue:
 * https://github.iu.edu/IU/framework-issues/issues/204
 */
 
.bg-dark table {
    color: #243142;
}