@font-face {
	font-family:'robotoregular';
	src: url('../fonts/Roboto-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:'robotobold';
	src: url('../fonts/Roboto-Bold.ttf');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'robotoitalic';
	src: url('../fonts/Roboto-Italic.ttf');
	font-weight: normal; 
	font-style: italic;
}
@font-face {
	font-family: 'EB Garamond', serif;
	src: url('../fonts/EBGaramond.ttf');
	font-weight: normal;
	font-style: normal;
}

/*@font-face {
	font-family:'robotoregular';
	src: url('../fonts/Roboto-Regular-webfont.eot');
	src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular-webfont.woff') format('woff'),  url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),  url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family:'robotobold';
	src: url('../fonts/Roboto-Bold-webfont.eot');
	src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Bold-webfont.woff') format('woff'),  url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),  url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'robotoitalic';
	src: url('../fonts/Roboto-Italic-webfont.eot');
	src: url('../fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Italic-webfont.woff') format('woff'),  url('../fonts/Roboto-Italic-webfont.ttf') format('truetype'),  url('../fonts/Roboto-Italic-webfont.svg#robotoitalic') format('svg');
	font-weight: normal;
	font-style: italic;
}
*/

html {
	padding-top: 56px;
}

body {
	background-color: #c9d8ff;
	font-family: 'robotoregular', sans-serif;
	padding: 0 0 20px 0;
	text-rendering: optimizelegibility;
	color: #000;
	position: relative;
	height: auto;
	overflow-y: scroll;
	width: 100%;
	font-size: 16px;
	hyphens: manual;
}

strong {
	font-family: 'robotobold';
	font-weight: bold;
}

em {
	font-family: 'robotoitalic';
}

.cookie-consent-banner {
	z-index: 15 !important;
}

#publication_cover {
	display: block;
	width: 85%;
	height: auto;
	border: 1px solid #221;
	margin: 0 auto;
}

.container::before, .container::after {
	content: "";
	display: table;
	line-height: 0;
}

.container::after {
	clear: both;
}

.container::before, .container::after {
	content: "";
	display: table;
	line-height: 0;
}

img {
	max-width: 100%;
}

.gr2021-quote {
    display:inline-block;
    background: #94b1ff;
    margin:1em 0;
    padding-top:1em;
    padding-bottom: 1em;
    color:#000;
}

.gr2021-quote span {
	display: block;
}

.gr2021-quote span:first-of-type {
    font-size:2em;
}

.gr2021-quote span:nth-of-type(2) {
    font-size:1.5em;
}

h1, h2, h3, h4, h5, h6 {
	color: #25408f;
	font-weight: bold;
}

h1, h2, h3 {
	margin: 1em 0 0.5em;
}

h1 {
	line-height: 1.4;
}

h2 {
	color: black;
	font-size: 3em;
	margin-top: 0;
	margin-bottom: 0.75em;
}

h3 {
	margin-top: 1.5em;
}

.gr-2022 + div {
	margin-top: 2em;
}

.chapter-img {
	width: 100%;
	height: auto;
	z-index: -2;
}

#foreword h2 {
	position: relative;
}

h2.chapter-heading, h2.chapter-heading-caption {
	display: inline-block;
	position: relative;
	margin-top: -25px;
	z-index: 0;
}

h2.chapter-heading span, h2.chapter-heading-caption span {
	display: block;
}

h2.chapter-heading span:first-of-type::before, h2.chapter-heading-caption span:first-of-type::before {
	content: '';
	display: block;
	width: 100%;
	height: 1em;
	background-color: #94b1ff;
	position: absolute;
	left: 0;
	top: -14px;
	z-index: -1;
}

h2.chapter-heading-caption {
	max-width: 67%;
}

#chapter9 h2.chapter-heading-caption {
	max-width: 50%;
}

#chapter9 figcaption {
	width: 50%;
}

.site-main-logo {
	z-index: 0;
}

.site-main-logo {
	padding: 0;
}

.site-main-logo div {
	padding-left: 40px;
	padding-right: 40px;
}

.site-main-logo h1 {
	font-size: 4em;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

.site-main-logo img {
	border: 0 none;
	margin: 0;
	height: auto;
	width: 100%;
	z-index: 1;
}

#pagefooter {
	padding-bottom: 56px;
}

.gr-2022 + div {
	margin-top: 2em;
}

#mainheader {
	background-color: rgba(255, 255, 255, 1) !important;
	
}

#jumbo-bg {
	background: white url('../img/bg-stripes-general-report-2022.png') 0 0 repeat;
	position: fixed;
	z-index: -1;
	top: 44px;
	width: 100%;
	height: 450px;
}

.gr-2022 {
	position: relative;
}

.gr-2022 * {
	position: relative;
}

section {
	padding-top: 56px;
	position: relative;
}

section#foreword {
	padding-top: 0;
}

.gr-2022 h3 {
	margin-top: 0;
}

.img-full {
	margin-top: 1em;
	margin-bottom: 1em;
}

.dropdown-menu {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	float: left;
	left: 0;
	list-style: outside none none;
	z-index: 1000;
}

.dd-lang-wrapper .dropdown-menu > li > a, .dd-lang-wrapper .dropdown-menu > li.active {
	font-size: 11px;
	line-height: 16px;
	padding: 0 7px !important;
}

.dropdown-menu > li > a {
	clear: both;
	color: white;
	display: block;
	font-weight: normal;
	white-space: nowrap;
}

#navbarDropdownMenuLink {
	color:white !important;
}

a {
	background: transparent none repeat scroll 0 0;
}

.breadcrumbs {
	font-size: 0.917em;
}

li.active {

	background-color: #eee !important;
}

.breadcrumbs .breadcrumb {
	border: 0 none;
	margin-bottom: 0;
	padding: 8px 10px 5px 10px;
}

.breadcrumb {
	border-radius: 2px;
	list-style: outside none none;
	background: transparent;
}

.breadcrumb li {
	line-height: 20px;
	font-size: 12px;
}

.breadcrumbs .breadcrumb a, .breadcrumbs .breadcrumb a:link, .breadcrumbs .breadcrumb a:visited, .breadcrumbs .breadcrumb a:active {
	color: white;
}

