/* ---------------------------------------------------------
	1. Common site styles
	2. Styles for responsive breakpoints
	---------------------------------------------------------*/

/* ---------------------------------------------------------
	1. Common site styles
	---------------------------------------------------------*/

/* header styles */

#header { background: #c31f09 url(images/bg-header-1200.png) no-repeat 50% 0; }

/* header country selector opener */

#header .country-selector { font: 13px/16px 'Noto Sans',Arial,Helvetica,sans-serif }

#header .country-selector a { color: #fff; }

#header .country-selector a:before { border-color: #fff transparent transparent; }

#header .country-selector a:hover:before { border-color: #000 transparent transparent; }

/* accordion */
.accordion-item .document-links-list {
	background-color: #f7f6f7;
}
.document-links-list li:first-child {
	border-top: 1px solid #e2dede;
}

/* footer styles */

#footer .footer-links,
#footer .country-selector {	background: #eae9e9; }

#footer .header-links a { color: #fff; }

#footer .header-links a:hover { color: #ffc9c9; }

/* ---------------------------------------------------------
	2. Styles for responsive breakpoints
	---------------------------------------------------------*/
	
/* layout styles */

/* styles for screens 959px wide and narrower (768 design) */

@media only screen and (max-width: 959px) {

	#header { background-image: url(images/bg-header-768.png); }
	
	#footer .header-links:after { background: transparent; }
	
}

/* styles for screens 767px wide and narrower (320 design) */

@media only screen and (max-width: 767px) {

	#header { background-image: url(images/bg-header-320.png); }
	
}