* {
	box-sizing: border-box ;
	margin: 0 ;
	padding: 0 ;
}
html, body {    
	line-height: 1.70 ;
	background-color: #FFFBE5 ;
	color: #212129 ;
}
html, body {    
	font-size: 18px ;
}
@media screen and ( max-width: 1199.038px ) {
	html, body {
		font-size: 15px ;
	}
}
@media screen and ( max-width: 991.038px ) {
	html, body {
		font-size: 13px ;
	}
}
/* on small screens, limit the line-height slightly */
@media screen and ( max-width: 1199.03px ) {
	html, body {
		line-height: 1.35 ;
	}
	.float-image-large {
		display: none ;
	}
}


/*
	X-Small devices need no media query since there is no lower bound 
	(portrait phones, less than 576px) 
*/

/* Small devices (landscape phones, less than 768px) */
@media screen and ( min-width: 576.03px ) { 
	#footer-push {
/*  --- not necessary ... wraps large logo images on small and XS devices ---
		min-height: calc(100vh - 1127px) ;
		padding-bottom: 20px ;
*/
	}
}

/* Medium devices (tablets, less than 992px) */
@media screen and ( min-width: 768.03px ) { 
	#footer-push {
		min-height: calc(100vh - 533px) ;
		padding-bottom: 20px ;
	}
}

/* Large devices (desktops, less than 1200px) */
@media screen and ( min-width: 992.03px ) { 
	#footer-push {
		min-height: calc(100vh - 393px) ;
		padding-bottom: 20px ;
	}
}

/* X-Large devices (large desktops, less than 1400px) */
@media screen and ( min-width: 1200.03px ) { 
	#footer-push {
		min-height: calc(100vh - 523px) ;
		padding-bottom: 20px ;
	}
}

/* XX-Large devices (very wide or high-dpi devices, >= 1400px wide) */
@media screen and ( min-width: 1400.03px ) { 
	#footer-push {
		min-height: calc(100vh - 493px) ;
		padding-bottom: 20px ;
	}
}


#footer {
	background: #212129 ;
	color: #FFFBE5 ;
	border-top: 2px solid black ;
	text-align: center ;
	padding-top: 8px ;
}
button {
	position: relative ;
	overflow: hidden ;
	transition: background 400ms ;
	margin-bottom: 8px ;
}
button.itempra-primary {
	background-color: #8F0014 ;
	color: #f9f9f9 ;
	padding: 1rem ;
	font-size: 1.14rem ;
	outline: 0 ;
	border: 0 ;
	border-radius: 0.25rem ;
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3) ;
	margin-bottom: 8px ;
}
@media screen and ( max-width: 1199.03px ) {
	.lr-mp-0 {
		margin-right: 0 ;
		margin-left: 0 ;
		padding-right: 0 ;
		padding-left: 0 ;
	}
}
h1 {
	font-size: 1.45rem ;
	margin: 14px 0 12px 0 ;
}
h2, h3, h4, h5, h6 { 
	font-size: 1.00rem ;
	margin-top: 0 ;
	margin-bottom: 0 ;
	padding-top: 0 ;
	padding-bottom: 0 ;
}
.float-image-large {
	float: right ;
	width: 195px ;
	padding: 15px 0 0 15px ;
}
@media screen and ( max-width: 991.75px ) {
	.float-image-large {
		display: none ;
	}
}
img.main-logo {
	max-width: 200px ;
	height: auto ;
}
a.module {
	color: inherit ;
	text-decoration: none ;
	padding: 6px 4px ;
	cursor: pointer ;
}
a.module:hover {
	color: white ;
	background-color: black ;
}
a.content-listing {
	background-color: transparent !important ;
	text-decoration: underline !important ;
	text-underline-position: under ;
	padding: 4px 2px ;
	cursor: pointer ;
}
a.content-listing:hover {
	color: white !important ;
	background-color: black !important ;
	text-decoration: none !important ;
}
a.module-home {
	color: inherit ;
	text-decoration: underline ;
	text-underline-position: under ;
}
@media screen and ( max-width: 767.03 ) {
	a.module-home {
		text-underline-position: auto ;
	}
}
a.module-home:hover {
	color: white ;
	background-color: black ;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	background-color: #02529D ;
}
@media (min-width: 576px) {
    .card-columns {
        column-count: 1 ;
    }
}
@media (min-width: 768px) {
    .card-columns {
        column-count: 2 ;
    }
}
@media (min-width: 992px) {
    .card-columns {
        column-count: 3 ;
    }
}
@media (min-width: 1200px) {
    .card-columns {
        column-count: 4 ;
    }
}
.border-3 {
	border-width: 3px !important ;
}
.btn-outline-primary-accessible {
	color: #02529D ;
}
.sr-only {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
	margin: -1px;
}