.breadcrumbs .breadcrumb > li + li::before {
	color: white;
	content: "›";
	padding: 0 7px;
}

main {
	padding-bottom: 56px;
}

#wrapper {
	overflow: hidden;
}

#navbarlang {
	padding-top: 15px;
	border: 0;
	border-radius: 0;
	background-color: #25408f !important;
}

.no-hover {
	color: none !important;
	text-decoration: none !important;
	background: none !important;
}

#op-logo {
	margin-top: 1em;
	margin-bottom: 1em;
}

.publication-formats  {
	font-family:'robotoregular';
	font-weight: normal;
	text-align: left;
}

.publication-formats img {
	width:60px;
	height: auto;
	padding:5px;
	opacity: 0.75;
	transition: opacity 0.2s ease-in-out;
}
.publication-formats img:hover {
	opacity: 1.0;
    transition: opacity 0.2s ease-in-out;
}

figure {
	margin-top: 2em;
	margin-bottom: 2em;
}

figure + p {
	margin-top: 2em;
}

figure.caption figcaption, p.caption-above, p.figcaption-below {
	position: relative;
	font-size: 0.85em;
}

figure.caption-below figcaption {
	padding-top: 20px;
}

p.figcaption-below {
	padding-top: 30px;
	margin-bottom: 2em;
}

.left-arrow {
	list-style-type: none;
	padding-left: 1.25em;
	margin-bottom: 1.5em;
}

.left-arrow li {
	position: relative;
	margin-bottom: 1em;
	padding-left: 0.5em;
}

.left-arrow li::before {
	content: '';
	position: absolute;
	left: -21px;
	top: 6px;
	display: block;
	width: 15px;
	height: 12px;
	background: url(../img/arrow-left.png) 0 0 no-repeat;
	background-size: contain;
}

.no-margin-top {
	margin-top: 0px !important;
}

.no-margin {
	margin: 0 !important;
}

.subtitle {
	display: block;
	margin-bottom: 30px;
}

.no-side-padding {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

h3.identifiers, h4.identifiers {
	font-size: 2em;
	text-transform: uppercase;
	border: none;
	color: #000;
}

h4.identifiers {
	font-size: 1.5em;
	margin-bottom: 0.5em;
}

.identifiers {
	padding-bottom: 2px;
	border-bottom: 2px dotted;
}

.identifiers.last {
	margin-bottom: 2em;
}

.identifiers span {
	display: inline-block;
}

.identifiers span.identifiers-spacer1 {
	width: 50px;
}

.identifiers span.identifiers-spacer2 {
	width: 200px;
}

.identifiers span.identifiers-spacer3 {
	width: 140px;
}

.identifiers span.identifiers-spacer4 {
	width: 170px;
}

.identifiers span.identifiers-spacer5 {
	width: 150px;
}

#chapter12 iframe {
	margin-left: 70px;
}

.navbar-toggle {
	display: block;
}

.navbar-light {
	background-color: #25408f !important;
	border-bottom: none;
	color:white !important;
}

.navbar-light .navbar-toggler {
	color: rgba(0,0,0,.55);
	border-color: whitesmoke;
	background: lightgray;
}

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-toggler-icon {
	  border-color: white;
}

p.caption, p.video-caption {
	color: #000;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.222;
	margin: 6px 12px 0 0;
	padding-bottom: 0;
	text-align: left;
	text-decoration: none;
	text-indent: 0;
	text-transform: none;
}

.img_caption_photo div.col-sm-push-5 {
	margin-left: 15px;
	margin-right: -15px;
}

#mobile-nav {
	margin-bottom: 0;
	font-size: 12px !important;
}

#mobile-nav .container {
	justify-content: start;
}

#mobile-nav .navbar-brand {
	padding: 0;
	margin-left: 15px;
	margin-bottom: 0 !important;
	color:white;
}

.navbar#mobile-nav {
	min-height: 20px;
}

#activelang, #navbarlang {
	color:white;
}

.navbar-toggler-icon {
	display: inline-block;
	width: 16px;
	height: 12px;
}

#offcanvas-toggler {
	display: block !important;
}

.btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus, #offcanvas-toggler:focus, #offcanvas-toggler.active.focus, #offcanvas-toggler {
    outline: none !important;
	box-shadow: none !important;
}

#offcanvasNavbar {
	background-color: #c9d8ff;
	font-weight: bold;
}

#offcanvasNavbar .btn-primary {
	background-color: #25408F;
	border-color: #25408F;
	font-weight: bold;
	text-align: left;
}

#offcanvasNavbar .btn-primary:hover, #offcanvasNavbar .btn-group:hover .dropdown-toggle {
	background-color: #002b51;
}

#offcanvasNavbar .btn-group:hover .dropdown-toggle, #offcanvasNavbar .btn-group:hover .btn-primary {
	background-color: #002b51; 
	border-color: #002b51; 
}

#offcanvasNavbar .btn-secondary {
	background-color: #25408F;
	border-color: #25408F;
	color:#fff;
	text-align: left;
}

#offcanvasNavbar .btn-secondary:hover {
	background-color: #003869;
	border-color: #003869;
	color: white;
}

#offcanvasNavbar .btn {
	display: block;
	margin-bottom: 0.25em;
	border-radius: 0;
}

#offcanvasNavbar .btn-group {
	width: 100%;
}

#offcanvasNavbar .btn-group a.btn {
	width: 80%;
}

#offcanvasNavbar ul {
	list-style: none;
	padding-left: 2em;;
}

#offcanvasNavbar h5 {
	color:#25408f;
	font-family: 'robotoregular', sans-serif;
}

#offcanvasNavbar .btn-close {
	color: white;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

small + p {
	margin-top: 1em;
}

ul.breadcrumb {
	padding-top: 5px;
	padding-bottom: 5px;
}

a[data-target="#navlang"]:after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px dashed;
	content: " ";
	display: inline-block;
	height: 0;
	margin-left: 10px;
	vertical-align: middle;
	width: 0;
}

.navbar-nav>li>.dropdown-menu {
    max-height: calc(100vh - 40px);
    overflow-y: auto;
}

.crisis-response, .vaccine-strategy, .electronic-waste {
	text-align: center;
	margin-top: 3em;
}

