/*| PAGE */

#page {
	background-color: #FFF;
}

#page_content h2,
#page_content h3{
	color: #08314C;
	font-weight: bold;
}


/*| DIVS [.well] (light)*/

#page_content .well h3 {
	color: #000;
	font-weight:normal;
}

#page_content .well{
	padding: 1rem;
	background-color: #E6EAED;
}

#page_content .well1 {
	padding: 1rem;
	background-color: #FFF;
}

/*| BREAKOUT BGBS*/


#page_content .breakout-bg{
	background-color: #E6EAED;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

/*| BUTTONS"ORANGE"*/

#page_content a[role="button"].orange, 
#page_content .thumbnail {
	box-shadow: none;
	color: #FFF;
	background-color: #08314C !important;
	transition: background-color 0.1s;
	border: #08314C;
}

#page_content a[role="button"].orange:hover,
#page_content a[role="button"].white:focus,
#page_content .thumbnail:hover{
	background-color: #B4C1C9 !important;
	color: #08314C;
}


/*| ACCORDION ICONS*/

#page_content summary.medium:before {
	border-color: #08314C;
	color: #08314C;
}

/*| Tick list */

#page_content ul.ticklist li {
	list-style:"\2713";
	padding-left: 1em;
}

/*| Button list */

.button-list {
	margin: 0 auto;
	width: fit-content;
}


.button-list li {
	list-style-type: none;
	margin: 5px !important;
	float: left;
}

.button-list a {
	display: block;
	padding: 10px 20px;
	background-color: #08314C;
	color: #FFF;
	text-decoration: none;
	text-align: left;
	border-radius: 100px;
	transition: initial;
	border:0;
}

.button-list a:hover {
	background-color: #B4C1C9 !important;
	color: #08314C;
	border:0;
	transition: initial;
}

.button-list a:visited {
	color:#FFF;
}

.keyfigure {text-align:center;}

/*| JS-related for accessibility button*/

@media only screen and (min-width: 37em){
	.mobile-only {
		display: none;
	}
}

@media only screen and (max-width: 37em){
	#dia-list{
		display:none!important;
	}
}

li span.budget1 {color: #0E324C;}
li span.budget2 {color: #773170;}
li span.budget3 {color: #A70C51;}
li span.budget4 {color: #C04E11;}
li span.budget5 {color: #647A15;}
li span.budget6 {color: #0076A8;}

li span.budget1, li span.budget2, li span.budget3, li span.budget4, li span.budget5, li span.budget6 {
	font-weight: bold;
}