/* UNEP Stories stylings created on 7th March 2016 */
/* Base Parameters -  Width: 1600px - font-size:14px;*/
/* Main Styles*/

html, body 						{background-color:#fff; margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-size:14px; -webkit-font-smoothing: antialiased; color:#343434;}
a, a:hover, a:active, a:focus 	{color:#136a9f; text-decoration:none; outline:none;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Open Sans', sans-serif; font-weight:300; margin:0; padding:5px 0;}
p								{margin:0 0 10px;}
.clear							{clear:both !important;}
img 							{max-width: 100%; height: auto; width: auto\9; /* ie8 */}

.st_wrap				{ width:100%; max-width:1600px; margin:0 auto;}
.st_row					{ padding:0; margin:0;}
.st_contain				{ width:100%; max-width:1000px; margin:0 auto;}
.st_content_wrap		{ overflow:hidden; margin:0.4% 0}
.st_content_wrap h3		{ font-weight:300; font-style:italic; font-size:1.1429em; color:#888}
.st_title				{ background-color:#f4f4f4; margin:0.3% 0 }
.st_title h1			{ font-weight:800; color:#136a9f; font-size:2.1428em; padding:1%; text-transform:uppercase;}
.st_slider_wrap			{ overflow:hidden; position:relative;}
.st_slider_caption		{ position:absolute; background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; bottom: 3%; color: #fff; font-size: 1em; left: 0;
    line-height: 18px; padding: 2%; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); width:96%;}
.st_slider_caption h2 	{font-size: 1.85714em; font-weight: 400; line-height: 120%; margin:12px 0; text-shadow: 4px 2px 2px rgba(0, 0, 0, 0.8);}
.st_slider_caption p 	{font-size: 1em; font-weight: 600; text-shadow: 4px 2px 2px rgba(0, 0, 0, 0.8);}
.st_slider_caption span	{font-size:0.7em; font-weight:300; background-color:#dedede; border-radius:5px; padding:5px; color:#333; text-transform:uppercase}
.st_slider_caption a	{ color:#ffffff}
.st_slider_caption a:hover	{ color:#f99f27 !important}

.st_story_wrap			{ margin:1.5% 0; }
.st_storyitem			{ padding:1%; overflow:hidden; min-height:150px; transition: all 0.2s ease 0s; vertical-align:top; margin:5px 0; width:auto;} 
.st_storyimage			{ float:left; width:30%; margin:0 2% 0 0;}
.st_storyimage img		{ border-radius:10px}
.st_storyitem_read		{ background-color:#f4f4f4; padding:1%; border-radius:20px; float:right; border:1px solid #ccc}
.st_storyitem_read:hover	{ color:#ed4d0f}
.st_storyitem h2		{ font-weight:600; text-transform:uppercase; font-size:1.1429em;}
.st_storyitem p			{ color:#6b6a6a;}
.st_storyitem span		{color:#6b6a6a; font-weight:300; font-style:italic}
.st_storyitem a 		{ color:#343434}
.st_storyitem a:hover 	{ color:#f99f27 !important}
.st_storyitem:hover		{ background-color:#f4f4f4;}
.st_storyitem:hover .st_storyitem_read	 	{ background-color:#fff; }
.st_storyitem:hover .arrow-up 				{border-bottom: 20px solid #f4f4f4;}
.st_storyimg_wrap		{ position:relative; border-bottom:6px solid #1E97D4; margin:2px 0 20px 0}
.st_story_title			{background-color: #1E97D4; bottom: 0; left: 0; padding: 1% 1.5%; position: absolute; width: auto; font-size:23px; font-weight:300; color:#FFF}
.st_left_wrap			{ float:left; width:68%;  border-right: 1px solid #f5f5f5; padding:1%}
.st_right_wrap			{ float:left; width:26.5%; margin-left:1%; padding:1%}
.socialBtns 			{text-align: center;}
.st_resources			{ padding:7.5471% 0 7.5471% 0;}
.st_resources h2			{ color:#136A9F; text-transform:uppercase; font-size:1.2857em; font-weight:300; border-bottom:3px solid #136A9F; display:inline-block; margin: 0 0 5.6604%;}
.st_resources p			{ margin: 0 0 3.7736% 5px;}
.st_resources a:hover		{ color:#444;}
.gwa_video_wrap		{position:relative; margin:20px 0 20px 0;	padding-bottom:55%; height:0; overflow:hidden; border:1px solid #ccc}
.gwa_video_wrap iframe, .gwa_video_wrap object, .gwa_video_wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}
.st_allstories		{ text-align:center; margin:30px 0 30px 0}
a.st_button				{ padding:12px 20px; border:1px solid #136A9F; color:#136A9F; border-radius:15px;}
a.st_button:hover				{box-shadow: 7px 14px 40px 3px rgba(163, 174, 184, 0.8);}
.st_relatedstories		{ overflow:hidden; background-color:#f4f4f4; padding:10px}
.st_relatedstories h2		{color:#136A9F; text-transform:uppercase; font-size:18px; font-weight:600; }

.st_topitem			{ width:46.5%; display:inline-block; padding:1%; overflow:hidden; min-height:120px; transition: all 0.2s ease 0s; vertical-align:top; margin:0.5% 0}
.st_topitem h3		{font-weight:300; font-size:1.1429em; padding:0 !important; }
.st_topitem_image	{ float:left; width:36.5591%; margin:0 4.3011% 0 0;}
.st_topitem_title	{ overflow:hidden}
.st_topitem_title a { color:#343434}
.st_topitem_title a:hover { color:#ed4d0f}
#footer_text	{ overflow:hidden}
.st_anchors		{ text-align:center; font-size:1em; display:none}

.st_sideinfo		{ float:right; margin:7px 0 7px 7px; padding:7px; border:1px solid #d2dda3; background-color:#e9f2d7; border-radius:10px}
.st_footnote		{ margin:7px 0 7px 7px; padding:7px; border:1px solid #dedede; background-color:#f4f4f4; border-radius:10px; font-size:12px;}