.crisis-response img, .vaccine-strategy img {
	height:auto;
	width:150px;
	display: inline-block;
	height: 10em;
	width: calc(100% - 3em);
	padding:1em 0;
}

.reopening-europe.row p:first-child {
	margin-top: 1em;
}

.vaccine-strategy {
	color: #466dd6;
	font-weight: 700;
	margin-top: 0;
}

p.heading, p.baseline {
	text-align: center;
}

.heading, .electronic-waste span.heading {
	font-size: 1.4em;
	margin-bottom: 0.5em;
	font-weight: 700;
	line-height: 1.2em;
}

.vaccine-strategy p:first-child, .vaccine-strategy p:last-child {
	color: #000;
}

.vaccine-strategy p:first-child {
	font-size: 1.4em;
	margin: 0 1.5em 1em;
}

.vaccine-strategy p:last-child {
	font-size: 0.85em;
	font-weight: 400;
}

.dotted-spacer {
	margin: 20px auto 17px;
	height: 3px;
	border-bottom: 2px dotted #94b1ff;
	width: calc(100% - 3em);
}

.zero-polution {
	background:#94b1ff;
    margin: 1.5em 0 0 0;
    padding: 1em 0 0 1em;
    color:#000;
}

.zero-polution p.heading {
    font-size: 2em;
}

.zero-polution + .zero-polution {
	margin-top:0 ;
	margin-bottom: 2em;
}

.zero-polution img.zero-img-left {
	top:-2em;
}

.zero-polution .col-lg-6 {
	position: relative;
}

.zero-polution img {
	margin:0 auto;
	border-radius: 50%;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
}

@media only screen and (min-width:768px) and (max-width:992px) {
	.zero-polution img.zero-img-left {
		top: 0;
	}
}

@media only screen and (min-width:992px) {
	.zero-polution .zero-img-right img {
		position: absolute;
		bottom: 0;
		right: 0;
	}	
}

.zero-polution .zero-img-right {
	padding: 0;
}

.zero-polution .zero-img-right img {
	border-radius: 100% 0% 0% 0%;
	box-shadow: none;
	z-index: 1;
}

.zero-polution ul {
	margin: 0;
	padding: 0 1em;
	list-style: none;
}

.zero-polution ul li::before {
	content: "";
	width: 0;
	height: 0;
	position: relative;
	display: block;
	left: -1em;
	top:17px;
	border-style: solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #000000;
}

.zero-polution ul li:last-of-type {
	 padding-bottom: 1.5em;
}

.zero-polution + p {
	 margin-top: 1em;
}

.triple-columns {
	text-align: center;
	margin: 1em 0;
}

.triple-columns ul {
	text-align: left;
}

.triple-columns> div:last-child {
	border: none;
}

.triple-columns img {
	margin: 1em 0;
	width: 90%;
}

.triple-columns img.circular {
	border-radius: 50%;
}

@media only screen and (min-width:768px) {
	.triple-columns > div {
		border-right: 2px dotted #94b1ff;
	}
}

.triple-columns p.heading {
	margin-bottom: 1em;
}

.heading.green, .green {
	color: #466dd6;
}

.border-top-bottom {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding-bottom: 2em;
}

.copyright, .zero-img-right .copyright {
	font-size: 12px;
	color:#222;
	overflow-wrap: break-word;
}

.vertical-left {
	padding: 0px 0 0 20px;
	text-align: right;
	display: inline-flex;
}

.zero-img-right .copyright {
	color: #FFFFFF;
	padding-right: 1em;
	z-index: 10;
	position: absolute;
	padding-right: 0;
	right: 5px;
	bottom: -12px;
	background: #25408f;
    padding: 3px 7px;
}

.forests.copyright {
	background: #25408f;
    padding: 3px 7px;
	color:white;
}




.plastic-problem {
	background: #c9d8ff;
	color: #000;
    padding: 1.5em 1em;
	margin: 2em 0 0;
}

.plastic-problem + .row {
	margin:0 0 2em 0;
}

.plastic-problem p.heading {
	font-size: 1.3em;
	font-weight: 700;
	line-height: 1.3em;
	color: #466dd6;
	padding: 0;
	text-align: left;
}

@media only screen and (max-width:992px) {
	.plastic-problem br {
		display: none;
	}
}

.plastic-problem div.row {
	border-bottom: 2px dotted #94b1ff;
	margin-left: 1em;
}

.plastic-problem div.row:last-of-type, .plastic-problem .no-border > div.row {
	border: none;
}

.plastic-problem .col-3, .col-9 {
	padding: 0.5em 0.5em 0;
}

.plastic-problem .col-9 > p {
	margin-bottom: 0;
	padding-left: 1em;
	padding-bottom: 1em;
}

.plastic-problem .no-border > div.row {
	margin-left: 0;
}

.plastic-problem .no-border > div.row p {
	padding-left: 0;
	font-weight: 700;
	overflow-wrap: break-word;
}

.timeline {
	padding-left: 1rem;
}

.plastic-problem ul {
	list-style-type: none;
	border-left: 1px solid #466dd6;
	margin-left: 0.2em;
	padding-left: 1em;
}

.plastic-problem li {
	position: relative;
	margin-bottom: 1em;
	padding-left: 3px;
}

.plastic-problem li span {
	display: block;
	color: #06022f;
	font-weight: 700;
}

.plastic-problem li::before {
	content: '';
	position: absolute;
	left: -22px;
	top: 6px;
	display: block;
	width: 15px;
	height: 12px;
	background: url(../img/IMG18-bullet.svg) 0 0 no-repeat;
	background-size: contain;
}

.forest {
	background: #c9d8ff;
	margin: 1.5em 0;
}

.forest div:first-of-type {
	padding-left: 0;
	padding-right: 0;
}

.forest div.forest-img {
	padding: 1.25em;
	background: repeat url(../img/IMG19-Picture1.png) 50% 50%;
}

@media only screen and (min-width:768px) {
	.forest div.forest-img {
		height: 330px;
	}
}

.forest div.forest-img p {
	font-weight: 700;
	color: #FFFFFF;
}

.forest div.forest-img p:last-of-type {
	padding-top: 2em;
	font-size: x-small;
	font-weight: normal;
}

