:root {
	--itempra-msde-logo: #095C9A ;
	--itempra-almost-black: #121212 ;
	--itempra-almost-white: #EDE4DE ;
	--itempra-white: #FFFFFF ;
	--itempra-orange-white: #FDE4CA ;
	--itempra-black: #000000 ;
	--itempra-msde-tetra-purple: #8F099A ;
	--itempra-msde-tetra-brown: #833B03 ;
	--itempra-msde-tetra-green: #046300 ;
	--itempra-msde-tri-purple: #9A095C ;
	--itempra-msde-tri-green: #5C9A09 ;
	--itempra-msde-logo-inverse: #BEE6FE ;
	--itempra-msde-tetra-purple-inverse: #FBEDFD ;
	--itempra-msde-tetra-brown-inverse: #FDEBDD ;
	--itempra-msde-tetra-green-inverse: #DBFFE4 ;

	--itempra-cshex-1: #6B3B19 ;
	--itempra-cshex-2: #D1DFED ;
	--itempra-cshex-3: #f1d3cf ;
	--itempra-cshex-4: #e0c3be ;
	--itempra-cshex-5: #414191 ;

	--itempra-page-background: var(--itempra-cshex-2) ;
	--itempra-header-background: var(--itempra-cshex-5) ;
	--itempra-light-cshex-5: #5151CE ;
	--itempra-light-header-background: var(--itempra-light-cshex-5) ;
	--itempra-footer-background: var(--itempra-cshex-1) ;
	--itempra-light-footer-background: #8A4500 ;
	--itempra-extra-light-footer-background: #eac5a0 ;
	--itempra-answer-highlight: var(--itempra-cshex-3) ;

	--itempra-against-cshex-2: #212121 ;
	--itempra-against-page-background: var(--itempra-against-cshex-2) ; 
	--itempra-against-cshex-1: #F2DCCF ;
	--itempra-against-footer: var(--itempra-against-cshex-1) ;
	--itempra-against-cshex-3: #00009E ;
	--itempra-against-cshex-4: #0A0A0A ;
	--itempra-buttons-lighter: #ECDAD5 ;
	--itempra-against-cshex-5: var(--itempra-white) ;
	--itempra-against-header: var(--itempra-against-cshex-5) ;

	--itempra-buttons-background: var(--itempra-cshex-4) ;
	--itempra-buttons-text: var(--itempra-against-cshex-4) ;
	--itempra-buttons-darker: #D3AAA1 ;
	--itempra-buttons-active: var(--itempra-buttons-lighter) ;
	--itempra-buttons-hover: var(--itempra-buttons-darker) ;
}

html, body {    
	background-color: var(--itempra-page-background) ;
	color: var(--itempra-against-page-background) ;
}

#footer {
	background: var(--itempra-footer-background) ;
	color: var(--itempra-against-footer) ;
}
.footer-bg {
	background: var(--itempra-footer-background) !important;
}
.accordion-button {
	background-color: var(--itempra-extra-light-footer-background) ;
}
.jumbotron-background {
	/* same as collapsed accordion button */
	background-color: var(--itempra-extra-light-footer-background) !important ;
}
.jumbotron-background p a.content-listing {
	color: var(--itempra-footer-background) !important ;
	background-color: transparent !important ;
}
.jumbotron-background p a.content-listing:hover {
	background-color: var(--itempra-footer-background) !important ;
	color: var(--itempra-extra-light-footer-background) !important ;
}
.accordion-button:focus {
	border-color: #86b7fe;
	outline: 0 ;
	box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%) ;
}
.accordion-button:hover {
	z-index: 2 ;
}
.accordion-button:not(.collapsed) {
	color: var(--itempra-against-header) ;
	background-color: var(--itempra-header-background) ;
	font-weight: 700 ;
}
.accordion-footer {
	background-color: var(--itempra-footer-background) ;
	color: var(--itempra-against-footer) ;
	padding: 8px 0 0 8px ;
}
.accordion-button {
	margin-bottom: 0 ;
}

.itempra-preview a.mc_radio:hover {
	background-color: var(--itempra-answer-highlight) ;
}
.itempra-preview .dropdown-item {
	transition: 0.3s ; 
}
.itempra-preview .dropdown-item:focus, .itempra-preview .dropdown-item:hover {
	color: #1e2125;
	background-color: var(--itempra-answer-highlight) ;
	border-radius: 4px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-decoration: none;
}
.itempra-preview div.boxed_info,.itempra-preview div.boxed-info {
	background-color: #faf8fc ;
	border: 2px solid blue ;
}

.modal-body {
	background-color: white ;
	color: black ;
}

.modal-body .title {
	color: #0000ff ;
}

.modal-body a {
	color: #000088 ;
	background-color: #FFFF00 ;
}

.modal-header {
	color: var(--itempra-against-header) ;
	background-color: var(--itempra-light-cshex-5) ;
}

.modal-footer {
	background-color: var(--itempra-light-footer-background) ;
	color: var(--itempra-against-footer) ;
}

.btn-primary-accessible {
	background-color: var(--itempra-buttons-background) ;
	color: var(--itempra-buttons-text) ;
}

.btn-primary-accessible:active, .btn-primary-accessible:focus {
	color: var(--itempra-black) ;
	background-color: var(--itempra-buttons-active) ;
	border-color: #0a53be;
}

.btn-primary-accessible:hover {
	color: var(--itempra-black) ;
	background-color: var(--itempra-buttons-hover) ;
	border-color: var(--itempra-black) ;
}

.btn-primary-accessible a:hover {
	cursor: pointer ;
}

.btn-danger-accessible {
	background-color: #993333 ;
}

a.widget {
	text-decoration: none ;
}