.m-n1 {
	margin: -0.25rem !important;
  }
  
  .m-n2 {
	margin: -0.5rem !important;
  }
  
  .m-n3 {
	margin: -1rem !important;
  }
  
  .m-n4 {
	margin: -1.5rem !important;
  }
  
  .m-n5 {
	margin: -3rem !important;
  }
  
  .mx-n1 {
	margin-right: -0.25rem !important;
	margin-left: -0.25rem !important;
  }
  
  .mx-n2 {
	margin-right: -0.5rem !important;
	margin-left: -0.5rem !important;
  }
  
  .mx-n3 {
	margin-right: -1rem !important;
	margin-left: -1rem !important;
  }
  
  .mx-n4 {
	margin-right: -1.5rem !important;
	margin-left: -1.5rem !important;
  }
  
  .mx-n5 {
	margin-right: -3rem !important;
	margin-left: -3rem !important;
  }
  
  .my-n1 {
	margin-top: -0.25rem !important;
	margin-bottom: -0.25rem !important;
  }
  
  .my-n2 {
	margin-top: -0.5rem !important;
	margin-bottom: -0.5rem !important;
  }
  
  .my-n3 {
	margin-top: -1rem !important;
	margin-bottom: -1rem !important;
  }
  
  .my-n4 {
	margin-top: -1.5rem !important;
	margin-bottom: -1.5rem !important;
  }
  
  .my-n5 {
	margin-top: -3rem !important;
	margin-bottom: -3rem !important;
  }
  
  .mt-n1 {
	margin-top: -0.25rem !important;
  }
  
  .mt-n2 {
	margin-top: -0.5rem !important;
  }
  
  .mt-n3 {
	margin-top: -1rem !important;
  }
  
  .mt-n4 {
	margin-top: -1.5rem !important;
  }
  
  .mt-n5 {
	margin-top: -3rem !important;
  }
  
  .me-n1 {
	margin-right: -0.25rem !important;
  }
  
  .me-n2 {
	margin-right: -0.5rem !important;
  }
  
  .me-n3 {
	margin-right: -1rem !important;
  }
  
  .me-n4 {
	margin-right: -1.5rem !important;
  }
  
  .me-n5 {
	margin-right: -3rem !important;
  }
  
  .mb-n1 {
	margin-bottom: -0.25rem !important;
  }
  
  .mb-n2 {
	margin-bottom: -0.5rem !important;
  }
  
  .mb-n3 {
	margin-bottom: -1rem !important;
  }
  
  .mb-n4 {
	margin-bottom: -1.5rem !important;
  }
  
  .mb-n5 {
	margin-bottom: -3rem !important;
  }
  
  .ms-n1 {
	margin-left: -0.25rem !important;
  }
  
  .ms-n2 {
	margin-left: -0.5rem !important;
  }
  
  .ms-n3 {
	margin-left: -1rem !important;
  }
  
  .ms-n4 {
	margin-left: -1.5rem !important;
  }
  
  .ms-n5 {
	margin-left: -3rem !important;
  }
  
.feature {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 4rem;
	width: 4rem;
	font-size: 2rem;
}

.navbar-nav a.dropdown-item {
	transition: background 200ms, color 200ms ;
}

.navbar-nav a.dropdown-item:hover {
	background: var(--itempra-footer-background) ;
	color: var(--itempra-against-footer) ;
}

.dropdown-menu li {
	padding-left: 6px ;
	padding-right: 6px ;
}

#feature-fill a.dropdown-item {
	transition: background 200ms, color 200ms ;
}

#feature-fill a.dropdown-item:hover {
	background: var(--itempra-footer-background) ;
	color: var(--itempra-against-footer) ;
}

.coordinated-muted-text {
	color: var(--itempra-footer-background) ;
}

textarea.hide {
	display: none !important ;
}

.editor-statusbar {
	display: none !important ;
}

.wysiwyg-toolbar button.btn {
	margin-bottom: 0 ;
}

/*  -- nice try (it does work) but causes problems against the footer and opacity seems flexible ... keep it black -- 
.tooltip-inner {  -- change color of tooltip background --
    background-color: var(--itempra-footer-background) !important ;
    opacity: 1 !important ;
}

.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: var(--itempra-footer-background) !important ;
}

.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: var(--itempra-footer-background) !important ;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--itempra-footer-background) !important ;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--itempra-footer-background) !important ;
}
*/

.under-title {
	font-size: calc(100% - 12px) ;
}