.forest div.forest-text .row, .pictos .row {
	border-bottom: 2px dotted #94b1ff;
	padding: 1em;
}

.pictos {
	margin-bottom: 2em;
}

.pictos .row {
	margin: 1em 1em 0 0;
	padding: 0;
}

.pictos .row:last-of-type {
	border: none;
}

.no-border {
	border: none !important;
}

.forest div.forest-text p {
	margin-bottom: 0.2em;
}

.deforestation {
	margin-bottom: 2em;
}

.deforestation img {
	scale: 65%;
	margin: 0 auto;
}

.deforestation div {
	height: auto;
}

.deforestation p.heading, .eu-soil-strategy p.heading {
	color: #466dd6;
	margin-bottom: 1em;
}

.deforestation p, .eu-soil-strategy p {
	text-align: left;
}

.deforestation p.baseline, .eu-soil-strategy p.baseline, ul.left-triangle li, p.left-triangle {
	margin: 0 1em;
	padding-left: 2em;
	background: no-repeat 0 3px url(../img/arrow-triangle.png);
}

ul.left-triangle li {
	list-style: none;
}

ul.left-triangle {
	padding-left: 0;
}

@media only screen and (max-width:767px) {
	.deforestation img, .triple-columns img {
		float: left;
		width: 175px;
		height:175px;
		margin: 0;
		padding: 0;
	}
	.triple-columns img {
		width: 100px;
		height: 100px;
		margin-right: 1em;
	}
	.deforestation p.baseline, .triple-columns p.baseline, .deforestation p.text-center {
		float:left;
		max-width: 280px;
		margin: 2em 0;
		text-align: left !important;
	}
}

.eu-soil-strategy {
	margin-bottom: 0;
	margin-top: 2em;
}

.eu-soil-strategy .row {
	border-bottom: 2px dotted #94b1ff;
	margin-bottom: 1em;
}

.eu-soil-strategy .row:last-of-type {
	border: none;
}

.eu-soil-strategy .col-8 {
	padding: 0 1em 1em 0;
}

.eu-soil-strategy p.baseline {
	margin-left: 0;
}

.eu-soil-strategy-img {
	background: no-repeat 0 100% url(../img/IMG20-ILL.png);
	position: relative;
	height: 94.5%;
	width: 430px;
}

.eu-soil-strategy-img > p {

	color: #412E20;
	font-weight: 700;
	font-size: 0.8em;
	padding: 0 1em 0.5em 0.5em;
	width: 85%;
}

.eu-soil-strategy-img > p.copyright {
	color: #333;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	text-shadow: 1px 1px 0 #FFFFFF;
	position: absolute;
    top: 91%;
    left: 5px;
    width: 100%;
}

@media only screen and (max-width:767px) {
    .eu-soil-strategy-img > p.copyright {
        position: relative;
        top: auto;
        left: auto;
    }
}

.europe-digital-decade:first-of-type {
	margin-top: 2em;
}

.europe-digital-decade .heading {
	text-align: left;
	color: #466dd6;
}

.europe-digital-decade .col {
	text-align: center;
}

@media only screen and (max-width:767px) {
	.europe-digital-decade img {
		width: 106px;
		margin: 0 auto;
	}
	.europe-digital-decade .col {
		max-width: 150px;
	}
}

.electronic-waste {
	margin: 1em 0 2em;
	padding: 1em 0.5em;
	background-color: #94b1ff;
}

.electronic-waste div {
	border-left: 2px dotted #FFFFFF;
	padding: 0 0 0 1em;
	margin: 0 0 0 0.8em;
	width: 47%;
}

.electronic-waste .type {
	text-transform: uppercase;
	color: #000;
	font-weight: 550;
}

.electronic-waste p {
	text-align: left;
}

.eu4health p.heading {
	font-size: 1em;
	text-align: left;
	color: #466dd6;
	font-weight: 600;
	line-height: normal;
}

.margin-top-2 {
	margin-top: 2em;
}

.text-box-model-1 {
	margin: 1em 1em 2em;
	padding: 1.5em 1.5em 0;
	border-top: 2px solid #466dd6;
	border-bottom: 2px solid #466dd6;
	width: 45%;
}

.green-title div p:first-of-type {
	color: #466dd6;
	font-weight: 700;
}

.col-xs-12 figure img, .col-md-6 figure img {
	margin-top: 0;
}

@media only screen and (max-width:767px) {
	.text-box-model-1 {
		width: 94%;
	}
}

.text-box-model-1 p, .text-box-model-1 li {
	font-style: italic;
}

.text-box-model-1 p.text-box-title {
	color: #466dd6;
	font-weight: 700;
	font-style: normal;
}


.blue-light-background {
	padding: 20px 20px 3px;
	background: #94b1ff;
	margin-bottom: 2em;
}

.peace-security {
	padding: 0.1em 0.5em;
	background: #c9d8ff;
	margin-bottom: 2em;
}

.peace-security > div {
	text-align: left;
}

.peace-security .triple-columns > div {
	border-color: #0F8281;
}

.peace-security .triple-columns img {
	margin: 0;
}

.peace-security .triple-columns p {
	overflow-wrap: break-word;
}

.peace-security p:first-of-type {
	margin-bottom: 0.5em;
}

.peace-security .col-3, .peace-security .col-5, .peace-security .col-7, .peace-security .col-9 {
	padding-left: 0;
	padding-right: 0;
}

.row p.left-triangle {
	padding: 0 0 0 1.5em;
	margin: 1em 0.5em 0 0 !important;
	background-position-x: -0.4em;
}

.sustainable-finance {
	margin: 1.5em 0 !important;
}

.sustainable-finance > div {
	position:relative;
	padding-top: 1em;
	padding-right: 1em;
}

.sustainable-finance >div::before {
	content: '';
	border-top: 2px dotted #94b1ff;
	display: inline-block;
	position: absolute;
	top:0;
	left:0;
	height:3px;
	width: calc(100% - 1em);
}

.sustainable-finance div.col-xs-12 img {
	height: auto;
	width:56px;
	position:absolute;
	left:0;
	top:1em;
}

.sustainable-finance div.col-xs-12 {
	position: relative;
}

.sustainable-finance div.col-xs-12 div {
	padding-left:60px;
}

.sustainable-finance div.col-xs-12 div p:first-of-type {
	font-weight: bold;
	font-size: 1.2em;
}

@media screen and (max-width:410px) {
	.site-main-logo {
		text-align: center;
	}
	.site-main-logo h1 {
		font-size: 2.75em;
	}
	.site-main-logo img {
		width: 250px;
		display: block;
		margin: 0 auto;
		margin-bottom: .5em;
	}
}

@media (max-width:768px) {
	body {
		padding-top: 40px;
	}
	img {
		max-width: 100% !important;
	}
}

@media (max-width:993px) {
	body {
		padding-bottom: 0;
	}
	.left-border {
		border-left: none;
		padding-left: 15px !important;
	}
	main#main {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (max-width:1280px) {
	body {
		padding-bottom: 0;
	}
}

@font-face {
	font-family: "extrafont";
	src: url('../fonts/ECSquareSansPro-Medium.otf') format("opentype");
}

@font-face {

	font-family: "extrafont-italic";
	src: url('../fonts/ECSquareSansPro-MediumItalic.otf') format("opentype");
}

h3 + figure, h4 + figure {
	margin-top: 0.75em;
}

@media screen {
	.longdesc {
		position: absolute;
		left: -10000px;
		top: auto;
		width: 1px;
		height: 1px;
		overflow: hidden;
	}
}

img#commission-logo {
	display: block;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 220px;
	margin-bottom: 0px;
	top: 44px;
}

#mainheader {
	position: relative;
	padding: 35px;
	background-color: #fff;
	padding-right: 0;
	padding-left: 0;
	padding-top: 0;
	margin-left: 0;
	margin-right: 0;
}

#commissions-president {
	width: 100%;
	margin-top: 0 !important;
}

#commissions-president img {
	width: 100%;
	margin-top: 0 !important;
	margin-bottom: 0.7em !important;
}

#commissions-president figcaption {
	padding-top: 1em;
	color: #034ea2;
}

main {
	padding-left: 40px;
	padding-right: 40px;
	background-color: #fff;
}

main a {
	color: #000;
	text-decoration: underline;
}

main a:visited {
	color: #000;
}

main a:hover, main a:active {
	color: white;
	background-color: #25408f;
}

#signature {
	text-align: right;
}

.gr-2022 {
	margin-left: auto;
	margin-right: auto;
}

img#commission-logo {
	position: absolute;
	top: -98px;
	left: 50%;
	transform: translateX(-50%);
	width: 150px;
	z-index: 2;
}

#mainheader {
	margin-top: 114px;
}

.gr-2022 {
	max-width: 750px;
}

.chapter-special figure.caption-chapter-img img {
	margin-bottom: 0;
}

.chapter-special figure.caption-chapter-img figcaption {
	float: right;
	padding-top: 34px;
	padding-left: 10px;
	width: 33%;
	margin-bottom: 2em;
}

#chapter9 figure.caption-chapter-img figcaption {
	margin-bottom: 3em;
}

@media screen and (min-width:1200px) and (max-width:1399px) {
	/*.chapter-special figure.caption-chapter-img figcaption {
		width: 33%;
	}*/
	#chapter5.chapter-special figure.caption-chapter-img figcaption {
		width: 30%;
	}
}

@media screen and (min-width:992px) and (max-width:1199px) {
	.chapter-special figure.caption-chapter-img figcaption {
		width: 50%;
	}
	.chapter-special h2.chapter-heading-caption {
		width: 50%;
	}
 
	
}

@media screen and (min-width:768px) and (max-width:992px) {
	.chapter-special figure.caption-chapter-img figcaption {
		width: 50%;
	}
	.chapter-special h2.chapter-heading-caption {
		width: 50%;
	}
	
}

@media screen and (max-width:767px) {
	.chapter-special figure.caption-chapter-img figcaption {
		display: none;
	}
	.chapter-special h2.chapter-heading-caption {
		max-width: 100%;
	}
}

.chapter-special figure.caption-chapter-img figcaption::before  {
	display: block;
	content: '';
	background: url(../img/arrow-up.png) 0 0 no-repeat;
	background-size: contain;
	width: 11px;
	height: 14px;
	position: absolute;
	top: 14px;
	left: 10px;
}

figure.caption-below figcaption {
	padding-top: 30px;
	width: 99%;
	margin-left: 1%;
}

figure.caption-below.margin-small{
 
	margin-top: 1em;
margin-bottom: 1em;
}

figure.caption-full-width figcaption {
	width: 75%;
	margin-left: 25%;
}
	
figure.caption-full-width figcaption h3 {
	margin-top:0 !important;
	margin-bottom: 14px !important;
}
	
figure.caption-below figcaption::before, p.figcaption-below::before{
	display: block;
	content: '';
	background: url(../img/arrow-up.png) 0 0 no-repeat;
	background-size: contain;
	width: 11px;
	height: 14px;
	position: absolute;
	top: 10px;
	left: 0;
}

figure.caption + h3, figure.caption + div {
	margin-top: 3em;
}

figure.caption-right {
	display: flex;
	flex-direction: row;
}

figure.caption-right img {
	width: 67%;
	margin-bottom: 0;
	height: max-content;
}

figure.caption-right.small-caption img {
	width: 53%;
	margin-bottom: 0;
	height: max-content;
}

figure.caption-right figcaption {
	width: 33%;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	align-self: flex-end;
}

figure.caption-right figcaption::before {
	display: block;
	content: '';
	background: url(../img/arrow-up.png) 0 0 no-repeat;
	background-size: contain;
	transform: rotate(-90deg);
	width: 11px;
	height: 14px;
	position: absolute;
	top: -1em;
	left: 1em;
}

figure.caption-left {
	display: flex;
	flex-direction: row;
}

figure.caption-left img {
	width: 67%;
	margin-bottom: 0;
	height: fit-content;
}

figure.caption-left.small-caption img {
	width: 53%;
	margin-bottom: 0;
	height: max-content;
}


figure.caption-left figcaption {
	width: 33%;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	align-self: flex-end;
	order: -1;
}

figure.caption-below.small-img.small-caption {text-align:center;}
figure.caption-below.small-img.small-caption img {max-width:400px;}
figure.caption-below.small-img.small-caption figcaption::before {display:none;}

figure.caption-left figcaption::before {
	display: block;
	content: '';
	background: url(../img/arrow-up.png) 0 0 no-repeat;
	background-size: contain;
	transform: rotate(90deg);
	width: 11px;
	height: 14px;
	position: absolute;
	top: -1em;
	left: 1em;
}

figure.caption-above {
	width: 66%;
	display: flex;
	flex-direction: column;
}

figure.caption-above-full-width {
	width: 100%;
}

figure.caption-above-full-width figcaption {
	width: 50% !important;
}

figure.caption-above figcaption {
	width: 50%;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	order: -1;
}

figure.caption-above figcaption::after, p.caption-above::after {
	display: block;
	content: '';
	background: url(../img/arrow-up.png) 0 0 no-repeat;
	background-size: contain;
	transform: rotate(180deg);
	width: 11px;
	height: 14px;
	position: absolute;
	top: 3px;
	left: 1em;
}
p.caption-above::after {
	bottom: 1.75em;
}

p.caption-above {
	padding-left: 34px;
	text-align: left;
	margin-top: 2em;
	margin-bottom: 3em;
}

figure.caption-align-top {
	align-content: flex-start;
}

figure.caption-align-top img {
	margin-top: 0;
	object-fit: contain;
	align-self: flex-start;
}

figure.caption-align-top figcaption {
	padding-top:2em;
}

figure.caption-align-top figcaption::before {
	top:-2px;
}

.video-container {
	margin-top: 2em;
	margin-bottom: 2em;
	display: flex;
	flex-direction: row;
	width: 100%;
}
	
.video-container-inner {
	width:470px;
}

.video-poster {
	width: 470px;
	height: auto;
	cursor: pointer;
}

.video {
	display: none;
	width: 470px;
	height: 269px;
}

.video-caption {
	position: relative;
	max-width: 270px;
	padding-left: 1em;
	padding-top: 2em;
	font-size: 0.85em;
}

.video-caption-title {
	background-color: #94b1ff;
	text-transform: uppercase;
	padding: 0 2px;
}

.video-caption::before {
	display: block;
	content: '';
	background: url(../img/arrow-up.png) 0 0 no-repeat;
	background-size: contain;
	transform: rotate(-90deg);
	width: 11px;
	height: 14px;
	position: absolute;
	top: 0;
	left: 1em;
}

.video-container-caption-below {
	display: block;
	width:750px;
	height:429,2553191px;
}

.video-container-caption-below .video-container-inner {
	width:750px;
	height:429,2553191px;
}

.video-container-caption-below .video-poster { 
	width:750px;
	height:429,2553191px;
}
	
.video-container-caption-below .video {
	width:750px;
	height:429,2553191px;
}

.video-container-caption-below .video-caption {
	padding-top:20px;
	width:50%;
}
	
.video-container-caption-below .video-caption::before {
	display: block;
	content: '';
	background: url(../img/arrow-up.png) 0 0 no-repeat;
	background-size: contain;
	width: 11px;
	height: 14px;
	position: absolute;
	top: 0;
	left: 0;
}

.green-video {
	background-color:#94b1ff;
	text-transform: uppercase;
	padding:0.1em;
}

@media screen and (max-width:768px) {
	.float-sm-left {
		width:100%;
		margin-bottom: 2em;
	}
	.video-container {
		margin-top: 1em; 
		margin-bottom: 1em;		
	}
	.video-container-inner {
		overflow: hidden;
		position: relative;
		width: 100%;
		padding-top: 10em;
	}
	.video-poster {
	z-index:23;
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: max-content;
	}
	.video {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}
	.video-caption {
		margin-top: 1em;
	}
}

@media screen and (max-width:539px) {
	
	
	body .responsive-round-img {margin-bottom:25px; margin-right: 0px;}
	
	
	h1 {
		font-size: 3em !important;
	}
	.chapter-heading, h2 {
		font-size: 2.5em !important;
	}
	.publication-formats img {
	width: 89px;
    height: auto;
    padding: 5px;
    opacity: 0.75;
    transition: opacity 0.2s ease-in-out;}
	
	#offcanvasNavbar {width:80%;}
	
	
 .triple-columns {
	text-align: left;
	margin: 1em 0;
} 
	
 .triple-columns .col-md-4 {
	 
	 margin-bottom: 26px;
padding-top: 30px;
background: #f4f6ff;
	 
}
	
 .triple-columns .col-md-4 p.baseline {
	 
margin-top:7px;
	 
}
	
}

@media screen and (max-width:994px) {
	#foreword h2 {
		margin-left: 15px; 
	}
}

@media screen and (max-width:993px) {
	#mobile-nav .container {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0 !important;
	}
	#chapter12 iframe {
		margin-left: 0;
	}
	.navbar-toggler {margin-left:10px;}
}

@media screen and (max-width:767px) {
	section {
		padding-top: 0;
	}
	h2.chapter-heading, h2.chapter-heading-caption {
		margin-bottom: 0.5em;
	}
	h2.chapter-heading + .gr-2022 h3:first-of-type, h2.chapter-heading-caption + .gr-2022 h3:first-of-type {
		margin-top: 0 !important;
	}
	figure {
		margin-top: 1em;
		margin-bottom: 1em;
	}
	figure.caption-below figcaption::before, figure.caption-left figcaption::before, figure.caption-right figcaption::before {
		display: none;
	}
	figure.caption-left, figure.caption-right, figure.caption-below {
		display: block;
	}
	figure.caption-left figcaption, figure.caption-left img, figure.caption-right figcaption, figure.caption-right img, figure.caption-below figcaption, figure.caption-below img {
		width: 100% !important;
	}
	figure.caption-left figcaption, figure.caption-right figcaption, figure.caption-below figcaption {
		padding: 10px 5px 0;
	}
	#chapter12 iframe {
		margin-left: 0;
	}
}

#logo-container-background {
	position: absolute;
    top: -77px;
    left: 50%;
    width: 162px;
    height: 80px;
    background: white;
    margin-left: -81px;
}

.gr-2022 + div {
	margin-top: -2.3em;
}

.gr-2022 + div h3:first-child {padding-top: 2.3em;}

.gr-2022 {
	margin-top: -2.3em;
}

.gr-2022 h3:first-child {padding-top: 2em;}
 #offcanvasNavbar  .offcanvas-header .btn-close.text-reset.btn-close-white { border: 2px solid #1e3986; border-radius:50px; opacity: 1;  }
 body .offcanvas-body .btn { font-size: 0.90rem;  }

.gr-2022 h2 {padding-top:30px;}

.btn-close-white {
  filter: invert(0) grayscale(0%) brightness(100%);
  color: #25408f;
	border-color: #25408f;
}

.main-menu-navbar {position:absolute; text-indent:-9999px; height:1px; width: 1px;}
#chr3 {padding-bottom:45px;}
figcaption.no-arrow.text-center {text-align: center; padding-top:10px;}
body figcaption.no-arrow.text-center::before {display:none;}
body .no-margins {margin: 0px;}
body .margin-bottom-20 {margin-bottom: 20px;}
body .ptb-43 {padding-top:43px; padding-bottom:43px;}
body .max-400 img {max-width: 400px;}
body .max-400 {text-align:center;}


@media screen and (min-width:969px) {
	body .h3,body  h3 {font-size: 33px;}
	body .h4,body  h4 {margin-bottom: 8px; font-size: 24px; margin-top: 10px;}
	body h3.medium-size-h3 {font-size: 25px;}
	body  #chapter9 figcaption.full-width-caption {width:100%; font-size: 13px;}
	body figure.caption figcaption,body p.caption-above,body p.figcaption-below { font-size: 13px;}
}

@media screen and (max-width:769px) {
	#chapter9 h2.chapter-heading-caption {max-width: 100%;}
	
}


body .responsive-round-img {width: 100%; max-width: 289px; margin-right: 23px;}
body .zero-polution.go-green {margin:10px; padding:10px;}
body  {position:relative;}
body .blue-light-background h4 {color:#000; display: inline; background: url("../img/gradient.png"); font-family: 'EB Garamond', serif; font-size:25px; }


body .blue-light-background-custom {padding-top: 20px ; padding-bottom:5px; background: #94b1ff;	margin-bottom: 2em;}
body .blue-light-background-custom h4 {color:#000; display: inline; background: url("../img/gradient.png"); font-family: 'EB Garamond', serif; font-size:25px;}

h4.line-background {color:#000; display: inline; background: url("../img/gradient-white.png"); font-family: 'EB Garamond', serif;}
h4.line-background.bg2 {background: url("../img/gradient2.png");}



p.line-background {color:#000; display: inline; background: url("../img/gradient-white.png"); font-family: 'EB Garamond', serif;}
.pb30 {padding-bottom:30px;}
body h2.medium-header-size {font-size:2.2em}

.pb0 {padding-bottom:0px;}
.mb0 {margin-bottom:0px;}

.fs15 {font-size:15px;}
.fs17 {font-size:17px;}
.fs18 {font-size:18px;}
.fs25 {font-size:25px;}
.fs30 {font-size:30px;}
.fs33 {font-size:33px;}
.fs21 {font-size:21px;}
.mt0 {margin-top:0px;}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px;} 
.mt35 {margin-top:35px}
.pb15 {padding-bottom:15px;}
.columns-min-padding div.col-xs.col-md {padding-left:1%; padding-right:1%;}
.min-padding-lr {padding-left:1%; padding-right:1%;}
.min-padding2-lr {padding-left:2%; padding-right:2%;}
body .pictos .mr0 {margin-right:0px;}
body .p0 {padding: 0px;}
body .text-box-height p {font-style:normal; line-height: 23px;}
body .text-box-height {margin-top: 15px; margin-bottom: 20px;}
.custom-pictos div.col-md-4 {padding-left:0.5%; padding-right:0.5%;}
.min-padding-lr p {padding-top:12px;}

.flags {padding-bottom: 15px;}
.flags figure {float: left; margin: 0 10px 0 0;}
.flags span {font-size: 1.5rem; font-weight: 800; font-family:Arial, Helvetica, sans-serif;}

@media screen and (max-width:769px) {
	.columns-min-padding div.col-xs.col-md {margin-bottom:17px;}
	.columns-min-padding div.col-xs.col-md p {padding-top:15px;}
	
}

h2.chapter-heading, h2.chapter-heading-caption {font-family: 'EB Garamond', serif; padding-left:20px; padding-right:15px;}
.clearfix {clear:both;}


.col-md-5-custom {width:20%; float: left; text-align: center; padding: 1%;}
.col-md-5-custom p {font-size:13px; padding-top:15px;}
.col-md-5-custom p.index-count {font-size:30px; font-family: 'EB Garamond', serif; font-weight: bold;}

.table-european-freedom-act p {font-size: 13px; text-align: center;}
body .blue-light-background h4.fs18 {font-size:18px;}

@media screen and (max-width:769px) {
	.col-md-5-custom {width:100%; float: none;}
	.col-md-5-custom p {font-size:16px; padding-top:15px;}
	.table-european-freedom-act p {
  font-size: 16px;
  padding-bottom: 36px;
}
	
	.hide-arrow-on-mobile::before {display:none;}	
	.hide-arrow-on-mobile { padding-top:5px;}	
	.video-container-inner {padding-bottom:25px;} 
}





.energy-figures figure {margin-bottom:2px;}
.energy-figures figure + p {margin-top: 2px; }
.small-font {font-size:13px;}
ul.decreased-font { margin-bottom: 8px; font-size: 15px;}
.text-align-left {text-align:left;}
p.heading.text-align-left {text-align:left;}

p.arrow-left-p {text-indent:21px;}
p.arrow-left-p::before {content: '';
	position: absolute;
	left: 1px;
	top: 6px;
	display: block;
	width: 15px;
	height: 12px;
	background: url(../img/arrow-left.png) 0 0 no-repeat;
	background-size: contain;
 
}
.map-marker-container img {max-width:47px; padding-bottom:5px;}
.p.heading.fs21 {font-size:21px;}
.margin-top-5 {margin-top:5px;}
img.round-airplane {max-width:180px; margin-top:15px;}
body ul.left-arrow.mt15 li ul li {list-style:outside disc; padding-left:0px; margin-bottom:12px;}
body ul.left-arrow.mt15 li ul li::before {display:none;}

.margin-top-0 {
	margin-top: 0;
}

.margin-top-1 {
	margin-top: 1rem;
}

.padding-left-4 {
	padding-left: 4rem;
}

.fast-care ul {
	top: 5rem;
	padding-left: 0;
}

.fast-care li {
	margin-bottom: 1rem;
}

@media screen and (max-width:994px) {
	.padding-left-4 {
		padding-left: calc(var(--bs-gutter-x) * .5);
	}
	
	.h3, h3 {font-size:30px;}
	.video-container-inner.pb40m {padding-bottom:40px;}
	
	.fast-care ul {
	top: 0rem;
	padding-left: 0;
}
	
	.fast-care ul li {list-style:inside;}
	
	body .video-container {display:block;}
}



.title-look {color: #25408f;
font-weight: bold; font-size:24px;
}

.video-caption.no-rotate-arrow::before {transform: rotate(0deg);}

.info-small-img figure {
	height: 180px;
	border-bottom: 1px solid black;
	margin-top: 0;
	margin-bottom: 0.75rem;
}

.info-small-img figure + p {
	margin: 0;
}

.info-small-img img {
	scale: 50%;
	margin: 0 auto;
	padding: 0;
}

.single-market-emergency .border-bt {
	border-bottom: 2px dashed #FFFFFF;
	margin-bottom: 1.5rem;
	padding-bottom: 1rem;
}

.single-market-emergency h4.no-bg {
	background: none;

}

.single-market-emergency .row:nth-last-child(n+2) {
	border-right: 2px dashed #FFFFFF;
	margin-right: 5px;
}

.new-standardisation {
	margin-top: 2rem;
}

.new-standardisation .row p {
	padding-bottom: 1rem;
	border-bottom: 2px solid #000000;
}

.new-standardisation .row:last-child p {
	border-bottom: none;
}

.new-standardisation figure {
	margin: 0;
}

.new-standardisation p {
	margin: 3rem 0;
}

.eu-social-targets {
	margin-bottom: 2rem;
}

.eu-social-targets figure {
	border-bottom: 1px solid #000000;
	margin-top: 0;
}

.carbon-emmission h4 {
	font-family: 'EB Garamond', serif;
	color: #000;
	background: none;
}

.carbon-emmission p {
	margin: 1rem 0;
}

ul.check {
	list-style-image: url('../img/list-check-image-blue.png');
	margin: 2rem 0 1rem;
	border-top: 2px solid #000;
}

ul.check li {
	margin: 2rem 1rem 1rem;
}

/* probably need adjustments */
@media screen and (max-width:994px) {
	.info-small-img figure {
		height: 200px;
	}
	.single-market-emergency .row:nth-last-child(n+2) {
		border-right: none;
		margin-right: 0;
	}
	.new-standardisation p {
		margin: 0;
	}
	
	.center-on-mobile p {text-align:center;}
	.center-on-mobile-p {text-align:center; padding-bottom:15px;}
}

.text-box-stripes {
	background: white url('../img/bg-stripes-general-report-2022.png') 0 0 repeat;
	text-align: center;
	padding: 2rem 0;
}

.text-box-circular-blue, .text-box-circular-blue-sm, .text-box-circular-blue-xs {
	background: #94b1ff;
	margin: 0 auto;
	padding: 30px 20px 3px;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	display: block;
}

.text-box-circular-blue-sm {
	width: 220px;
	height: 220px;
}

.text-box-circular-blue-xs {
	width: 169px;
	height: 169px;
	padding-top: 20px;
}

.text-box-circular-left {
	margin: 0 0 0 1rem;
	float: left;
}

.text-box-circular-right {
	margin: 0 1rem 0 1rem;
	float: right;
}

.text-box-circular-blue .mt-1, .text-box-circular-blue-sm .mt-1, .text-box-circular-blue-xs .mt-1 {
	margin-top: 1rem;
}
.text-box-circular-blue .mt-2, .text-box-circular-blue-sm .mt-2, .text-box-circular-blue-xs .mt-2 {
	margin-top: 2rem;
}

.finanical-assistance {background: url("../img/CH08-GR-map.jpg") no-repeat top center; background-size: 520px;}

@media screen and (max-width:769px) {
	.relative-on-mobile {position:relative;}
	#chr10, #chr11, #chr12 {margin-top:36px;}
	.small-on-mobile {padding-top:10px; padding-bottom:10px;}
	body .mobile-icon {  max-width: 150px !important;   margin-left: auto; margin-right: auto; display: block;}
	body .mobile-icon-small {  max-width: 69px !important;   margin-left: auto; margin-right: auto; display: block;}
	.finanical-assistance {background:none;}
}


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

.hide-arrow-on-mobile::before {display:none;}	
.hide-arrow-on-mobile { padding-top:5px;}	


}

.index-above {z-index:45;}
.text-align-right {text-align:right;}
.background-p {background: #C6D6FF; padding: 7px 11px;}

.eu-social-targets.row-targets div.col-md {padding-left:1%; padding-right:1%;}
.eu-social-targets.row-targets div.col-md p {font-size:15px;}
body strong.heading span.transform-normal {text-transform: normal;}
body .heading-special {font-size: 1.4em;
	margin-bottom: 0.5em;
	line-height: 1.2em;}


.blue-light-background h4.white {
	font-family: robotobold;
	color: #FFFFFF;
	background: none;
	font-size: 2.1rem;
	line-height: 2rem;
	margin-bottom: 1.5rem;
}

.blue-light-background h4.white span {
	font-size: 3rem;
}

p.padding-text-box {
	padding: 0 2rem;
}
.mlr2{margin-left:20px; margin-right:20px;}
.pb20 {padding-bottom:20px;}
.break-word {word-wrap: break-word;}
.blue-light-background.gender-equality-infographic {background:#668FFF} 
body #chapter9 figcaption.full-width-caption {width:100%;}
body figcaption.no-arrow::before {display:none;}
figure.caption-below figcaption.pt10 {padding-top:10px;}